تنظيم صفحاتك في مجموعات
يمكنك حفظ المحتوى وتصنيفه حسب إعداداتك المفضّلة.
يساعد النمط الطباعي في تحديد التسلسل الهرمي لمعلومات واجهة المستخدم ووظيفتها. يمكن أن تؤثر خيارات أسلوب الخط أيضًا بشكل كبير في الوضوح، وهو اعتبار مهم للقيادة.
إرشادات سريعة (TL:DR):
استخدام العرض والنص والنص الفرعي من المقياس الطباعي لنظام التشغيل Android Automotive
الحد الأدنى لحجم النص الأساسي هو 24 بكسل مستقل الكثافة، ويمكنك الاحتفاظ بأحجام النص الفرعي للحصول على معلومات غير مهمة.
استخدام شبكة من 4 وحدات بكسل مستقلة الكثافة للمحاذاة
تطبيق سمات النمط لإنشاء تأثيرات (دعم العرض الهرمي، تركيز الانتباه)
استخدِم سُمك الخطوط المتوسطة باعتدال وتجنَّب الخط الغامق
مراجع المقياس والشبكة
استخدِم المقياس الطباعي لنظام التشغيل Android Automotive وشبكة التنضيد لضمان الحصول على مظهر متّسق ونص سريع في مجموعة من المستويات لنص العرض والنص الأساسي والنص الفرعي.
المقياس الطباعي لنظام التشغيل Android Automotive
يعرض هذا المقياس الخطوط وأحجامها وارتفاعات الأسطر المُستخدَمة في المستويات التسعة التلقائية للنص المعروض والنص الأساسي والنص الفرعي المستخدَم في نظام التشغيل Android Automotive.
الحدّ الأدنى لحجم النوع لنظام التشغيل Android Automotive هو 24 وحدة بكسل مستقلة الكثافة. إنّ الأحجام التي تقلّ عن 24 بكسل مستقل الكثافة لا يمكن فهمها بسرعة، ويجب استخدامها باعتدال في السياق التلقائي. يتم حجز أحجام النصوص الفرعية بشكل أفضل للمعلومات غير الحاسمة أو الثالثة مثل محتوى شريط الحالة.
يكون تنسيق معلومات الخط في هذا المقياس هو: (اسم الخط) (حجم النوع) / (ارتفاع السطر). يتم عرض قيم حجم النوع وارتفاع السطر بالنقاط (pt).
شبكة الكتابة ومرجع المرجع
يساعد الحفاظ على المقياس والإيقاع الرأسي استنادًا إلى شبكة 4dp في الاتساق والتسلسل الهرمي المرئي.
تم تصميم مقياس نظام التشغيل Android Automotive ليتناسب مع زيادات حجم الخط بدقة 4dp.
الإرشادات والأمثلة
يمكن أن يساعدك تطبيق المقياس والنمط على خيارات الطباعة في ما يلي:
جعل كل النص مقروءًا
تحويل التسلسل الهرمي المرئي بين عناصر النص
تركيز الانتباه في أهم الأماكن
يتكون كل نمط من مجموعة من القيم المحددة بواسطة المقياس والسمات الإضافية. تتضمن هذه السمات قيم كثافة الخط واللون ودرجة التعتيم، ويمكن إضافتها إلى أي حجم نوع لإنشاء التأثير المطلوب، مثل تركيز الانتباه.
يتألف نمط العنوان في هذا المثال من مقياس النص الأساسي 1 (الذي يحدد حجم الخط وارتفاع السطر) تم تعديله بسمات إضافية للون ودرجة التعتيم والوزن.
أمثلة
أ. النص الأساسي 3
ب- النص الأساسي 2
ج: النص الأساسي 1
أ. الشاشة 2
ب- النص الأساسي 1
ج: النص الأساسي 1
ما يجب فعله
استخدِم سمك الخط المتوسط باعتدال. احفظه عندما تحتاج إلى التأكيد على النص الأساسي أو النشط، مثل علامة التبويب "الأماكن الأخيرة" في هذا المثال، أو لإنشاء التسلسل الهرمي المرئي.
إجراءات غير مسموح بها
تكون الأحجام الغامقة للخطوط (يتم تطبيقها على كل النص في هذا المثال) أقل قابلية للقراءة من الأحجام المتوسطة ويجب تجنبها.
تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)
[null,null,["تاريخ التعديل الأخير: 2025-07-25 (حسب التوقيت العالمي المتفَّق عليه)"],[[["\u003cp\u003eUtilize the Android Automotive OS typographic scale for display, body, and subtext to ensure glanceability and consistency.\u003c/p\u003e\n"],["\u003cp\u003eMaintain a minimum body text size of 24dp for legibility, reserving smaller sizes for non-crucial information.\u003c/p\u003e\n"],["\u003cp\u003eAdhere to a 4-dp grid for alignment and visual hierarchy within the UI.\u003c/p\u003e\n"],["\u003cp\u003eApply style attributes like font weight and color to emphasize important elements and create visual focus.\u003c/p\u003e\n"],["\u003cp\u003eUse medium font weights carefully for highlighting primary content and avoid bold weights for improved legibility.\u003c/p\u003e\n"]]],[],null,["# Typography\n\n\u003cbr /\u003e\n\nTypographic styling helps define a UI's information hierarchy and function. Typography choices can also greatly affect legibility, which is an important consideration for driving.\n\n**Guidance at a glance (TL:DR):** \n- Use display, body, and subtext from the Android Automotive OS typographic scale\n- Minimum body text size is 24dp -- reserve subtext sizes for non-crucial information\n- Use a 4-dp grid for alignment \n- Apply style attributes to create effects (support hierarchy, focus attention)\n- Use medium font weights sparingly -- and avoid bold\n\n*** ** * ** ***\n\nScale and grid references\n-------------------------\n\nUse the Android Automotive OS typographic scale and typesetting grid to ensure a consistent look and glanceable text at a range of levels for display text, body text, and subtext.\n\n#### Android Automotive OS typographic scale\n\nThis scale shows the fonts, font sizes, and line heights used for the nine default levels of display text, body text, and subtext used in Android Automotive OS.\nThe minimum type size for Android Automotive OS is 24dp. Sizes below 24dp are not easily glanceable and should be used sparingly in the auto context. Subtext sizes are best reserved for non-crucial or tertiary information such as status bar content.\nThe format for the font information in this scale is: (Font name) (Type size) / (Line height). The values for type size and line height are shown in points (pt). **Note:** For languages not covered by Roboto, [Noto Sans](https://fonts.google.com/specimen/Noto+Sans#standard-styles) is the recommended typeface. Noto Sans is derived from metrics similar to Roboto and is designed for visually harmonious internationalization.\n\n#### Typesetting grid and baseline reference\n\nMaintaining the scale and vertical rhythm based on a 4dp grid helps with consistency and visual hierarchy.\nThe Android Automotive OS scale is designed to accommodate 4dp font-sizing increments.\n\nGuidance and examples\n---------------------\n\nApplying scale and style to your typographic choices can help you:\n\n- Keep all text legible\n- Convey a visual hierarchy among text elements\n- Focus attention in the most important spots\n\nEach style consists of a set of values defined by the scale and additional attributes. These attributes include font weight, color, and opacity values, and they can be added to any type size to create a desired effect, such as focusing attention.\nThe Title style in this example consists of the Body 1 scale (which defines the font size and line height) modified by additional attributes of color, opacity, and weight.\n\n#### Examples\n\na. Body 3 \nb. Body 2 \nc. Body 1 a. Display 2 \nb. Body 1 \nc. Body 1 \n\n\n**Do**\nUse the medium font weight sparingly. Save it for when you need to emphasize the primary or active text, such as the Recents tab in this example, or to establish visual hierarchy.\n\n\n**Don't**\nBold font weights (applied to all text in this example) are less legible than medium weights and should be avoided."]]
