หนึ่งในวิธีที่ดีที่สุดในการเปลี่ยนอารมณ์ของการออกแบบหน้าเว็บคือเปลี่ยนโทนสี ถ้าคุณจะใช้สีเพื่อส่งผลต่ออารมณ์จะช่วยให้เข้าใจครอบครัวสีและสิ่งที่พวกเขาเป็นตัวแทน ครอบครัวสีเป็นหน่วยของวงล้อสีเป็นสามสี:
- โทนสีอบอุ่น
- สีเย็น
- สีเป็นกลาง
แม้ว่าจะมีการออกแบบที่ใช้สีสันจากทั้งสามครอบครัวการออกแบบส่วนใหญ่จะมีความรู้สึกอบอุ่นอบอุ่นหรือเป็นกลาง
เติมความอบอุ่นด้วยสีโทนอุ่น
โทนสีอบอุ่นประกอบด้วยเฉดสีแดงส้มและสีเหลืองและมีสีสันที่แตกต่างกัน พวกเขาเรียกว่าสีอบอุ่นเพราะพวกเขาทำให้เกิดความรู้สึกของแสงแดดและไฟ - สิ่งที่อบอุ่น การออกแบบที่ใช้สีโทนอุ่นมีแนวโน้มที่จะเพิ่มพลังและยกระดับขึ้น พวกเขาบ่งบอกถึงความหลงใหลและความรู้สึกที่ดีในคนส่วนใหญ่ สีอบอุ่นมีแนวโน้มที่จะเป็นสีของความคิดสร้างสรรค์การเฉลิมฉลองความปรารถนาความหวังและความสำเร็จ
สีอบอุ่นจะถูกสร้างขึ้นโดยใช้เพียงสองสี: สีแดงและสีเหลือง สีหลักเหล่านี้รวมกันเป็นสีส้ม คุณไม่ใช้สีเย็น ๆ ในจานสีอบอุ่นเมื่อผสมสี
ผ่อนคลายด้วยสีเย็น ๆ
สีเย็น ๆ รวมถึงเฉดสีของสีเขียวสีฟ้าและสีม่วงและรูปแบบของสีเหล่านั้น พวกเขาเรียกว่าสีเย็นเพราะพวกเขาทำให้เกิดความรู้สึกของน้ำต้นไม้และกลางคืน พวกเขานำออกมารู้สึกผ่อนคลายผ่อนคลายและสำรอง การออกแบบที่ใช้สีเย็นมักจะเห็นว่าเป็นมืออาชีพมั่นคงและเป็นธุรกิจ
ไม่เหมือนสีโทนอบอุ่นมีสีหลักเพียงสีเดียวสีน้ำเงินในสีเย็น ๆ ดังนั้นเพื่อให้ได้สีอื่น ๆ ในจานคุณจึงผสมสีแดงหรือสีเหลืองกับสีฟ้าเพื่อให้ได้สีเขียวและสีม่วง ทำให้สีเขียวและสีม่วงอุ่นขึ้นกว่าสีฟ้าซึ่งเป็นสีเย็นบริสุทธิ์
สี Neutral
สีที่เป็นกลางประกอบด้วยสีน้ำตาลซึ่งเป็นส่วนผสมของสีหลักทั้งสามสีและสีที่เหลืออีกสองสีคือขาวดำ สีที่โคลนหรือสีเทามากขึ้นจะยิ่งเป็นกลางขึ้นเท่านั้น การออกแบบที่เป็นกลางเป็นสิ่งที่ยากที่สุดที่จะกำหนดได้เนื่องจากความรู้สึกที่พวกเขาทำให้เกิดขึ้นนั้นมาจากสีที่อบอุ่นและเย็นซึ่งมีอิทธิพลต่อพวกเขา การออกแบบสีดำและสีขาวถือว่าหรูหราและมีความซับซ้อน แต่เนื่องจากสีเหล่านี้จึงเข้มงวดจึงเป็นสิ่งที่ท้าทายเมื่อสร้างการออกแบบเว็บที่มีประสิทธิภาพ
อีกวิธีหนึ่งในการสร้างจานสีกลางคือการเพิ่มสีดำหรือสีขาวให้เป็นสีอุ่นหรือเย็นเพื่อทำให้สีมีสีเทา
การใช้สีสันครอบครัวในการออกแบบเว็บ
หากคุณกำลังพยายามปลุกอารมณ์ด้วยการออกแบบเว็บครอบครัวสีช่วยให้คุณทำเช่นนั้น วิธีหนึ่งที่ดีในการทดสอบนี้คือการสร้างจานสีที่แตกต่างกันในตระกูลสามสีและเปรียบเทียบการออกแบบของคุณโดยใช้ทั้ง 3 แบบ คุณอาจสังเกตเห็นว่าโทนสีทั้งหน้าเปลี่ยนเมื่อคุณเปลี่ยนครอบครัวสี
นี่คือตัวอย่างบางส่วนที่คุณสามารถทดลองใช้กับหน้าเว็บของคุณในครอบครัวสีต่างๆ:
อบอุ่น
- # cc333F, # eb6841, # edc951
- # ffd573, # ff773d, # f73e3e
- # ffe545, #fefbaf, # c2a34f, # fbb829
- # ffab03, # fc7f03, # fc3903, # d1024e
เย็น
- # 69d2e7, # a7dbd8, # e0e4cc
- # 2a044a, # 0b2e59, # 0d6759, # 7ab317, # a0c55f
- # 8ca315, # 5191c1, # 1e6495, # 0a4b75
- # 8fbfb9, # 6493a7, # bddb88, # e0f3b2, # eefaa8
เป็นกลาง
- # d9ceb2, # 948c75, # d5ded9, # 7a6a53, # 99b2b7
- # e6cba5, # ede3b4, # 8b9e9b, # bd7578
- # d8d0c8, # d2d0c8, # cbd0c8, # c4d0c8
- # 182009, # 464b35, # 757661, # d1ccb9