การออกแบบสีบนทีวีสามารถสร้างแรงบันดาลใจ กำหนดอารมณ์ และแม้แต่กระตุ้นให้ผู้ใช้ตัดสินใจได้ ซึ่งเป็นองค์ประกอบที่มีประสิทธิภาพและจับต้องได้ที่ผู้ใช้สังเกตเห็นเป็นอันดับแรก สีเป็นวิธีที่ยอดเยี่ยมในการเชื่อมต่อกับผู้ชมในวงกว้าง จึงไม่น่าแปลกใจที่สีเป็น ขั้นตอนสำคัญในการสร้างอินเทอร์เฟซทีวีคุณภาพสูง
ไฮไลต์
- โหมดภาพ "มาตรฐาน" เป็นการตั้งค่าการแสดงผลของทีวีที่พบบ่อยที่สุด
- ทีวีส่วนใหญ่รองรับ sRGB
- เมื่อเลือกสี ให้พิจารณาว่าผู้ใช้ดูทีวีในระยะทางที่แตกต่างกัน และในที่แสงน้อย
- เทคโนโลยีการแสดงผลและการตั้งค่าพื้นที่สีของทีวีอาจแตกต่างกันอย่างมาก
- อย่าลืมทดสอบกับอุปกรณ์และพื้นที่สีที่หลากหลายมากที่สุดเท่าที่จะทำได้
- คำนึงถึงความต้องการและค่ากำหนดของผู้ใช้ที่แตกต่างกันเมื่อใช้สี
- โปรดคำนึงถึงปัญหาเกี่ยวกับทีวีที่พบบ่อย เช่น แถบสี เมื่อใช้การไล่ระดับสี
สีและจอแสดงผลของทีวี
ความเข้าใจผิดที่พบบ่อยคือจอแสดงผลทั้งหมดแสดงสีทั้งหมดในลักษณะเดียวกัน คุณอาจเคยเห็นฟีเจอร์นี้ขณะใช้แล็ปท็อปที่ทำงานหรือดูภาพยนตร์ที่บ้านเพื่อน สีเดียวกันอาจแตกต่างกันไปในแต่ละรุ่นทีวี จอคอมพิวเตอร์ และอุปกรณ์เคลื่อนที่
พื้นที่สี
Color Space หมายถึงสเปกตรัมของสีที่จอแสดงผลทีวีสามารถสร้างใหม่ได้ ซึ่งรวมถึงพื้นที่สี sRGB และ DCI-P3 โดย sRGB เป็นพื้นที่สีที่ใช้กันอย่างแพร่หลาย และใช้ได้กับทีวีหลายรุ่นมากที่สุด โดยใช้ในระบบปฏิบัติการ รายการทีวี และเกม
การเลือกพื้นที่สี DCI-P3 อาจทำให้วิดีโอมีสีสันสดใส และสมจริงยิ่งขึ้น เนื่องจากเนื้อหาที่สร้างใน DCI-P3 มีสิทธิ์เข้าถึงสีในเปอร์เซ็นต์ที่สูงกว่า เนื้อหาจึงอาจใช้ได้กับจอแสดงผลทีวีขั้นสูงเท่านั้น
โหมดรูปภาพ
โหมดภาพอาจส่งผลต่อคุณภาพสีบนทีวีโดยการเปลี่ยนวิธีที่ ทีวีประมวลผลรูปภาพ เช่น โหมดรูปภาพมาตรฐาน มักจะพยายามสร้างการแสดงสีที่แม่นยำยิ่งขึ้น ในขณะที่ โหมดรูปภาพสดใสจะเพิ่มความอิ่มตัวของสีเพื่อ ทำให้สีสดใสยิ่งขึ้น
โหมดรูปภาพเริ่มต้นสำหรับแผงทีวีส่วนใหญ่คือโหมดมาตรฐาน โหมดนี้ออกแบบมา เพื่อให้ภาพที่สมดุลและมีสีที่แม่นยำ แต่ผู้ใช้มีตัวเลือกมากมาย ให้เลือก ผู้ใช้จำนวนมากเปลี่ยนโหมดรูปภาพเพื่อปรับปรุงคุณภาพของรูปภาพที่รับรู้
มาดูโหมดภาพที่พบบ่อย 7 โหมดกัน
- มาตรฐาน: โหมดรูปภาพเริ่มต้น ให้ภาพที่สมดุล พร้อมสีที่แม่นยำ
- สดใส: เพิ่มความอิ่มตัวของสี ทำให้สีสดใสขึ้น
- ไดนามิก: เพิ่มคอนทราสต์ของรูปภาพเพื่อให้ดูคมชัดขึ้น
- เกม: เพิ่มประสิทธิภาพรูปภาพสำหรับการเล่นเกม ลดเวลาในการตอบสนอง
- ภาพยนตร์: เพิ่มประสิทธิภาพภาพเพื่อรับชมภาพยนตร์ ลดภาพเบลอจากการเคลื่อนไหว
- กีฬา: ปรับภาพให้เหมาะกับการดูการแข่งขันกีฬา โดยเพิ่ม ความสว่างของภาพ
- กำหนดเอง: อนุญาตให้ผู้ใช้ปรับการตั้งค่ารูปภาพตามค่ากำหนดของตนเอง
คอนทราสต์
คอนทราสต์เป็นหนึ่งในแง่มุมที่สำคัญที่สุดของคุณภาพรูปภาพ โดยเฉพาะอย่างยิ่งกับจอแสดงผล HDR รุ่นใหม่ ซึ่งเป็นความแตกต่างระหว่างสีดำที่มืดที่สุดกับสีขาวที่สว่างที่สุดที่ทีวีแสดงได้ โดยปกติแล้วอัตราส่วนคอนทราสต์ที่สูงขึ้นหมายถึงสีดำที่เข้มขึ้น ซึ่งทำให้ คุณภาพของภาพโดยรวมแตกต่างกันอย่างมาก
คอนทราสต์: 562:1 (ต่ำ)
|
คอนทราสต์: Inf: 1 (สมบูรณ์)
|
สีเดียวกันบนทีวีเครื่องต่างๆ อาจดูจางบนทีวีที่มี อัตราส่วนคอนทราสต์ต่ำ นักออกแบบควรพิจารณาเคล็ดลับต่อไปนี้เมื่อสร้าง UI สำหรับแอปพลิเคชันทีวี เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดี
- ใช้คอนทราสต์สูงระหว่างสีของข้อความและพื้นหลัง
- เลือกแบบอักษรที่ชัดเจน อ่านง่าย มีขนาดใหญ่ขึ้น และมีระยะห่างระหว่างบรรทัด
- รวมฟีเจอร์การช่วยเหลือพิเศษ
- หลีกเลี่ยงการพึ่งพาสีเพียงอย่างเดียวในการถ่ายทอดข้อมูล
- เพิ่มประสิทธิภาพสำหรับพื้นที่สีต่างๆ (SDR และ HDR)
- ทดสอบความสามารถในการอ่านในสภาพแสงที่แตกต่างกัน
เทคโนโลยีจอแสดงผล
เทคโนโลยีการแสดงผลยังส่งผลต่อสีที่แสดงบนหน้าจอได้ด้วย ประเภทที่พบบ่อยมีดังนี้
- LCD: จอแสดงผลแบบผลึกเหลวเป็นจอแสดงผลทีวีประเภทที่พบได้มากที่สุด โดยจะใช้แบ็คไลท์เพื่อส่องสว่างแผงผลึกเหลว ซึ่งจะบล็อกหรืออนุญาตให้แสงผ่านเพื่อสร้างรูปภาพ ทีวี LCD มีราคาไม่แพงนักและมีขนาดให้เลือกหลากหลาย แต่ก็อาจมีปัญหาเรื่องคอนทราสต์และการแสดงสีที่ไม่ดี
- LED: จอแสดงผลแบบไดโอดเปล่งแสงเป็นทีวี LCD รุ่นใหม่ที่ใช้ LED เป็นแบ็กไลต์ LED ประหยัดพลังงานมากกว่า LCD แบบเดิม และให้ภาพที่สว่างและสดใสกว่า ทีวี LED มักมีราคาแพงกว่าทีวี LCD
- QLED: จอแสดงผลไดโอดเปล่งแสงควอนตัมดอทเป็นจอแสดงผล LED ประเภทหนึ่ง ที่ใช้ควอนตัมดอทในการสร้างแสง ควอนตัมดอทคืออนุภาคขนาดเล็กที่ สร้างสีได้หลากหลายกว่า LED แบบเดิม
- OLED: จอแสดงผลไดโอดเปล่งแสงอินทรีย์เป็นจอแสดงผล LED ประเภทหนึ่งที่ ใช้วัสดุอินทรีย์ในการผลิตแสง ทีวี OLED เป็นทีวีประเภทที่มีราคาสูงที่สุด แต่ให้คอนทราสต์และการสร้างสีที่ดีที่สุดเมื่อเทียบกับทีวีประเภทอื่นๆ
เทคโนโลยีการแสดงผลทีวีแต่ละประเภทมีข้อดีและข้อเสียแตกต่างกัน เมื่อแสดงสี
ดูข้อมูลเพิ่มเติมได้ในวิดีโอHow a TV Works in Slow Motion จาก The Slow Mo Guys
AI
ดูข้อมูลเพิ่มเติมได้ที่หลักการสีของ Material
- คำนึงถึงการช่วยเหลือพิเศษเป็นอันดับแรก: อินเทอร์เฟซทีวีมีกลุ่มเป้าหมายที่หลากหลาย ตั้งแต่เด็ก ไปจนถึงผู้สูงอายุและผู้พิการทางสายตา โปรดคำนึงถึงความต้องการ และค่ากำหนดเมื่อใช้สีเสมอ การให้ความสำคัญกับการช่วยเหลือพิเศษเป็นอันดับแรกใน UI จะช่วยให้ผู้ใช้ได้รับประสบการณ์ที่มีประสิทธิภาพ ตัวอย่างเช่น การปฏิบัติตาม มาตรฐานความคมชัดของสี หมายเหตุ: โปรดคำนึงถึงความแตกต่างในการแสดงสี ในทีวีรุ่นต่างๆ เสมอ
- ใช้สีอย่างมีจุดประสงค์: เมื่อใช้อย่างถูกต้อง สีจะช่วยยกระดับการสื่อสาร และสร้างประสบการณ์ที่สมจริงและมีความหมาย ซึ่งจะแสดงถึงเอกลักษณ์ของผลิตภัณฑ์ในอินเทอร์เฟซทีวี
- เลือกพื้นหลังที่ตัดกัน: พื้นหลังที่ตัดกันจะช่วยให้ผู้ใช้ ตีความและโต้ตอบกับข้อความและองค์ประกอบต่างๆ ของแอปได้ คอนทราสต์ที่สูงขึ้นช่วยให้มั่นใจได้ว่าเนื้อหาจะมองเห็นได้
แถบสีเพี้ยนบนหน้าจอ
การเกิดแถบสีบนหน้าจอทีวีหมายถึงการปรากฏของเส้น แถบ หรือการไล่ระดับสีที่มองเห็นได้ในแนวนอนหรือแนวตั้งบนจอแสดงผล ซึ่งไม่ได้เป็นส่วนหนึ่งของเนื้อหาจริงที่แสดง อาร์ติแฟกต์นี้อาจปรากฏเป็น เส้นที่ชัดเจนหรือเป็นการเปลี่ยนสีหรือเฉดสีอย่างค่อยเป็นค่อยไปทั่วทั้ง หน้าจอ แถบสีอาจเกิดจากปัจจัยต่างๆ เช่น ความลึกของสีต่ำ อาร์ติแฟกต์การบีบอัด การรบกวนสัญญาณ หรือปัญหาเกี่ยวกับแผงหรือ GPU
เมื่อออกแบบอินเทอร์เฟซผู้ใช้สำหรับทีวี โดยเฉพาะอย่างยิ่งเมื่อพูดถึงการไล่ระดับสีและการหลีกเลี่ยงแถบสี ให้พิจารณาเคล็ดลับต่อไปนี้
- ใช้การไล่ระดับสีที่มีความลึกของสีสูง: เพื่อลดความเสี่ยงของการเกิดแถบสี ให้ใช้การไล่ระดับสีที่มีความลึกของสีสูง (เช่น 10 บิตขึ้นไป) ซึ่งจะช่วยให้การเปลี่ยนสีเป็นไปอย่างราบรื่นยิ่งขึ้นและลดโอกาส ที่จะเกิดแถบสีที่มองเห็นได้
- หลีกเลี่ยงการเปลี่ยนสีที่รวดเร็ว: เมื่อสร้างการไล่ระดับสี ให้พยายามหลีกเลี่ยงการเปลี่ยนสีอย่างรวดเร็ว เนื่องจากอาจทำให้เกิดแถบสีได้ง่ายกว่า แต่ให้ใช้การเปลี่ยนสีที่ค่อยๆ เปลี่ยนอย่างละเอียด เพื่อให้ภาพบนหน้าจอมีความราบรื่นยิ่งขึ้น
- ทดสอบในอุปกรณ์หลายเครื่อง: เนื่องจากทีวีอาจมีความลึกของสีและคุณภาพของแผงแตกต่างกัน จึงควรทดสอบการออกแบบ UI ในอุปกรณ์หลายเครื่องเพื่อให้แน่ใจว่าการไล่ระดับสีจะดูราบรื่นและไม่มีแถบสีในหน้าจอต่างๆ
- ใช้เทคนิคการดิทเทอริง: การดิทเทอริงเป็นเทคนิคที่ช่วยลด แถบสีโดยการผสมสีเข้าด้วยกันในลักษณะที่เป็นรูปแบบคล้ายสัญญาณรบกวน ซึ่งจะช่วยสร้างภาพลวงตาของการเปลี่ยนสีที่นุ่มนวลยิ่งขึ้น แม้ในหน้าจอที่มีความลึกของสีต่ำกว่าก็ตาม
- เลือกสีทึบหรือลวดลายที่เรียบง่าย: หากการไล่ระดับสีไม่จำเป็นสำหรับ การออกแบบ ให้ลองใช้สีทึบหรือลวดลายที่เรียบง่ายแทน ซึ่งมีแนวโน้มที่จะเกิดแถบสีน้อยกว่า และยังคงสร้าง UI ที่สวยงามได้