يستخدم أسلوب الخط، أو نمط النص، للتعبير عن التسلسل الهرمي للنص وكيفية عمله في واجهة المستخدم. يجب أن يعطي أسلوب الخط المستخدم في بيئة القيادة الأولوية للوضوح.
نظرة سريعة:
- استخدام العرض والنص والنص الفرعي من المقياس المطبعي في Android Auto
- الحد الأدنى لحجم النص الأساسي هو 24 بكسل مستقل الكثافة، ويمكنك الاحتفاظ بأحجام النص الفرعي للحصول على معلومات غير مهمة.
- استخدام شبكة من 4 وحدات بكسل مستقلة الكثافة للمحاذاة
- تطبيق سمات النمط لإنشاء تأثيرات (دعم العرض الهرمي، تركيز الانتباه)
- استخدِم سُمك الخطوط المتوسطة باعتدال وتجنَّب الخط الغامق
مراجع المقياس والشبكة
يوفِّر المقياس الطباعي تلقائيًا وشبكة التنضيد مجموعة من أنماط النص المتّسقة والسهلة الاطّلاع على مجموعة من النصوص المعروضة والنص الأساسي وأحجام النصوص الفرعية.
المقياس الطباعي لـ Android Auto
يوفر مقياس type تسعة أنماط للنص المعروض والنص الأساسي والنص الفرعي - لكل منها خط وحجم خط محدد وارتفاع سطر.
على الرغم من أنّ أصغر حجم للنص الأساسي في Android Auto هو 24 بكسل مستقل الكثافة، يمكن استخدام أحجام أنواع النص الفرعي التي تقل عن 24 بكسل مستقل الكثافة باعتدال. نظرًا لصعوبة قراءة حجم النص الفرعي هذا بسهولة، يجب الاحتفاظ به لتوفير المعلومات غير المهمة، مثل محتوى شريط الحالة.
![كتابة المقياس](https://developers.google.cn/cars/design/android-auto/design-system/images/type-scale2.png?authuser=9&hl=ar)
شبكة الكتابة ومرجع المرجع
ويتم عرض جميع أنماط الأنواع على شبكة 4dp. تضمن هذه الشبكة أن يتم تحجيم النص بشكل متساوٍ ومتباعد رأسيًا، ما يؤدي إلى إنشاء تسلسل هرمي مرئي متناسق بالاستناد إلى زيادات تبلغ 4 وحدات بكسل مستقلة الكثافة.
![التحجيم على شبكة 4dp](https://developers.google.cn/cars/design/android-auto/design-system/images/4dp-grid.png?authuser=9&hl=ar)
الإرشادات والأمثلة
يمكن أن يساعدك تطبيق مقياس ونمط متسقين على نص واجهة المستخدم في ما يلي:
- جعل كل النص مقروءًا
- تحويل تدرج هرمي مرئي عبر عناصر النص
- تركيز الانتباه في أهم الأماكن
تشرح الإرشادات التالية كيفية تطبيق مقياس Android Auto وأنماطه بشكلٍ مناسب.
جارٍ تطبيق المقياس
يجب استخدام Google Sans مع أحجام الكتابة 32dp والأكبر. يُستخدم Roboto في كل مكان آخر لأنه يمكن قراءته بأحجام أصغر.
![مجموعات الأنواع](https://developers.google.cn/cars/design/android-auto/design-system/images/type-families.png?authuser=9&hl=ar)
أمثلة
![](https://developers.google.cn/cars/design/android-auto/design-system/images/typography-do1.png?authuser=9&hl=ar)
الإجراءات المقترَحة
عند استخدام خط عرض أكثر ملاءمة للنص الكبير، مثل Google Sans، اجعله بحجم الكتابة 32dp أو أكبر. يمكنك استخدام Roboto مع النص الثانوي الأصغر حجمًا لأنّه يحافظ على إمكانية قراءة النص بشكلٍ جيد بأحجام تقل عن 32 بكسل مستقل الكثافة.![](https://developers.google.cn/cars/design/android-auto/design-system/images/typography-dont1.png?authuser=9&hl=ar)
الإجراءات التي لا يُنصح بها
لا تستخدِم Google Sans لأحجام النصوص الأصغر والتي لا تكون وضوحها مثالية.جارٍ تطبيق النمط
يتكون كل نمط طباعي من مجموعة من المقاييس والسمات مثل اللون والتعتيم ووزن الخط. يمكن إضافة هذه السمات إلى أي نمط من أنماط النوع لإنشاء تأثير، سواء كان الهدف هو تركيز الانتباه أو تقليل التوكيد.
![](https://developers.google.cn/cars/design/android-auto/design-system/images/type-style.png?authuser=9&hl=ar)
أمثلة
![أحجام نص أسلوب الخط](https://developers.google.cn/cars/design/android-auto/design-system/images/scale-example-1.png?authuser=9&hl=ar)
ب- النص الأساسي 2
ج. النص الأساسي 1
![أحجام نص أسلوب الخط](https://developers.google.cn/cars/design/android-auto/design-system/images/scale-example-2.png?authuser=9&hl=ar)
ب- العرض 3
ج. النص الأساسي 2
![أسلوب الخط يفعل](https://developers.google.cn/cars/design/android-auto/design-system/images/typography-do2.png?authuser=9&hl=ar)
الإجراءات المقترَحة
استخدِم سُمك الخط المتوسط باعتدال. احفظه عندما تحتاج إلى التأكيد على النص الأساسي أو النشط، مثل علامة التبويب "الأماكن الأخيرة" في هذا المثال، أو لإنشاء التسلسل الهرمي المرئي.![أسلوب الخط لا](https://developers.google.cn/cars/design/android-auto/design-system/images/typography-dont2.png?authuser=9&hl=ar)
الإجراءات التي لا يُنصح بها
تكون الأحجام الغامقة (التي يتم تطبيقها على كل النص في هذا المثال) أقل قابلية للقراءة من الأحجام المتوسطة ويجب تجنبها.