اللون على النظارات

تراعي الألوان العرض والبيئة والإدراك. تستخدم النظارات الذكية لوحة ألوان دقيقة للغاية لدعم سلوك الشاشات المضافة وتحسين راحة العين. يجب استخدام الألوان على النظّارة الذكية بشكل مدروس للتوافق مع العالم الحقيقي، وللإشارة إلى الإجراءات المهمة، أو لعرض الصور أو تقديم معنى دلالي.

يكون اللون الأسود شفافًا على الشاشة الشفافة بصريًا. يجب مراعاة ذلك عند التصميم لأنّ اللون الداكن سيظهر باهتًا أو شفافًا، ولكن يمكن أيضًا استخدام ذلك لإنشاء عمق.

الألوان

يتألف نظام ألوان النظّارة الذكية (مجموعة من رموز الألوان أو الأدوار لتحديد مظهر ألوان تطبيقك) من 3 أدوار ألوان مميزة و6 أدوار ألوان مساحة عرض (أو محايدة) وألوانها المقابلة. تتشابه أدوار الألوان مع أدوار المخطط المخصّص للأجهزة الجوّالة، ويجب استخدامها بالطريقة نفسها.

يجب تثبيت عناصر التصميم في أسفل الإطار.

يمكن استخدام ألوان التمييز في اللون الأساسي كإبراز محدود.

استخدِم نصًا باللون الأبيض لمعظم محتوى النص. يمكن استخدام لون الخط لإبراز النص.
استخدام نص ملون لكل المحتوى

تخصيص اللون

عند تخصيص ألوان مخصّصة للنظّارة الذكية، من المهم جدًا تقليل التشويش المرئي إلى الحد الأدنى والتوافق مع العالم الحقيقي، ويجب إعطاء الأولوية لقابلية القراءة في ظروف الإضاءة المختلفة. يجب معايرة الألوان بعناية لتحقيق التوازن بين السطوع والتشبّع كي يمكن تمييزها على الفور.

يمكن تخصيص اللون الأساسي لاستخدام لون علامتك التجارية أو لون التفاعل الأساسي. يجب مراعاة التباين والتشبّع بالألوان واستخدام الطاقة للون المحدّد.

يجب تثبيت عناصر التصميم في أسفل الإطار.

ألوان العلامة التجارية والألوان الدلالية المحسَّنة

يجب أن تكون الألوان التي تمثّل العلامة التجارية أو الإجراءات أو تنبيهات النظام:

  • أن تكون ساطعة بما يكفي لتكون مقروءة
  • أن يكون مشبّعًا بدرجة كافية ليتم تمييزه كلون
  • تأكَّد من توفُّر فرق في درجة اللون بنسبة% 66 على الأقل بين المقدمة والخلفية باستخدام مساحة ألوان HCT.

يمكنك الاطّلاع على مزيد من المعلومات حول مظهر Glimmer في Jetpack Compose.

استخدام الطاقة

تستهلك بعض الألوان طاقة أكبر وتولّد حرارة أكثر من غيرها. يستهلك اللون الأخضر أقل قدر من الطاقة، بينما يستهلك اللون الأزرق أكبر قدر منها، وذلك عند مقارنة الألوان ذات الدرجة اللونية المتساوية كما هو موضح على اليسار. قلِّل عدد وحدات البكسل التي تضيئها. كلما زاد سطوع الشاشة، زادت حرارة العرض. لا تملأ الشاشة باللون الأبيض بالكامل، لأنّ ذلك قد يؤدي إلى خفض درجة الحرارة.

يجب تثبيت عناصر التصميم في أسفل الإطار.

ضَع في اعتبارك التباين بين جميع الخلفيات التي سيواجهها المستخدمون.
أن يكون التباين بين عناصر واجهة المستخدم والخلفيات المختلفة قليلاً جدًا، ما قد يؤدي إلى إجهاد العين وعدم وضوح العناصر
للحصول على تباين كافٍ مع كل الخلفيات، يجب أن يكون هناك فرق في التباين يبلغ 70 (7:1) في درجة لون المقدمة والخلفية. يمكنك تجربة ذلك من خلال ضبط تصميماتك على وضع المزج "الشاشة".
استخدام ألوان غير مشبّعة
استخدام ألوان مشبّعة بشكل مفرط وقد لا يتم عرضها بشكل صحيح، ما يؤدي إلى صعوبة قراءتها.

يجب تجنُّب المساحات المخصّصة.

يجب تثبيت عناصر التصميم في أسفل الإطار.

ألوان الحاويات الداكنة

يجب أن تركّز الحاويات بشكل عام على عرض المحتوى الذي تتضمّنه، بدون أن تشتّت الانتباه:

  • يجب أن تكون الأسطح سوداء للحصول على أعلى تباين.
  • يجب ألا تكون مساحات العرض أفتح من 34% من درجة اللون في وضع التركيز للحفاظ على وضوح العناصر في المقدّمة.
  • يجب أن تكون الخطوط الخارجية مرئية ولكن بشكل خفيف.

استخدِم خلفيات داكنة ومحتوى ساطعًا.
استخدِم أسطحًا ساطعة أو مملوءة.
توفير تباين بين السطح والنص يُقترَح التحقّق من اختلاف في 66 درجة لون تقريبًا.
السماح بأن يكون التباين بين السطح والنص متقاربًا جدًا
تأكَّد من أنّ "السطح" و"مُتغيرات السطح" تتضمّن اختلافًا كافيًا في درجة اللون لإنشاء التسلسل الهرمي المرئي اللازم.
يجب أن يكون الفرق في درجة اللون بين Surface وSurface variant قريبًا جدًا (حوالي 20 درجة).

يمكن تخصيص المخطط التفصيلي لإضافة علامة تجارية أو واجهة مستخدم معبّرة.

استخدِم الألوان التلقائية. تم تحسين هذه التطبيقات بشكل كبير لتتوافق مع شاشة النظارات.
استخدِم ألوانًا متعددة للمخطط التفصيلي.

يجب توخّي الحذر ومواءمة الألوان المخصّصة بين المخططات التفصيلية لحالة التركيز والحالة التلقائية.

يجب تثبيت عناصر التصميم في أسفل الإطار. تخصيص تركيز المخطّط التفصيلي باللون الأزرق: يتكوّن تمييز حالة التركيز من مخططَين تفصيليَين، ويتم تطبيق اللون على الطبقة 2 لتلوين حالة التركيز.

تأكَّد من توفّر تباين كافٍ في جميع حالات التفاعل.
تغيير درجة التباين في حالات التفاعل إلى الحد الأدنى