สีหรือโทนสี ไม่ว่าจะเป็น สีฉากหลัง(background) สีของตัวอักษรข้อความ สีของชิ้นส่วน(element) และกราฟิกต่างๆ นับเป็นอีกเงื่อนไขหนึ่งที่มีพลังต่อการตรึงพฤติกรรมของการเข้าถึงสาระเนื้อหา หรือกระบวนการสื่อสารในอินโฟกราฟิกที่เราสร้าง ไม่ว่าจะเป็นสีโทนเดียว (monochromatic), สดใส (bright), สดชื่น (cool), อบอุ่น (warm), หรือการเติมเต็มเฉดสีที่หลากหลาย สีเป็นส่วนเสริมความแข็งแกร่ง กำหนดความรู้สึกและสร้างอารมณ์ของผู้รับสาร หากผู้สร้างสื่อเลือกสีผิด อาจส่งผลให้ผู้รับสารไม่สนใจในสาระเนื้อหาของตัวอินโฟกราฟิก

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

Types of Color Schemes

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

แม้ว่าบทเรียนนี้จะไม่เน้นด้านเนื้อหาของหลักการของทฤษฎีสี แต่เพื่อเป็นการปูพื้นฐานของการออกแบบบ้าง ขอให้ท่านศึกษาจากวิดีทัศน์ด้านล่างนี้

สรุปสาระเนื้อหาจากวิดีทัศน์ด้านบน

สีหลักหรือสีขั้นที่ 1 หรือแม่สี (Primary Colors) ประกอบด้วยสีแดง เหลือง และน้ำเงิน

สีหลักสามสีนี้จะไม่สามารถนำสีใดๆมาผสมเพื่อให้ได้สีเหล่านี้

สีรองหรือทุติยภูมิ (Secondary Colors) เกิดขึ้นจากส่วนผสมของสีหลักสองสีที่มีปริมาณเท่ากัน อาทิ การผสมสีเหลืองและสีน้ำเงินเพื่อสร้างสีเขียว ผสมสีเหลืองและสีแดงเพื่อสร้างสีส้ม และผสมสีน้ำเงินและสีแดงเพื่อสร้างสีม่วง

สีตติยภูมิ(Tertiary Colors)ถูกสร้างขึ้นโดยการรวมเฉดสีหลักและรองที่อยู่ติดกัน ตัวอย่างเช่น สีหลัก สีเหลือง ผสมกับสีรอง สีส้ม ผสมกัน จะได้ สีเหลืองส้ม

เมื่อได้เรียนรู้ สีทั้ง สาม ขั้น ใน Color Wheel มาศึกษา

ชุดสี

จากชุดสี ทั้งสามชุดหลัก เราสามารถมาผสมผสานการใช้สีผ่าน วงล้อสีได้อีกทางหนึ่ง วงล้อสีจะช่วยให้การผสมสีเพื่อสร้างสีใหม่ได้ดดยง่าย สีที่ผสมขึ้นชุดใหม่ผ่าน วงล้อสี จะเพิ่มความน่าสนใจได้ในเวลาที่ไม่นาน

Monochromatic Color Schemes

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

How to Choose Colors for Charts and Graphs

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

How to Choose Color Schemes for Text

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

หมายเหตุ ข้อความสีดำบนพื้นหลังสีขาวจะอ่านได้ดีกว่าข้อความสีขาวบนพื้นหลังสีดำ

หลักการวางสี 3 สี 60 30 10 ก็สามารถทำให้อินโฟกราฟิกมีความน่าสนใจ

60 (Background or main content) คือสีหลักที่ใช้ในอัตราส่วนมากที่สุด อาจจะเป็นสีพื้น หรือสีที่เป็นหัวใจสำคัญของเรื่อง สีส่วนนี้อาจเป็นสีโทนอ่อน หรือสีเข้ม ก็ได้ ขึ้นอยู่กับลักษณะของการออกแบบ ส่วนใหญ่จะใช้เป็นสีใน GreyScale ซึ่งเป็นสีกลางๆสามารถใช้ได้กับสีอื่นๆเพื่อส่งเสริมให้สีที่อัตราส่วนน้อยมีความสำคัญและเกิดความแตกต่างมากขึ้น

30 (Primary Color) คือสีที่ใช้อันดับรองและจะใช้กับ Elememt ที่ใช้ในการสื่อความ เช่น Icon,Bar,Navigation ส่วนใหญ่จะเป็นสี Theme หลักๆใน Graphic User Interface หรือเป็นสีที่มีความแตกต่างกับสีหลัก

10 (Secondary Color) ใช้กับ Element ที่ต้องการเน้นหรือให้เกิดการ Interaction เพื่อสร้างความแตกต่างอย่างเด่นชัด เช่น หัวข้อ หรือข้อความ

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

การสร้างงานอินโฟกราฟิก

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

สีน้ำเงินหรือสีฟ้า เป็นสีที่สื่อถึงความสบาย โปร่งโล่ง นุ่มนวล ความสงบ เยือกเย็น ความซื่อสัตย์ และความมั่นใจ เป็นสีที่สร้างแรงบันดาจให้เกิดความไว้วางใจ ความสงบ ความน่าเชื่อถือ ความสำเร็จและความภาคภูมิใจ สิ่งเหล่านี้นี่คือเหตุผลที่สถาบันการเงินและภาคสุขภาพใช้ประโยชน์จากสีฟ้า นอกจากนี้เฉดของสีฟ้าที่เข้มขึ้นเหมาะสำหรับสถาบันการศึกษา เฉดสีฟ้าที่อ่อนลงจะเหมาะกับการค้าขายและเรื่องสุขภาพ จะเห็นได้ว่า โลโก้ของสินค้าหรือธุรกิจสำคัญของโลก เช่น Facebook, HP, IBM, VISA หรืออีกหลายๆแบรนด์ นิยมใช้สีฟ้าหรือสีน้ำเงิน

การสร้างงานอินโฟกราฟิก

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

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

การสร้างงานอินโฟกราฟิก

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

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

การสร้างงานอินโฟกราฟิก

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

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

การสร้างงานอินโฟกราฟิก

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

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

การสร้างงานอินโฟกราฟิก

สีม่วงเป็นสีที่สื่อถึงความแข็งแกร่งสื่อความหมายถึงความเป็นเลิศ และความหรูหรา การออกแบบอินโฟกราฟิกควรออกแบบที่เน้นกับ เครื่องสำอาง แฟชั่น การท่องเที่ยว นวัตกรรมด้านอาหารและความบันเทิง

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

การสร้างงานอินโฟกราฟิก

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

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

การสร้างงานอินโฟกราฟิก

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

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

การสร้างงานอินโฟกราฟิก

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

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

การสร้างงานอินโฟกราฟิก

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