สีบนแว่นตา

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

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

รูปแบบสี

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

องค์ประกอบการออกแบบควรยึดไว้ที่ด้านล่างของเฟรม

ใช้สีเฉพาะจุดกับสีพื้นได้เพื่อเน้นข้อความแบบจำกัด

ใช้ข้อความสีขาวสำหรับเนื้อหาส่วนใหญ่ คุณใช้สีแบบอักษรกับข้อความที่เน้นได้
ใช้ข้อความสีสำหรับเนื้อหาทั้งหมด

ปรับแต่งสี

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

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

องค์ประกอบการออกแบบควรยึดไว้ที่ด้านล่างของเฟรม

สีของแบรนด์และสีเชิงความหมายที่เพิ่มประสิทธิภาพแล้ว

สีที่แสดงถึงแบรนด์ การดำเนินการ หรือการแจ้งเตือนของระบบต้องมีลักษณะดังนี้

  • สว่างพอที่จะอ่านได้
  • อิ่มตัวพอที่จะแยกแยะได้ว่าเป็นสี

ดูข้อมูลเพิ่มเติมเกี่ยวกับธีม Jetpack Compose Glimmer

การใช้พลังงาน

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

องค์ประกอบการออกแบบควรยึดไว้ที่ด้านล่างของเฟรม

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

หลีกเลี่ยงการใช้พื้นผิวที่ปรับแต่ง

องค์ประกอบการออกแบบควรยึดไว้ที่ด้านล่างของเฟรม

สีคอนเทนเนอร์เข้ม

โดยทั่วไปแล้ว คอนเทนเนอร์ต้องมุ่งเน้นที่การแสดงเนื้อหาที่อยู่ภายใน โดยไม่ทำให้เสียสมาธิ

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

ใช้พื้นผิวสีเข้มและเนื้อหาสีสดใส
ใช้พื้นผิวที่สว่างหรือทึบ

คุณปรับแต่งเส้นขอบเพื่อเพิ่มการสร้างแบรนด์หรือ UI ที่สื่ออารมณ์ได้

ใช้สีเริ่มต้น โดยเราได้เพิ่มประสิทธิภาพให้เหมาะกับการแสดงผลบนแว่นตาเป็นอย่างยิ่ง
ใช้สีขอบหลายสี

โปรดระมัดระวังและประสานสีที่กำหนดเองระหว่างเส้นขอบสถานะโฟกัสและสถานะเริ่มต้น

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