สีบนแว่นตา

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

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

รูปแบบสี

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

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

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

ควรทำ

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

สิ่งที่ไม่ควรทำ

ใช้ข้อความสีสำหรับเนื้อหาทั้งหมด

ปรับแต่งสี

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

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

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

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

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

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

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

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

ควรทำ

พิจารณาความคมชัดระหว่างพื้นหลังทั้งหมดที่ผู้ใช้จะเห็น

สิ่งที่ไม่ควรทำ

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

ควรทำ

ใช้สีที่ลดความอิ่มตัว

สิ่งที่ไม่ควรทำ

ใช้สีที่มีความอิ่มตัวมากเกินไป ซึ่งอาจแสดงผลไม่ถูกต้องและทำให้ข้อความอ่านยาก

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

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

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

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

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

ควรทำ

ใช้พื้นผิวสีเข้มและเนื้อหาสีสดใส

สิ่งที่ไม่ควรทำ

ใช้พื้นผิวที่สว่างหรือทึบ

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

ควรทำ

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

สิ่งที่ไม่ควรทำ

ใช้สีขอบหลายสี

คำเตือน

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

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

ก่อนหน้า
ภาพรวม
ถัดไป
การพิมพ์