ระบบสี

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

ไฮไลต์

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

รูปแบบสี

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

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

สีหลัก

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

กระบวนการสร้างธีมสี

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

บทบาทของสี

เสียงหลัก

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

Accent Primary

เสียงรอง

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

Accent Secondary

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

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

Accent tertiary

Surface

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

Surface

โครงร่าง

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

โครงร่าง

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

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

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

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

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

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