หน้านี้ได้รับการแปลโดย Cloud Translation API

สี

หลักการพื้นฐานของกลยุทธ์ด้านสีของระบบปฏิบัติการ Android Automotive OS คือแนวคิด “สร้างจากสีดำ” การใช้สีดำเป็นพื้นฐานสำหรับสีของอินเทอร์เฟซทำให้ผู้ใช้ได้รับประสบการณ์ที่สม่ำเสมอมากขึ้น โดยไม่มีการเปลี่ยนแปลงอย่างมากระหว่างธีมกลางวันและกลางคืน

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

คำแนะนำโดยสรุป (TL;DR)

• เลือกสีที่คุณต้องการจากสีดำ เพื่อรองรับการขับขี่ทั้งกลางวันและกลางคืน
• รักษาอัตราส่วนความคมชัดอย่างน้อย 4.5:1 ระหว่างพื้นหลังและไอคอนหรือข้อความ

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

---

โทนสีและการไล่ระดับสี

ธีมสีเข้มของอินเทอร์เฟซ Android Automotive OS นั้นใช้โทนสีเทาเป็นหลัก โดยในอุดมคติแล้ว สีเพิ่มเติมใดๆ ควรมีความเข้มลดลง เช่นเดียวกับสีเข้มในจานสี Material Design

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

การออกแบบวัสดุ

การใช้สีและโทนสี

จานสีเทาของระบบปฏิบัติการ Android Automotive OS

ชุดสีโทนสีเทาของ Android Automotive OS ใช้สำหรับองค์ประกอบต่างๆ เช่น ข้อความและไอคอน และได้รับการออกแบบมาเพื่อรองรับความต้องการเฉพาะของสภาพแวดล้อมการขับขี่

ชุดสีนี้จำเป็นต้องมีความหลากหลายมากพอที่จะ:

• ครอบคลุมการใช้งาน UI ธีมสีเข้มในทุกกรณี
• จัดให้มีช่วงเสียงที่เพียงพอเพื่อกำหนดลำดับชั้นผ่านความแตกต่างของโทนเสียง

ความแตกต่างของโทนสีสร้างภาพลวงตาของความลึกแม้บนพื้นหลังสีดำสนิทที่มองไม่เห็นเงา เพื่อให้เกิดความแตกต่างของโทนสีที่เพียงพอ จานสีเทาของระบบปฏิบัติการ Android Automotive OS จึงรวมถึงสีเทาระดับกลาง สีเทาของ Material Design ที่เริ่มต้นจาก Grey 900 จะเข้าใกล้สีที่สว่างกว่าเร็วเกินไป สีที่สว่างกว่าสองระดับจะเป็น Grey 700 ซึ่งสว่างเกินไปสำหรับบริบทของรถยนต์

สีเน้น

นอกเหนือจากโทนสีเทาที่เป็นหัวใจหลักของอินเทอร์เฟซ Android Automotive OS แล้ว ยังสามารถใช้สีอื่นๆ ได้บ้างเล็กน้อยเพื่อวัตถุประสงค์ต่างๆ เช่น การเน้นจุดสนใจในการวาดภาพ

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

แผนภูมิค่าความทึบแสง

ความโปร่งใสช่วยสื่อถึงความลึกและเสริมสร้างแบบจำลองเชิงพื้นที่ของ Material Design เพื่อให้การใช้ความโปร่งใสมีประสิทธิภาพ ควรเลือกค่าความทึบแสงสีเข้มหรือสีขาวตามกรณีการใช้งานของคุณ

ค่าความทึบแสงเข้ม

การใช้งานค่าความทึบแสงสูงที่พบบ่อยที่สุดคือการสร้างฉากกั้น (ภาพซ้อนทับ)

ค่าความทึบแสงสีขาว

ค่าเหล่านี้ส่วนใหญ่ใช้กับข้อความ โดยเฉพาะอย่างยิ่งเมื่อพื้นหลังมีสี การใช้สีเทาทึบในพื้นหลังสีเข้มจะดูไม่สวยงาม

สำหรับตัวอย่างวิธีการใช้ค่าความทึบแสงในฉากกั้นและลำดับชั้นของข้อความ โปรดดู ที่ คำแนะนำและตัวอย่าง

ตัดกัน

เพื่อให้เป็นไปตามหลักเกณฑ์ด้านความปลอดภัยขั้นพื้นฐานของระบบปฏิบัติการ Android Automotive OS อัตราส่วนความคมชัดระหว่างพื้นหลังและไอคอนหรือข้อความควรมีอย่างน้อย 4.5:1 สำหรับรายละเอียดเกี่ยวกับวิธีการใช้อัตราส่วนความคมชัดกับองค์ประกอบ UI ยานยนต์เฉพาะ โปรดดูที่หัวข้อ ทำให้เนื้อหาอ่านง่าย

ทำ

อย่า

คำแนะนำและตัวอย่าง

ส่วนติดต่อผู้ใช้แบบมืดของ Android Automotive OS นั้นสะอาดตาและเรียบง่าย โดยใช้สีให้น้อยที่สุด นอกจากการใช้สี โทนสี และค่าความทึบแสงที่เหมาะสมสำหรับองค์ประกอบ UI แล้ว (ดู จานสีและการไล่ระดับสี ) สิ่งสำคัญคือต้องแน่ใจว่าการใช้สีและการไล่ระดับสีทุกครั้งมีจุดประสงค์

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

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

การใช้ฉากกั้นเพื่อบังฉากหลัง

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

รักษาความสม่ำเสมอของสี

สีเป็นตัวช่วยที่มีประสิทธิภาพในการเสริมสร้างความทรงจำและการจดจำ ใช้สีเพื่อสร้างประสบการณ์ที่สอดคล้องกันระหว่างหน้าจอต่างๆ

ทำ

ทำ

ทำ

อย่า

การสร้างลำดับชั้นทางภาพ

ใช้ค่าความทึบแสงของสีขาวเพื่อสร้างลำดับชั้นทางสายตาที่สม่ำเสมอและชัดเจน ค่าความทึบแสง 88, 72 และ 56 มีความแตกต่างของแสงเพียงพอที่จะตอบสนองความต้องการด้านการเข้าถึง ในขณะเดียวกันก็สร้างสภาพแวดล้อมการอ่านที่สะดวกสบายบนพื้นหลังสีเข้ม ใช้ค่าความทึบแสง 96% สำหรับสีขาวทั้งหมดในโหมดกลางคืน

ทำ

อย่า