พีรวิชญ์ อุน

่ เรือน 62130700681

1.Visit your most favorite website regarding the design and discuss:

เว็บไซต์เป็ นของแบรนด์รถยนต์ยห ี่ ้อ Lexus https://www.lexus.co.th ตัวเว็ปไซต์มเี นือ

้ หาเกีย
่ วกับรถยนต์ของแบรนด์ Lexus ทีผ ่ มเลือก
เว็ปไซต์นเี้ พราะ ส่วนตัวเป็ นคนชอบเรือ ่ งรถยนต์เป็ นอย่างมาก เเละเว็ปไซต์ของเเบรนนีก ้ อ
็ อกเเบบได ้ตรงตามลักษณะของสินค ้าได ้ดี เพราะเเสดงให ้
เห็นถึงความหรูหรา เเละดูสปอร์ต โดยโทนสีของเว็ปไซต์จะเน ้นไปทางสีดำขาว เเสดงถึงความเรียบหรูของตัวสินค ้า ให ้อารมณ์ความยิง่ ใหญ่และ
ความน่าเชือ ่ ถือของสินค ้า
รูปภาพทีน่ ำมาเเสดงในเว็ปไซต์เพิม ่ ความดึงดูดโดยใช ้หลักของ Golden section ทำให ้ผู ้เข ้ามาชมจะมองทีต ่ วั รถก่อนสิง่ อืน
่ ในเว็ปไซต์
ถึงเเม ้ตัวรถยนต์จะมีสด ี ำ เเต่ฉากข ้างหลังก็ทำให ้ตัวรถยนต์โดดเด่นออกมา

ตัวเว็ปไซต์สามารถหาข ้อมูลรุน
่ รถทีต
่ ้องการได ้ง่ายตามประเภททีจ
่ ำแนกไว ้ให ้รวมไปถึงมีการบอกราคาตัวสินค ้าไว ้ชัดเจนโดยทีย
่ งั ไม่ได ้
คลิ๊ กเข ้าไปดูรายละเอียด
The C.R.A.P. Principle

Contrast

ของสีตวั รถยนต์เเสดงถึงความ Sport เเละ Luxury

Repetition

การจัดวางตำแหน่งของ Content ใช ้การออกแบบทีค

่ ล ้ายกัน ทัง้ การเว ้นบรรทัด

Alignment

โดยใช ้ตำแหน่งการจัดวางทีเ่ ท่ากันพอดีเว ้นช่องว่างให ้ดูสบายตา รวมไปถึงการจัดวางตัวอักษรระหว่างContent แบ่งช่องไฟ เเละ

การเว ้นบรรทัดให ้ดูเนือ
้ หาไม่เยอะเกินไป ทำให ้คนทีเ่ ข ้ามาชมพอใจทีจ
่ ะอ่านทำให ้ไม่ดข
ู ด
ั ตา

Proximity

ตัวเนือ ้ มีความสอดคล ้องกันได ้ดี ทัง้ การใช ้ Font ทีอ

้ หาของทัง้ สอง Content นัน ่ า่ นง่ายสบายตา
2. Find bad example of website regarding the design and discuss why the sign is
inappropriate:

เว็ปไซต์: http://arngren.net/

การจัดวางรูปสินค ้าดูรกหูรกตาไปหมด ทำให ้ตาลายไม่ดงึ ดูดผู ้เข ้าชม การจัดวางตัวอักษรไม่เรียบร ้อย การจัดหมวดหมูข ่ องสินค ้าก็ทำได ้
ไม่ด ี อาจจะทำให ้หาสินค ้าทีต ่ ถือ อาจจะถูกเพิกเฉยต่อผู ้เข ้า
่ ้องการยาก และไม่รู ้ว่าเว็ปไซต์ขายสินค ้าอะไรเป็ นหนักกันเเน่ ทำให ้โดยรวมดูไม่น่าเชือ
ชม หรือทำให ้ first inpression ของคนทีเ่ ข ้ามาชมนัน ี ารใช ้หลัก C.R.A.P. เลยเเม ้เเต่น ้อยเช่น
้ ดูแย่ ไม่มก

Contrast : การเลือกใช ้สีของสินค ้านัน ี โี่ ดดจนเกินไปทำให ้หาจุดดึงตายตาไม่ได ้เลย

้ มีสท
Repetition : เนือ
้ หาสินค ้าทีว่ างใกล ้ๆกันไม่มค ี วามสอดคล ้อง ไม่มก
ี ารจัดหมวดหมู่
Alignment : การจัดวางกรอบไม่เท่ากันไม่มรี ะเบียบ วางซ ้อนไปมา
Proximity : ไม่มก ี ารรวมเรือ
่ งเป็ นประเภทเดียวกัน ประเภทสินค ้าโดดไปมา ทำให ้สับสนในเข ้าชมเว็ปไซต์

หลักการ 12 Grid หรือ Golden Section ไม่มเี พราะหาส่วนทีเ่ ท่ากันไม่ได ้เลย รวมไปถึงการเว ้นช่องไฟ หรือจุดนำสายตาทำให ้มีความ
น่าสนใจของเว็ปไซต์นัน
้ น ้อยลง