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

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

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

الألوان

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

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

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

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

تخصيص اللون

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

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

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

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

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

  • أن تكون ساطعة بما يكفي لتكون مقروءة
  • أن يكون مشبّعًا بدرجة كافية ليتم تمييزه كلون

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

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

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

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

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

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

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

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

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

  • يجب أن تكون الأسطح سوداء للحصول على أعلى تباين
  • يجب أن تكون الخطوط الخارجية مرئية ولكنها غير بارزة

استخدِم خلفيات داكنة ومحتوى ساطعًا.
استخدِم أسطحًا ساطعة أو مملوءة.

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

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

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

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