ركّز على تجربة النظام وتجربة التطبيق والميزات الإضافية لتصميم تجربة المرجع العمودي.
يتم تثبيت التصميم المرجعي العمودي على الشاشة الرئيسية ويتضمّن عناصر واجهة المستخدم الدائمة التالية للنظام:
الشاشة الرئيسية
توفر الشاشة الرئيسية نقطة انطلاق شاملة للسائقين، ويمكن الوصول إليها بسهولة من خلال جميع عناصر التحكم. وتلبّي هذه التقنية معظم احتياجات السائقين، ما يتيح للسائق التركيز على التنقّل على الطريق بدلاً من التبديل بين التطبيقات.
بدون مغادرة هذه الشاشة، يمكن للسائق الوصول إلى:
- شريط الحالة في أعلى الصفحة يعرض عناصر تحكّم سريعة وأداة اختيار للملف الشخصي
- الطبقة الأساسية في هيكل الشاشة، وعادةً ما يتم تشغيل تطبيق تنقُّل
- أشرطة التنقّل الخاصة بالنظام والتحكُّم في أسفل الصفحة
![عرض الشاشة الرئيسية](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/home-screen.png?authuser=7&hl=ar)
شريط التحكّم
يستضيف شريط التحكم عناصر التحكم في الوسائط (الفيديو والموسيقى) وملفات البودكاست والبلوتوث والراديو والمكالمات النشطة.
بالنسبة إلى تطبيقات الوسائط والهاتف، يقع شريط التحكّم فوق شريط التنقل في النصف السفلي من الشاشة. تتغير عناصر التحكم من الوسائط إلى مكالمة هاتفية نشطة عندما يقبل المستخدم مكالمة واردة.
عناصر التحكّم في الوسائط
توفّر عناصر التحكم في الوسائط إمكانية التشغيل والإيقاف المؤقت والترجيع والتقديم. كما أنها تسمح للمستخدم بوضع علامة على المفضلة والوصول إلى عناصر تحكم مخصصة إضافية، إن وجدت.
![عناصر التحكّم العادية في الوسائط](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-1.png?authuser=7&hl=ar)
![عناصر التحكّم في الوسائط الموسّعة](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/media-controls-2.png?authuser=7&hl=ar)
عناصر التحكّم النشطة في المكالمات الهاتفية
وتوفر عناصر التحكم في الهاتف إمكانية كتم صوت مكبّر الصوت والتبديل إلى البلوتوث وإلغاء مكالمة.
شريط الحالة
يظهر شريط الحالة في أعلى الشاشة ويستضيف أداة اختيار الملف الشخصي وعناصر التحكّم السريعة ومعلومات الوقت والطقس.
- عناصر التحكّم السريعة:
- البلوتوث: حالة البلوتوث
- إمكانية الاتصال: شبكة Wi-Fi وشبكة الجوّال ونقطة الاتصال
- عرض السطوع: يسمح للمستخدم بضبط مستوى سطوع الشاشة
- الساعة: عرض رقمي للوقت الحالي
- معلومات الطقس: لعرض درجة الحرارة الخارجية
- أداة اختيار الملف الشخصي: تعرض الملف الشخصي للمستخدم المستخدَم حاليًا وتسمح للمستخدم باختيار ملف شخصي مختلف إذا لزم الأمر
تظهر عناصر شريط الحالة بنفس الترتيب بين السيارات ذات اليد اليسرى والقيادة اليمنى.
يمكن للمستخدمين التبديل بين تفعيل ميزة "عرض الطقس" وإيقافها من خلال "الإعدادات".
للحصول على أفضل الممارسات والإرشادات حول تخصيص شريط الحالة، يُرجى الاطّلاع على أفضل الممارسات في شريط الحالة.
عناصر التحكّم السريعة
توفر عناصر التحكم السريعة في شريط الحالة وصولاً سهلاً إلى البلوتوث وإمكانية الاتصال وسطوع الشاشة.
![عناصر التحكّم في البلوتوث](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-1.png?authuser=7&hl=ar)
![عناصر التحكّم في إمكانية الاتصال](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-2.png?authuser=7&hl=ar)
![إعدادات العرض](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/quick-controls-3.png?authuser=7&hl=ar)
أداة اختيار الملف الشخصي
تتيح أداة اختيار الملف الشخصي في شريط الحالة إمكانية اختيار الملفات الشخصية بسرعة والوصول إلى إعدادات الملف الشخصي باستخدام اختصار.
![أداة اختيار الملف الشخصي مع قائمة الملفات الشخصية](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/profile-selector.png?authuser=7&hl=ar)
أفضل ممارسات شريط الحالة
أفضل الممارسات لمطوّري التطبيقات:
- استخدام الشفافية لتجنّب تغطية محتوى التطبيق: إذا كان التطبيق في موضع جزئي خلف شريط الحالة، بدلاً من وضعه أسفله تمامًا، على مطوّري التطبيقات ترك شريط الحالة شفافًا.
- استخدام الألوان بشكل استراتيجي: إذا كان التطبيق أسفل شريط الحالة تمامًا، على مطوّري التطبيقات اختيار لون لشريط الحالة.
شريط التنقّل في النظام
يستضيف شريط التنقل في النظام عناصر تحكم لمشغِّل التطبيقات والمساعد الرقمي ومركز الإشعارات وعناصر التحكم في الراحة.
يقع شريط تنقل النظام في أسفل الشاشة ويعرض عناصر التحكم التالية:
- درجة حرارة المقصورة: درجة الحرارة داخل السيارة
- مشغّل التطبيقات: التطبيقات المتاحة للسائق
- المساعد الرقمي: يمكن الوصول إلى المساعد الرقمي الذي تم اختياره، مثل مساعد Google
- مركز الإشعارات: الوصول إلى مركز الإشعارات
- التحكّم في المناخ: الوصول إلى أنظمة التحكّم في المناخ في المركبة
للحصول على إرشادات حول تخصيص شريط التنقّل في النظام، يُرجى الاطّلاع على تخصيص شريط التنقّل في النظام.
مشغّل التطبيقات
يظهر مشغّل التطبيقات في مساحة التطبيقات الأساسية، من خلال عرض على شكل مربّعات عادية لمشغِّل التطبيقات. يتم طلب التطبيقات من الألف إلى الياء. يمكن للمستخدمين إعادة ترتيب التطبيقات حسب ما يفضّلونه.
![مشغّل التطبيقات](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/app-launcher.png?authuser=7&hl=ar)
المساعد الرقمي
عند النقر على هذا الزر، يتم استدعاء المساعد الرقمي النشط حاليًا للاتصال الصوتي.
مركز الإشعارات
ينقل مركز الإشعارات المستخدم إلى جميع رسائل الإشعارات المحفوظة، سواء كانت مقروءة أو غير مقروءة.
![مركز الإشعارات](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/notification-center.png?authuser=7&hl=ar)
التحكّم في المناخ
يتيح رمز التحكّم في المناخ وصولاً سهلاً إلى أنظمة التحكّم في المناخ في السيارة.
![عناصر التحكّم في المناخ موسّعة](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/climate-controls.png?authuser=7&hl=ar)
ميزات إضافية
تشمل الميزات الإضافية في التصميم المرجعي العمودي التي تنطبق على كل من تجربة النظام وتجربة التطبيق كلاً من طبقة الصوت والمظاهر.
طبقة الصوت
الطبقة الصوتية هي طبقة شفافة ترتفع فوق جميع الطبقات وفوق أشرطة التحكم والتنقل في النظام.
يمكنه تشغيل أي نوع من المساعدات الرقمية المدمجة في النظام، مثل مساعد Google.
المظاهر
يتوفّر مظهران للاستخدام استنادًا إلى ظروف الإضاءة.
![مظهر داكن](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/dark-theme.png?authuser=7&hl=ar)
![مظهر فاتح](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=7&hl=ar)
![](https://developers.google.cn/static/cars/design/automotive-os/product-experience/system-ui/portrait-reference/images/light-theme.png?authuser=7&hl=ar)
يمكنك استخدام "المظهر الداكن" في الليل أو في الإضاءة المنخفضة لتقليل اللمعان. تعرَّف على مزيد من المعلومات حول الإطلالة السريعة ليلاً.
استخدِم "المظهر الفاتح" لمساعدة السائقين والركاب على رؤية شاشات السيارة في ضوء الشمس المباشر. ويمكن أن يظل التنقل في النظام باللون الأسود ليندمج مع الأجهزة.