Please enable JavaScript.
Coggle requires JavaScript to display documents.
การเลือกใช้สีที่เหมาะสม - Coggle Diagram
การเลือกใช้สีที่เหมาะสม
ส่วนประกอบสำคัญบนหน้าเว็บเพจ
ส่วนหัวของหน้า (Header)
อยู่ตอนบนสุดของหน้าและเป็นส่วนที่ส าคัญที่สุด โดยจะต้องท าให้สามารถดึงดูดผู้ชมให้รู้สึกอยากติดตามเนื้อหาในเว็บไซต์ต่อไป
ส่วนของเนื้อหา (Body)
อยู่บริเวณตอนกลางของหน้าเว็บ โดยจะแสดงข้อมูลเกี่ยวกับเนื้อหาบนเว็บแบบคร่าว ๆ
ส่วนท้ายของหน้า (Footer)
อยู่ล่างสุดของหน้าเว็บ ซึ่งจะมีหรือไม่มีก็ได้ ส่วนนี้จะแสดงถึงข้อมูลต่างๆ
การเลือกใช้สีสำหรับการออกแบบเว็บไซต์
การเลือกใช้สีในการออกแบบเว็บไซต์มีความสำคัญเป็นอย่างมาก เพราะสีสามารถกำหนดอารมณ์
สีโทนร้อน (Warm Colors)
เป็นสีแห่งความอบอุ่น ปลอบโยนและกระตุ้นความสุขได้ดี ซึ่งจะท าให้ผู้เข้าชมรู้สึกมีชีวิตชีวาและมีแรงผลักดันมากขึ้
สีโทนเย็น (Cool Colors)
เป็นสีแห่งความสุภาพและความอ่อนโยน ท าให้ผู้ชมรู้สึกผ่อนคลายและเพลิดเพลินมากขึ้น
สีโทนกลาง (Neutral Colors)
สีเหล่านี้มักจะถูกน าไปผสมกับสีอื่น ๆ
ความหมายและความรู้สึกของสีแต่ละโทน
โทนสีอบอุ่น หรือโทนสีร้อน
◦สีแดง -ปราดเปรียว, อารมณ์, ความรัก, ความแข็งแกร่ง, ความรัก, ความรุนแรง
◦ชมพู -หวานโรแมนติก ขี้เล่น อบอุ่น มีเมตตาเห็นอกเห็นใจ
◦ส้ม -อบอุ่นความกระตือรือร้นความสาเร็จความมุ่งมั่นเป็นมิตร
◦สีเหลือง -อ่อนเยาว์มีชีวิตชีวา สดชื่น มองโลกในแง่ดี
สีโทนเย็น
◦สีเขียว -สดชื่น, สงบ, ผ่อนคลาย, เชื่อถือได้, เงียบสงบ, มีความหวัง, เยียวยา
◦สีน้าเงิน-ความสะดวกสบาย ความชัดเจน ความสงบ ความน่าเชื่อถือ ความซื่อสัตย์ ความภักดี
◦สีม่วง -ความเย้ายวนใจ, พลัง, ความคิดถึง, ความหรูหรา, ความทะเยอทะยาน, จิตวิญญาณ
สีธรรมชาติ
◦สีเทา -การเคารพ ปัญญา ความอดทน ความทันสมัย ความยืนยาว ความเฉลียวฉลาด
◦สีดำ -ทรงพลัง, กล้าหาญ, จริงจัง, สง่างาม, หรูหรา, น่าทึ่ง, เป็นทางการ
◦น้าตาล-มิตรภาพ, โลก, บ้าน, ความน่าเชื่อถือ, ความเรียบง่าย, ความอดทน
จิตวิทยาแห่งสีและการจดจำแบรนด์
สีเป็นตัวทำหน้าที่หลักในการดึงดูดความสนใจ สร้างความปรารถนาและสร้างลอยัลตี้ต่อผู้เข้าชม
นอกเหนือจากความหมายทั่วไปที่อยู่เบื้องหลังแต่ละสีที่กล่าวถึงข้างต้นแล้วยังมีแนวโน้มบางอย่างที่แบรนด์มักจะทำเพื่อสร้างการรับรู้ผ่านสี ดังตัวอย่างต่อไปนี้
◦ร้านอาหารมักจะเป็นสีแดงและสีส้ม
◦ธนาคารและสถาบันการเงินมักจะเป็นสีน้าเงิน
◦ผลิตภัณฑ์หรูหรามักบรรจุในแพคเก็จสีดำ
◦โรงแรมมักจะเป็นสีขาวสีน้าเงินสีดาหรือสีเขียว
การใช้ทฤษฎีสีในการออกแบบเว็บ
◦triadic
การเลือกใช้สีแบบสมดุลใช้รูปสามเหลี่ยมในวงล้อสี
◦complementary
เลือกใช้สีคู่ตรงข้ามสร้างความโดนเด่นกระตุ้นอารมณ์
◦analogue colors
สามสีเรียงกันเป็นโทนสีที่ใช้สีถัดไปในวงล้อสี
การเลือกโทนสีหลัก
ในการเริ่มต้นการออกแบบเว็บเป็นอันดับแรกคือการสร้างสีหลักสาหรับแบรนด์ของคุณ
การพัฒนาโทนสีและเฉดสี
เมื่อมีสีหลักในใจสำหรับเว็บไซต์แล้ว บางเว็บไซต์สามารถใช้เพียงแค่สีเดียวสำหรับการออกแบบ แต่โดยส่วนใหญ่แล้วต้องการเฉดสีหรือสีอ่อนๆ
กฎ 60-30-10
ประสิทธิภาพสาหรับการผสมสีที่ต่างกันนั่นคือควรผสมสีในสัดส่วน60% -30% -10%
ความแตกต่าง
ความแตกต่างของสีเป็นส่วนส าคัญขององค์ประกอบภาพ ตัวอย่างเช่นหากต้องการให้ผู้เข้าชมใส่ใจเป็นพิเศษกับพื้นที่เฉพาะของเว็บไซต์
ทำงานกับรูปภาพ
หากมีภาพอยู่ในใจที่สามารถกำหนดแบรนด์หรือลูกค้าได้ จงเลือกภาพที่สามารถดึงสีหลักจากที่นั่น
◦เปลี่ยนให้เป็น ระบบสี Grayscale
◦ปรับความสั่นไหวของภาพเพื่อลดโทนสี
◦ใช้สีธรรมชาติเพื่อปรับสมดุลของภาพ
◦สร้างการไล่ระดับสีด้วยเฉดของสีที่เลือกเพื่อออกแบบเว็บ
การเลือกใช้โทนสี
Monochrome
โมโนโครม คือ จอภาพสีเดียว การเลือกใช้สีโทนเดียว
Dyad
การเลือกใช้สองสีที่ตรงกันข้าม
Triad
การใช้สีให้เข้ากันเป็นรูปสามเหลี่ยมจัตุรัส
Split Complementary
ลักษณะการเลือกโทนสีนั้นจะเป็นรูปสามเหลี่ยม
Analogous
การเลือกใช้โทนสี 3สีที่ติดกัน
Tetrad
การเลือกโทนสีให้เป็นแบบสี่้หลี่ยม
แต่ทั้งนี้ทั้งนั้นการเลือกใช้สีข้างต้นก็เป็นเพียงหนึ่งแนวทางที่จะช่วยให้ผู้ออกแบบได้เกิดความคิดใหม่หรือต่อยอดความคิดออกไป
