Skip to main content

ใช้ครอบครัวสีและจานสีสำหรับไซต์ของคุณ

Anonim

หนึ่งในวิธีที่ดีที่สุดในการเปลี่ยนอารมณ์ของการออกแบบหน้าเว็บคือเปลี่ยนโทนสี ถ้าคุณจะใช้สีเพื่อส่งผลต่ออารมณ์จะช่วยให้เข้าใจครอบครัวสีและสิ่งที่พวกเขาเป็นตัวแทน ครอบครัวสีเป็นหน่วยของวงล้อสีเป็นสามสี:

  • โทนสีอบอุ่น
  • สีเย็น
  • สีเป็นกลาง

แม้ว่าจะมีการออกแบบที่ใช้สีสันจากทั้งสามครอบครัวการออกแบบส่วนใหญ่จะมีความรู้สึกอบอุ่นอบอุ่นหรือเป็นกลาง

เติมความอบอุ่นด้วยสีโทนอุ่น

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

สีอบอุ่นจะถูกสร้างขึ้นโดยใช้เพียงสองสี: สีแดงและสีเหลือง สีหลักเหล่านี้รวมกันเป็นสีส้ม คุณไม่ใช้สีเย็น ๆ ในจานสีอบอุ่นเมื่อผสมสี

ผ่อนคลายด้วยสีเย็น ๆ

สีเย็น ๆ รวมถึงเฉดสีของสีเขียวสีฟ้าและสีม่วงและรูปแบบของสีเหล่านั้น พวกเขาเรียกว่าสีเย็นเพราะพวกเขาทำให้เกิดความรู้สึกของน้ำต้นไม้และกลางคืน พวกเขานำออกมารู้สึกผ่อนคลายผ่อนคลายและสำรอง การออกแบบที่ใช้สีเย็นมักจะเห็นว่าเป็นมืออาชีพมั่นคงและเป็นธุรกิจ

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

สี 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