أساسيات النمط
تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يستند الأسلوبان لنظامَي Android for Cars – Android Auto ونظام التشغيل Android Automotive (AAOS) – إلى مبادئ تصميم التفاعل والتصميم المرئي نفسها. ومع ذلك، تختلف تفاصيل النمط والتنسيق لهذه الأنظمة من عدّة جوانب، استنادًا إلى السياق الفريد لكل نظام.
في ما يلي نظرة عامة على الاختلافات المرتبطة بالنمط بين هذه الأنظمة. للاطّلاع على تفاصيل حول الأنماط والتصاميم لكل نظام، انتقِل إلى نظام التصميم التلقائي في Android ونظام التصميم AAOS.
|
Android Auto |
AAOS |
سياق النمط |
- إنشاء واجهة المستخدم والتحكّم فيها من قِبل Google
- يتم عرض واجهة المستخدم من الهاتف على شاشات السيارة.
- تتميز واجهة المستخدم بالمظهر والأداء نفسه في جميع السيارات
- تعكس تفاصيل النمط علامة Google التجارية مع علامات تجارية للتطبيق.
|
- تعمل الشركات المصنّعة للسيارات على إنشاء واجهة مستخدم بالاستناد إلى AAOS
- واجهة مستخدم مُدمَجة في أنظمة الترفيه والمعلومات بالسيارة
- تم تخصيص واجهة المستخدم لكل طراز سيارة
- تعكس تفاصيل التصميم العلامة التجارية الخاصة بالشركة المصنّعة للسيارة، مع إضافة علامات تجارية تحمل اسم التطبيق.
|
الغرض من إرشادات النمط والتنسيق |
- شرح طريقة التفكير في خيارات التصميم في واجهة المستخدم
- يعمل كمرجع لأي خيارات تصميم يمكن لمطوّري التطبيقات تقديمها
|
- اشرح طريقة التفكير الأنيقة التي تقترحها صانعات السيارات.
- تقديم إرشادات مفصّلة للشركات المصنّعة للسيارات التي تنشئ تنسيقات وتصاميم مخصّصة لواجهات المستخدم
- يعمل كمرجع لأي خيارات تصميم يمكن لمطوّري التطبيقات تقديمها
|
الاختلافات الرئيسية |
- ألوان Google
- خط Google Sans للأحجام الأكبر حجمًا
- تنسيق تحدّده Google يتكيّف مع أنواع السيارات المختلفة
|
- ألوان الشركة المصنّعة للسيارة
- الخطوط العادية لجميع الأحجام (Roboto أو Noto Sans)
- التنسيقات المخصصة
|
إنّ محتوى هذه الصفحة مرخّص بموجب ترخيص Creative Commons Attribution 4.0 ما لم يُنصّ على خلاف ذلك، ونماذج الرموز مرخّصة بموجب ترخيص Apache 2.0. للاطّلاع على التفاصيل، يُرجى مراجعة سياسات موقع Google Developers. إنّ Java هي علامة تجارية مسجَّلة لشركة Oracle و/أو شركائها التابعين.
تاريخ التعديل الأخير: 2022-08-23 (حسب التوقيت العالمي المتفَّق عليه)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"لا يحتوي على المعلومات التي أحتاج إليها."
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"الخطوات معقدة للغاية / كثيرة جدًا."
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"المحتوى قديم."
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"ثمة مشكلة في الترجمة."
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"مشكلة في العيّنات / التعليمات البرمجية"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"غير ذلك"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"يسهُل فهم المحتوى."
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"ساعَدني المحتوى في حلّ مشكلتي."
},{
"type": "thumb-up",
"id": "otherUp",
"label":"غير ذلك"
}]