สีกับงานเว็บไซต​์

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

วิธีเลือกสีมาใช้บนเว็บไซต์

สำหรับเว็บไซต์ที่เป็นเว็บองค์กรบริษัทสีมักจะถูกกำหนดตีกรอบด้วย CI (Corporate Identity) ของบริษัทนั้นๆ ทำให้ตัวเลือกในการใช้สีของนักออกแบบมีอย่างจำกัด ซึ่งก็เป็นทั้งข้อดีและข้อเสียไปในตัว

ติดตามบทความจากเรา

รับบทความน่ารู้เกี่ยวกับงานออนไลน์จากเรา Grappik Design ได้โดยทันทีส่งตรงถึงอีเมลคุณ

ข้อดี

  • ไม่ต้องคิดหรือกำหนดสีขึ้นมาใหม่สามารถใช้สีที่มีอยู่ได้เลย
  • ไม่ต้องรอ approve เรื่องของสีนานมากนัก

ข้อเสีย

  • สีของบางองค์ถูกกำหนดเอาไว้เมื่อ 20 ปีที่แล้วทำให้ค่าเสียอาจจะดูเก่า
  • มีตัวเลือกให้ใช้งานยาก
  • บางทีสีที่มีไม่เข้ากันกับ Concept งานที่ได้รับมอบหมายมา
  • การปรับค่าสีหลักใหม่จะทำได้ง่ายในองค์กรที่ไม่ใหญ่มากนัก แต่สำหรับองค์กรใหญ่หมดสิทธิ์

ค่าสีก็มีเก่าใหม่เสมอ : www.bladecreativebranding.com

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

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

 

เครื่องมือช่วยหาสี

ในยุคสมัยที่เทคโนโลยีอยู่รอบตัวเรา ก็มีตัวช่วยในการหาค่าสีมากมายให้ได้เลือกใช้งานเช่นเครื่องมือแรกคือ

Color Adobe ที่ช่วยสร้างชุดสีที่แบ่งการทำงานเป็นสองอย่างคือ การสร้าง Color Wheel (วงจรสี) และการสร้างชุดสีจากภาพได้อย่างง่ายๆ ไม่เสียเวลาเลยสักนิด

MYPANTONE หาโค้ดสีด้วยแอพพลิเคชั่นเพียงถ่ายรูปโค้ดสีแสดงทันที อ่านรีวิวได้ที่นี่

 

สิ่งที่ต้องทำสำหรับเรื่องสีบนเว็บไซต์

  • หาค่าสีหลัก : โดยปกติค่าสีหลักจะมาจากสีหลักขององค์กรนั้นเป็นหลัก
  • หาค่าสีรอง : สำหรับใช้ในบางจุดที่ต้องการความเด่นหรือความแตกต่าง
  • สีพื้นหลัง : โดยปกติสีพื้นหลังจะมี 2 โทนหลักคือสีขาวและสีดำ ให้ลองดูบริษัทที่ได้รับเหมาะกับสีไหนมากกว่ากัน อย่างสีขาวจะสามารถเข้าถึงกลุ่มคนได้มากกว่า แต่สีดำจะดูโดดเด่นและเท่กว่า
  • สีตัวอักษร : จะต้องแสดงผลได้โดดเด่นอ่านง่ายเวลาอยู่บนพื้นหลัง
  • สีปุ่ม Call To Action : หรือสีปุ่มกดนั้นเองจะต้องเป็นโทนสีที่โดดเด่นที่สุดบนหน้าจอแสดงผล

สำหรับนักออกแบบสีนั้นเป็นมากกว่าความสวยงาม แต่เป็นสิ่งที่สามารถสร้าง User experience ที่ดีให้กับผู้ใช้งานได้สามารถอ่านเพิ่มเติมได้ที่ : POWER OF COLOR IN UX DESIGN : เมื่อสีเป็นเครื่องมีที่ทรงอิทธิพลในโลกของ UX

 

ความหมายของสี

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

สีแดง อบอุ่นและมีพลัง

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

 

สีส้ม ความคิดสร้างสรรค์

สีที่สื่อถึงความอบอุ่นได้อีกสีความหมายในแง่อื่นคือ ความคิดสร้างสรรค์ ความเป็นมิตร และอารมณ์ความรู้สึกที่ทำให้ผู้คนที่มองเห็นแล้วรู้สึกสบายตาสบายใจ

 

สีเหลือง ความสุข สดใสร่าเริง

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

 

สีเขียว ธรรมชาติและการเติบโต

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

 

สีฟ้า ความสงบเงียบและน่าเชื่อถือ

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

 

สีดำ ทันสมัยและลึกลับ

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

 

สีขาว สะอาดและเรียบง่าย

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

 

Comments

comments

Worrapob

Author Worrapob

More posts by Worrapob