คำติชม: การออกแบบเว็บไซต์ Tritium


9

ในการติดตามคำถามนี้: การออกแบบซอฟแวร์ไอโซโทปโลโก้: วิจารณ์ สำหรับการตรวจสอบรหัสเว็บไซต์ (ประสิทธิภาพข้อบกพร่องประสบการณ์การใช้งานที่เกี่ยวข้อง) โปรดไปที่คำถามที่น้องสาวในรหัสตรวจสอบ


ฉันกำลังมองหารีวิวเกี่ยวกับการออกแบบสำหรับเว็บไซต์ Tritiumของฉัน( ซอร์สโค้ด )

ป้อนคำอธิบายรูปภาพที่นี่

โดยเฉพาะ:

  • เป้าหมายหนึ่งของเว็บไซต์คือการทำให้มันง่าย ฉันทำสำเร็จแล้วหรือยัง?
  • สีในจานสีของฉันเติมเต็มซึ่งกันและกันหรือไม่?

    • พื้นหลัง: #171d25
    • อะตอมเคลื่อนไหว: #333
    • โลโก้: #f8bd24
    • ข้อความลิงก์: #6e6e6e
    • ส่วนหัวของแบรนด์ข้อความลิงก์โฮเวอร์ปุ่ม: #78C40F
    • Navbar: #000
    • เนื้อความ: #fff
  • คำติชมที่ผ่านมาทั้งหมดนำมาใช้อย่างถูกต้องออกแบบฉลาด? ฉันลงน้ำไปหรือไม่?

  • ตัวเลือกแบบอักษรของฉันทำงานได้ดีกับส่วนที่เหลือของเว็บไซต์หรือไม่

  • มีแนวคิดการออกแบบใด ๆ ที่ฉันมองข้ามและไม่ได้นำไปใช้หรือไม่

ฉันยังค่อนข้างใหม่กับการออกแบบเว็บไซต์ดังนั้นโปรดใช้ความรุนแรงกับสิ่งนี้


ฉันคิดว่าสีดูโอเค เห็นได้ชัดว่าฉันไม่รู้มากเกินไปเกี่ยวกับพื้นหลังหรือการให้คำปรึกษาเกี่ยวกับการออกแบบ แต่ฉันใช้ปลั๊กอินEye Dropperสำหรับ Chrome พร้อมกับ Paletton.com เป็นการส่วนตัว มันให้ความยืดหยุ่นในการเลือกสีที่เหมาะสม เครื่องมือ Eye Dropper ช่วยให้คุณมีตัวเลือกมากมายสำหรับการประกาศสีใน CSS / HTML
การสร้างแบรนด์ Argent

เมื่อคลิก "เยี่ยมชมหน้าดาวน์โหลด" แท็บใหม่จะเปิดขึ้น แต่ฉันไม่ได้สังเกตเห็นเพราะมีป๊อปอัพปรากฏขึ้นและฉันคิดว่านั่นคือสิ่งที่ควรจะเกิดขึ้น ... หากแท็บใหม่เปิดขึ้นและให้ความสำคัญ ผู้ใช้จะไม่พลาด การใช้ target = "_ blank" ควรใช้เล่ห์เหลี่ยม (ลองดูw3schools.com/html/html_links.asp ) หากคุณทำให้มันดูเหมือนลิงค์ทั่วไป (สีน้ำเงิน, ขีดเส้นใต้หรือคล้ายกัน) ฉันคิดว่าผู้คนจะคิดว่ามันเปิดแท็บใหม่
Henrik Ekblom

1
ฉันเห็นด้วยกับคำวิจารณ์ในป๊อปอัป ฉันจะเพิ่มปุ่มในป๊อปอัปเพื่อคลิกที่จะไปยังหน้า GitHub แทนที่จะเปิดสองสิ่งพร้อมกัน เป็นงานที่ยอดเยี่ยมจริงๆในเว็บไซต์
ฮันนา

ฉันจะให้ป๊อปอัปที่ปรากฏขึ้นเมื่อลิงค์หน้าดาวน์โหลดเยี่ยมชมถูกคลิกเพิ่มอีกเล็กน้อยระหว่างขอบและข้อความและอาจลดขนาดและนำสำเนาไปด้วย และเพิ่มผู้ฟังเหตุการณ์เพื่อลงทะเบียนการคลิกหลบเลี่ยงเพื่อกำจัดป๊อปโอเวอร์เช่นกันในขณะที่คุณอยู่ - ป๊อปอัปที่ไม่ตอบสนองต่อการคลิกหลบหนีเป็นสิ่งที่สร้างความรำคาญให้ผู้ใช้ :-)
Janus Bahs Jacquet

คำตอบ:


1

การออกแบบยอดเยี่ยม! ฉันชอบภาพเคลื่อนไหวอะตอมทางด้านขวา

ฉันชอบสีของคุณ คุณสามารถใช้สีน้ำเงินเข้มเป็นพื้นหลังได้ นี่ทำให้หน้ากระดาษมีความลึกราวกับท้องฟ้าสีคราม:

สกรีนช็อตของหน้ากระดาษพร้อมชุดสีทางเลือก

ฉันใช้Colorizr.jsเล่นกับจานสีของคุณ หากคุณต้องการปรับแต่งสีอย่างละเอียดให้ใช้การตั้งค่าต่อไปนี้ที่เหมาะกับหน้าของคุณ:

การตั้งค่า Colorizr.js

สีมาจากบนลงล่าง: rgb (25, 33, 44), rgb (14, 191, 14), rgb (212, 212, 212), rgb (26, 40, 60), rgb (26, 40, 60)


1

ฉันคิดว่าการออกแบบเว็บไซต์ใช้งานได้ ฉันชอบการเปลี่ยนของคุณสำหรับลิงก์ส่วนหัว การสื่อสารที่ชัดเจนและรัดกุม

จานสีเตือนให้ฉันนึกถึง บริษัท โภชนาการหรือสิ่งที่คล้ายกัน

ฉันคิดว่าตัวเลือกแบบอักษรทำงานได้ดีสำหรับเว็บไซต์ที่เกี่ยวข้องกับเทคโนโลยี ฉันอาจจะขูดใบหน้า serif สำหรับใบหน้า sans-serif ฟรี แต่นั่นเป็นรสนิยมส่วนตัวอย่างหมดจด

นอกจากนี้ฉันสังเกตเห็นว่าในแง่ของการตอบสนองแบบเลื่อนลงอาจมีประโยชน์ในส่วนหัวของคุณเมื่อดูบนหน้าจอขนาดเล็ก (มือถือ) ในขณะที่ฉันยังใหม่กับด้านการเข้ารหัสของการออกแบบกราฟิกฉันขอขอบคุณสำหรับการรวมไฟล์ต้นฉบับ ฉันจะตัดมันออกและเรียนรู้การเปลี่ยนส่วนหัวที่คุณใช้


0

ไม่ใช่ปัญหาด้านการออกแบบ แต่สำหรับการใช้งาน -
เว็บไซต์แจ้งว่าเป็นบริการฟรี แต่เมื่อคุณคลิก 'เยี่ยมชมหน้าดาวน์โหลด' ป๊อปอัปจะขอเงินบริจาค ถ้าฉันไม่ต้องการบริจาคก่อนลองใช้ซอฟต์แวร์ล่ะ ควรมีตัวเลือกอื่นเช่น 'ดำเนินการต่อ' หรือ 'ยกเลิก' เพื่อให้ผู้ใช้สามารถเยี่ยมชมหน้าดาวน์โหลดและดาวน์โหลดซอฟต์แวร์ได้หากเขา / เธอไม่บริจาค

ดังนั้นฉันขอแนะนำให้ออกแบบเค้าโครงของป๊อปอัปใหม่และรวมถึงปุ่มอื่นตามที่แนะนำ


-2

คุณจะไม่ชนะผู้ออกแบบยอดเยี่ยมแห่งปี แต่ยิ่งน้อยก็ยิ่งน้อยก็ไม่ชอบฉันเดา

ไอคอนเวอร์ชั่นสีเหลืองของคุณมีรูปไข่สูงกว่าความกว้าง:

ป้อนคำอธิบายรูปภาพที่นี่

มันดูแปลก ๆ และแม้แต่ weirder เป็นมัสตาร์ดบนสีเทาเมื่อมันอยู่ในไอคอนของแท็บ หากคุณกำลังสร้างไอคอนแท็บเบราว์เซอร์เพียงแค่ทำให้เป็นสีเทาเข้มหรือสีดำ

ดูเหมือนว่ามีเพียงสิ่งเดียวที่จะคลิกซึ่งก็คือ "เข้าสู่หน้าดาวน์โหลด" หากคุณมีทุกอย่างแล้วทำไมจึงไม่เป็นหน้าเว็บ

มันขอเงิน แต่เบราว์เซอร์ของฉันไม่ให้อะไรอีก อาจเป็นไปได้ในเบราว์เซอร์ของคุณ แต่ฉันใช้ TorBrowser และคุณก็ควรทำเช่นกัน NSA นั้นชั่วร้าย อย่างไรก็ตามสำหรับสิ่งที่มีค่ามันก็ปรากฏขึ้นโต้ตอบและไม่ทำอะไรเลย

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.