يستخدم التصميم المتعدد الأبعاد لنظام Wear OS لوحة ألوان أغمق. وعلى وجه الخصوص، يجب استخدام خلفية سوداء للتطبيق والمربّع.
النمط اللوني
تم إنشاء نظام ألوان Wear OS بناءً على نسق الألوان في التصميم المتعدد الأبعاد الأساسي. يمكنك استخدام هذا المظهر كما هو أو تخصيصه لتطبيقك.
يتضمن هذا المظهر ألوانًا تلقائية لما يلي:
- الألوان الأساسية والثانوية
- خيارات الألوان الأساسية والثانوية
- ألوان واجهة المستخدم الإضافية، مثل ألوان الخلفيات والأسطح والأخطاء وأسلوب الخط والأيقنة
المظهر الداكن
يجب أن تعرض جميع ألوان المظهر الغامق عناصر بتباين كافٍ، بحيث تتوافق مع معيار AA من WCAG لا يقل عن 4.5:1 للنص الأساسي عند تطبيقه على جميع أسطح الارتفاع.
استخدام الألوان غير المشبعة لإمكانية الوصول
يجب أن يتجنب المظهر الداكن استخدام الألوان المشبَّعة، لأنها لا تفي بمعيار الوصول الخاص بـ WCAG وهو 4.5:1 على الأقل للنص الأساسي على الأسطح الداكنة. تنتج الألوان المشبعة أيضًا اهتزازات بصرية على خلفية داكنة، مما قد تسبب إجهاد العين. بدلاً من ذلك، استخدم الألوان غير المشبعة كبديل أكثر وضوحًا.
الشكل 1. تعمل الألوان الأقل تشبعًا من لوحة الألوان على تحسين الوضوح.
الشكل 2. تجنَّب استخدام ألوان مشبّعة على خلفية داكنة.
اللون الأساسي
اللون الأساسي هو اللون المعروض بشكل متكرر عبر شاشات تطبيقك ومكوناته. يستخدم المظهر الداكن الأساسي في Material Design درجة اللون 200 كلون أساسي. يفي هذا بمعيار AA الخاص بـ WCAG وهو بنسبة 4.5:1 على الأقل للنص العادي على جميع أسطح الارتفاع.
الشكل 3. نموذج لوحة ألوان أساسية بمظهر داكن. 1. مؤشر اللون الأساسي 2- خيارات الدرجات اللونية
اللون الثانوي
يمكن استخدام لون ثانوي لتمييز أجزاء معينة من واجهة المستخدم الخاصة بك. في المظهر الداكن، يمكن إلغاء تشبع اللون الثانوي ليلائم مستوى التباين 4.5:1.
في الشكل 4، 1) يشير إلى مؤشر لون ثانوي، و2) يشير إلى متغيرات الدرجات اللونية.
الشكل 4. نموذج لوحة ألوان ثانوية بمظهر داكن.
لون التمييز
في المظهر الداكن، تشغل الأسطح الداكنة معظم أجزاء واجهة المستخدم. عادةً ما تكون ألوان التمييز فاتحة (ألوان باستيل غير مشبّعة) أو زاهية (ألوان مشبّعة وزاهية). يساعد هذا في إبراز العناصر المميزة. استخدم ألوان التمييز باعتدال لتمييز العناصر الأساسية، مثل النص أو الأزرار.
العثور على ألوان التمييز يمكنك استخدام أداة إنشاء لوحة الألوان لإنشاء مظهر ألوان أو عرضه. ينشئ منشئ لوحة الألوان أيضًا لوحات درجات لونية، وهي مجموعة من متغيرات الألوان الفاتحة إلى الداكنة، التي يتم إنشاؤها من ألوانك الأساسية والثانوية. اختَر صيغًا من هذه الخيارات لمظهرك الداكن.
في الشكل 5، 1) يشير إلى مؤشر اللون الأساسي الافتراضي للمظهر و2) يشير إلى مؤشر اللون الأساسي للمظهر الداكن.
الشكل 5. لتوفير المزيد من المرونة وسهولة الاستخدام في المظهر الداكن، يُنصح باستخدام درجات لون أفتح (200-50)، بدلاً من درجات لون مشبّعة (900-500).
استخدم مجموعة الألوان الداكنة لأجزاء كبيرة من واجهة المستخدم، مثل لون الخلفية. حجز ألوان أفتح من أجل علامات التشكيل وعناصر واجهة المستخدم.