إرشادات للشاشات المخصصة
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
بالنسبة إلى معظم جوانب تطبيقات الوسائط المُستخدَمة في نظام التشغيل Android Automotive، لا تحتاج إلى تصميم شاشات مخصَّصة. وتشمل مناطق الاستثناء الإعدادات وتسجيل الدخول. إذا أردت أن يصل المستخدمون إلى إعدادات التطبيق، فأنت بحاجة إلى تصميم شاشات الإعدادات. بالإضافة إلى ذلك، إذا كان تطبيقك يتطلب تسجيل الدخول، عليك توفير خطوات تسجيل الدخول التي يمكنك تخصيصها من نموذج الرمز في Universal Android Music Player.
تنطبق إرشادات الأنماط العامة هذه على شاشات الإعدادات المخصصة وشاشات تسجيل الدخول المخصصة. حيث ستساعدك في تحسين تصميماتك ليتم عرضها على شاشة السيارة، أثناء ركنها، في أي وقت خلال النهار أو الليل.
للحصول على إرشادات إضافية تتعلّق بالإعدادات وتسجيل الدخول، يمكنك الاطّلاع على إعدادات التصميم وضبط مسار تسجيل الدخول.
| مستوى المتطلبات |
الإرشادات |
| يجب |
على مطوّري التطبيقات الالتزام بما يلي:
- توفير خيار "إغلاق" للخروج من شاشة الإعدادات وشاشة تسجيل الدخول ذات المستوى الأعلى
- توفير عنصر العودة من أي شاشات لاحقة تتبع شاشة المستوى الأعلى
- ضع عنصر التحكم "إغلاق" أو "رجوع" في أعلى يسار الشاشة
- حافِظ على نسبة تباين لا تقل عن 4.5:1 بين الخلفيات والرموز أو النص
- استخدِم أحجام الأنواع الموصى بها والتي لا تقل عن 32 وحدة بكسل مستقلة الكثافة للنص الأساسي و24 بكسل مستقل الكثافة للنص الثانوي
- إبقاء مساحات اللمس المستهدفة أعلى من الحدّ الأدنى المقترَح للحجم الذي يبلغ 76 × 76 بكسل مستقل الكثافة
|
| يجب |
على مطوّري التطبيقات ما يلي:
- استخدام مظهر داكن لجميع الشاشات والمحتوى المركّب
- تضمين شعار أو رمز تطبيق في جميع الشاشات
- عند استخدام لون تمييز، استخدِم اللون نفسه المقدَّم كعنصر علامة تجارية.
- أبقِ السلاسل النصية ضمن الحد الأقصى المُقترَح لطول النص الذي يبلغ 120 حرفًا.
- وفِّر مسافة لا تقل عن 24 بكسل مستقل الكثافة (dp) بين مساحات اللمس، حيثما أمكن
|
| مايو |
ويجوز لمطوّري التطبيقات إجراء ما يلي:
- اتخاذ قرار بشأن تنفيذ وظيفتي تسجيل الدخول والإعدادات كجزء من تطبيقهم
|
الأسباب:
يجب على الشاشات التي يصممها مطورو تطبيقات الوسائط مباشرةً
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eIn Android Automotive OS, media apps generally don't require custom screens except for settings and sign-in flows.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers must adhere to specific design requirements for custom settings and sign-in screens, such as contrast ratios, touch target sizes, and affordances.\u003c/p\u003e\n"],["\u003cp\u003eDevelopers should follow guidelines including using dark themes, incorporating branding elements, and adhering to text length recommendations for optimal usability in vehicles.\u003c/p\u003e\n"],["\u003cp\u003eDetailed design specifications and resources are available in the linked documentation for design system and foundations.\u003c/p\u003e\n"]]],[],null,["# Guidelines for custom screens\n\n\u003cbr /\u003e\n\nFor most aspects of media apps used in Android Automotive OS, you do not need to design custom screens. The areas of exception are settings and sign-in. If you want users to access app settings, you need to design settings screens. Also, if your app requires sign-in, you need to provide a sign-in flow, which you can customize from the sample code in the [Universal Android Music Player](https://github.com/android/uamp/tree/master/automotive).\n\nThese general style guidelines apply to both custom settings screens and customized sign-in screens. They will help you to optimize your designs to be viewed on a car screen, while parked, at any time of day or night.\n\nFor additional guidelines specific to settings and sign-in, refer to [Design settings](/cars/design/automotive-os/apps/media/create-your-app/design-settings) and [Adapt sign-in flow](/cars/design/automotive-os/apps/media/create-your-app/adapt-signin-flow). \n[Design system\nGuidelines on color, typography, sizing, and more](/cars/design/automotive-os/design-system/overview) \n[Design foundations\nVisual- and interaction-design principles for in-vehicle user interfaces](/cars/design/design-foundations/overview)\n\n| Requirement level | Guidelines |\n|-------------------|-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| **MUST** | App developers must: - Provide a Close affordance to exit the settings screen and top-level sign-in screen - Provide a Back affordance from any subsequent screens following the top-level screen - Position the Close or Back affordance at the top left of the screen - Maintain a [contrast ratio of at least 4.5:1](/cars/design/automotive-os/design-system/color#contrast) between backgrounds and icons or text - Use [recommended type sizes](/cars/design/design-foundations/visual-principles#make_content_easy_to_read) of at least 32dp for primary text and 24dp for secondary text - Keep touch targets above the [recommended minimum size](/cars/design/automotive-os/design-system/sizing#aligning_icons_and_touch_targets) of 76 x 76dp |\n| **SHOULD** | App developers should: - Use a [dark theme](/cars/design/automotive-os/design-system/color#palettes_and_gradients) for all screens and overlays - Include a logo or app icon on all screens - When using an accent color, use the same one provided as a [branding element](/cars/design/automotive-os/apps/media/create-your-app/provide-branding-elements) - Keep text strings within the [recommended maximum text length](/cars/design/design-foundations/visual-principles#make_content_easy_to_read) of 120 characters - Provide a distance of at least 24dp between touch targets where possible |\n| **MAY** | App developers may: - Decide whether to implement sign-in and settings functions as part of their app |\n\n**Rationale:**\n\nScreens designed directly by media app developers should\n\n- Support standard media app navigation patterns and design conventions.\n\n- Reflect design principles and visual foundations for Android Automotive OS."]]
