تصميم واضح وسهل القراءة لشاشات العرض الشفافة
Jetpack Compose Glimmer هو نظام تصميم وأداة لواجهة المستخدم من Google مخصّصان لشاشات العرض الشفافة بصريًا (OST)، مثل نظارات بنظام الواقع الممتد السلكية. يوفر نظام التصميم قرارات قابلة لإعادة الاستخدام، بدءًا من الألوان والأنواع والأشكال الأساسية، وصولاً إلى المكوّنات والإرشادات.
المبادئ
Jetpack Compose Glimmer هو أحد أوائل أُطر عمل واجهة المستخدم التي تم تحسينها لتتوافق مع الشاشات الشفافة والنظارات. تعرض تقنية OST ضوء المشروع مباشرةً على العالم المادي بدلاً من استخدام شاشات عرض غير شفافة. تساعد Glimmer المطوّرين في إنشاء واجهات مستخدم عالية التباين وسهلة القراءة تحافظ على الواقعية.
عرض الشاشة الشفافة أولاً
تم تحسينها، وهي تستند إلى أبحاث وعلم الألوان، لتناسب الشاشات الشفافة ونظارات الواقع المختلط، ما يتيح تجارب بصرية رائعة وشفافة.
مصدر إدخال الجهاز
تم تصميم مدخلات التفاعل بما يتناسب مع إمكانات نظارات بنظام الواقع الممتد السلكية.
مصمَّمة خصيصًا
تم تصميم الأنماط والمكوّنات خصيصًا لاستخدامها مع النظارات بدون الحاجة إلى تعديل. تم تحسين Jetpack Compose Glimmer لتوفير تجربة مريحة للمستخدمين على الشاشات الشفافة. على الرغم من أنّه مصمّم خصيصًا، إلا أنّه ليس جامدًا. ويوفّر لك طريقة لتخصيص الأجزاء البارزة في وضع التركيز، بالإضافة إلى النوع واللون.
الأنماط
تتضمّن لغة تصميم Glimmer في Jetpack Compose مظهرًا مبسطًا لتحقيق أفضل مستوى من الوضوح على النظارات. يمكن تخصيص اللون والنوع للتعبير الدلالي وتماسك التطبيق. تؤكّد مبادئ التصميم المرئي على الوضوح وسهولة القراءة والحدّ الأدنى من عوامل التشتيت. على الرغم من أنّ النظارات السلكية توفّر مجال رؤية أوسع وقد تتأثر بشكل أقل بالتشويش من "العالم الحقيقي"، عليك الحرص على إبقاء واجهة المستخدم بعيدة عن مجال الرؤية.
تتضمّن Glimmer مظهرًا أساسيًا محسّنًا لنظارات OST. يمكن تخصيص اللون والنوع للتعبير الدلالي وتماسك التطبيق. يكون اللون الأسود شفافًا على شاشة العرض الشفاف بصريًا. يجب مراعاة ذلك عند التصميم، لأنّ الألوان الداكنة ستظهر باهتة أو شفافة، ولكن يمكن أيضًا استخدامها لإنشاء عمق.
الألوان
يتألف نظام ألوان النظارات (مجموعة من رموز الألوان أو الأدوار لتحديد لون تطبيقك) من ثلاثة أدوار للألوان المميزة وستة أدوار للسطح (أو الأدوار المحايدة)، بالإضافة إلى الألوان المقابلة لها.
تخصيص اللون
يمكن تخصيص اللون الأساسي لاستخدام لون علامتك التجارية أو لون التفاعل الأساسي. يجب مراعاة التباين والتشبّع بالألوان واستهلاك الطاقة للون المحدّد.
يمكنك الاطّلاع على مزيد من المعلومات حول نظام الألوان في Glimmer وأفضل الممارسات.
أسلوب الخط
يحتوي Jetpack Compose Glimmer على مقياس أنواع محسَّن تلقائيًا. تتألف أدوار الكتابة من دورَين لكل منهما ثلاثة أنماط، وتستند أدوار الكتابة إلى الغرض منها والتسلسل الهرمي. لمزيد من المعلومات، يُرجى الاطّلاع على أسلوب الخط المتلألئ.
السطح والعمق
تحتوي الأسطح على محتوى. وتوفّر هذه العناصر نقاط تركيز واضحة ضمن مجال رؤية المستخدم، ويمكن أن تحتوي على محتوى أو إجراءات. يتم استخدام المزيد من المعلومات حول المساحة والعمق في Glimmer.
المكونات
المكوّنات هي لبنات أساسية مصمَّمة خصيصًا لإنشاء واجهة المستخدم. يجب أن يستخدم تطبيقك Jetpack Compose Glimmer للمكوّنات، لأنّها محسّنة لحالات الاستخدام الفريدة لنظارات نظام التشغيل المفتوح. لمزيد من المعلومات، راجِع مكوّنات Glimmer.
هل أنت مستعد لتنفيذ المكوّنات؟ يمكنك الاطّلاع على مستندات Jetpack Compose Glimmer.
تتضمّن مكوّنات Glimmer أغراضًا متعددة لتجربة المستخدم. تتضمّن بعض المكوّنات أزرارًا لتنفيذ الإجراءات ومؤشرات تقدّم للتواصل وحِزمًا للاحتواء والتنقّل ومؤشرات صوتية للإدخال.