ระบบสี

Android TV เป็นไปตามหลักเกณฑ์ด้านสีของ Material ของ Google เพื่อให้มั่นใจว่าอินเทอร์เฟซจะมีความสอดคล้องกันและดึงดูดสายตา ซึ่งจะสร้างสไตล์ภาพที่สมจริงและน่าสนใจอย่างยิ่งซึ่งปรับให้เหมาะกับหน้าจอทีวี คู่มือนี้อธิบายรายละเอียดการใช้ธีม Material Design กับอินเทอร์เฟซ Android TV

ไฮไลต์

• Android TV ปฏิบัติตามหลักเกณฑ์ด้านสีของ Material ของ Google แต่ปรับให้เหมาะกับทีวี
• สร้างจากธีมมืดเพื่อสร้างประสบการณ์การรับชมแบบภาพยนตร์
• ใช้เครื่องมือสร้างธีม Material เพื่อสร้างธีม

รูปแบบสี

รูปแบบสีช่วยให้คุณใช้สีกับ UI ได้อย่างมีความหมาย สร้างความสอดคล้อง ความสม่ำเสมอของแบรนด์ และความสามารถในการปรับขนาด

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

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

เครื่องมือสร้างธีม Material จะสร้างทั้งโทนสีเข้มและโทนสีอ่อน โดยใช้โทเค็นสีเดียวกัน ทำให้สลับระหว่างธีมได้ง่าย

บทบาทของสี

เสียงหลัก

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

เสียงรอง

บทบาทรองใช้สำหรับคอมโพเนนต์ที่โดดเด่นน้อยกว่าใน UI เช่น ชิปตัวกรอง และโอกาสในการแสดงสีเพิ่มเติม

เสียงลำดับสาม

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

Surface

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

โครงร่าง

อ่านเพิ่มเติมเกี่ยวกับบทบาทของโครงร่างได้ในหลักเกณฑ์ของ Material Design

สีแบบเปลี่ยนอัตโนมัติ

ใน Android Mobile ตั้งแต่ Android 12 เป็นต้นไป ผู้ใช้จะสร้างรูปแบบเฉพาะบุคคลได้ ผ่านการเลือกวอลเปเปอร์และการปรับแต่งอื่นๆ Android TV ไม่รองรับวอลเปเปอร์ ซึ่งหมายความว่าระบบไม่รองรับธีมที่ผู้ใช้สร้างขึ้น และระบบปฏิบัติการ Android TV จะออกอากาศเฉพาะจานสีพื้นฐาน

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

การใช้คลังของนักพัฒนาซอฟต์แวร์ Material Color Utilities จะช่วยให้คุณแยก สีหลักจากรูปภาพได้โดยตรง หรือเรียกใช้อัลกอริทึมการแยกสีของคุณเอง เพื่อค้นหาสีหลัก แล้วใช้ Material Color Utilities เพื่อสร้างธีม

ตัวอย่างวิธีแยกสีจากรูปภาพ

1. รูปภาพต้นฉบับ
2. สีเมล็ดที่ดึงออกมา
3. สีคีย์ที่สร้างขึ้น

คุณสร้างรูปแบบสีได้โดยใช้สีหลักเหล่านี้ หรือใช้ เฉดสีเพื่อนำไปใช้กับ UI

การช่วยเหลือพิเศษ

ดูข้อควรพิจารณาเกี่ยวกับการช่วยเหลือพิเศษได้ที่แนวทางปฏิบัติแนะนำเกี่ยวกับการช่วยเหลือพิเศษสำหรับ Android TV