نظام الألوان

يتوافق Android TV مع إرشادات الألوان المتّبَعة في Google حسب المادة، ما يضمن توفير واجهة متماسكة وجذابة بصريًا. إنها تنشئ نمطًا مرئيًا مجسّمًا وجذابًا للغاية ومصممًا لشاشة التلفزيون. يوضح هذا الدليل تفاصيل تطبيق مظهر Material Design على واجهة Android TV.

أهمّ الميزات

  • يتقيّد Android TV بإرشادات الألوان المتّبَعة في Google، ولكنه يحسّن أداء التلفزيون.
  • يمكنك البناء على المظاهر المظلمة لتحظى بتجارب سينمائية.
  • استخدم Material Theme Builder لإنشاء مظهر.

النمط اللوني

يساعدك نظام الألوان على تطبيق اللون على واجهة المستخدم الخاصة بك بطريقة هادفة، مما يخلق تناغمًا واتساق العلامة التجارية وقابلية التوسع.

يعتمد أساس نظام الألوان على مجموعة من خمسة ألوان رئيسية ترتبط بشكل فردي بلوحات ألوان منفصلة بثلاث عشرة درجة أو أكثر. يتم تعيين درجات لونية محددة من كل لوحة ألوان لأدوار الألوان عبر واجهة المستخدم. ألوان المفاتيح هي الأساس لإنشاء أي نظام ألوان ديناميكي. يمكنك إنشاء ألوان رئيسية بناءً على لون جذر واحد باستخدام "أداة إنشاء مظاهر Material Theme Builder" أو اختيار الألوان الرئيسية الخاصة بك.

الألوان الرئيسية

مع تحديد الألوان الرئيسية، تحدد خوارزمية Material الطيف الكامل من الألوان اللازمة للتعبير عن حالات التفاعل والأخطاء والتباين الذي يمكن الوصول إليه.

عملية إنشاء مظهر الألوان

تعمل أداة إنشاء مظاهر Material على إنشاء أنظمة ألوان داكنة وفاتحة باستخدام رموز اللون نفسها، ما يسهّل التبديل بين المظاهر.

أدوار الألوان

Primary

تُستخدم الأدوار الأساسية للمكونات الرئيسية عبر واجهة المستخدم، مثل الأزرار البارزة، والحالات النشطة، ودرجة لون الأسطح المرتفعة.

تمييز أساسي

Secondary

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

تمييز ثانوي

Tertiary

تُستخدم الأدوار الثالثة لتباين اللكنات التي يمكن استخدامها للتوازن بين الألوان الأساسية والثانوية أو لفت انتباهًا بارزًا إلى عنصر ما، مثل حقل الإدخال.

ثلاثي الأبعاد

واجهات

تُستخدم الأدوار المحايدة للأسطح والخلفيات، والنصوص والأيقونات ذات التركيز العالي. تعرّف على المزيد من المعلومات عن الأسطح في إرشادات التصميم المتعدد الأبعاد.

واجهات

المخططات التفصيلية

تعرَّف على المزيد من المعلومات عن أدوار المخططات في إرشادات التصميم المتعدد الأبعاد.

المخطّط

ألوان ديناميكية

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

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

باستخدام مكتبات مطوّري برامج Material color يشتمل على مكتبات، يمكنك استخراج الألوان الأساسية مباشرةً من الصورة، أو تشغيل خوارزمية استخراج الألوان الخاصة بك للعثور على لون رئيسي ثم استخدام أدوات مساعدة الألوان والمواد لإنشاء مظهر.

فيما يلي مثال على كيفية استخراج الألوان من صورة:

ألوان ديناميكية

  1. الصورة المصدر
  2. لون البذور المستخرَج
  3. ألوان المفاتيح التي تم إنشاؤها

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

مثال على تطبيق الألوان الديناميكية

تسهيل الاستخدام

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