Tetap teratur dengan koleksi
Simpan dan kategorikan konten berdasarkan preferensi Anda.
Penataan gaya tipografi membantu menentukan fungsi dan hierarki informasi UI. Pilihan tipografi juga sangat memengaruhi keterbacaan, yang merupakan pertimbangan penting saat berkendara.
Panduan sekilas (TL:DR):
Menggunakan tampilan, isi, dan subteks dari skala tipografi Android Automotive OS
Ukuran teks isi minimum adalah 24 dp – mencadangkan ukuran subteks untuk informasi non-krusial
Menggunakan petak 4 dp untuk perataan
Menerapkan atribut gaya untuk membuat efek (hierarki dukungan, perhatian fokus)
Gunakan ketebalan font sedang seperlunya – dan hindari tebal
Referensi skala dan petak
Gunakan skala tipografi dan petak penyusunan huruf Android Automotive OS untuk memastikan tampilan yang konsisten dan teks yang mudah dilihat di berbagai level untuk teks tampilan, teks isi, dan subteks.
Skala tipografi Android Automotive OS
Skala ini menunjukkan font, ukuran font, dan tinggi baris yang digunakan untuk sembilan level default teks tampilan, teks isi, dan subteks yang digunakan di Android Automotive OS.
Ukuran jenis minimum untuk Android Automotive OS adalah 24dp. Ukuran di bawah 24dp tidak mudah dilihat dan harus digunakan seperlunya dalam konteks otomatis. Ukuran subteks sebaiknya disimpan untuk informasi non-krusial atau tersier seperti konten status bar.
Format untuk informasi font dalam skala ini adalah: (Nama font) (Ukuran jenis) / (Tinggi baris). Nilai untuk ukuran jenis dan tinggi baris ditunjukkan dalam titik (pt).
{i>Typesetting grid<i} dan referensi dasar pengukuran
Mempertahankan skala dan ritme vertikal berdasarkan petak 4 dp akan membantu konsistensi dan hierarki visual.
Skala Android Automotive OS dirancang untuk mengakomodasi peningkatan ukuran font 4 dp.
Panduan dan contoh
Menerapkan skala dan gaya pada pilihan tipografi Anda dapat membantu Anda:
Pastikan semua teks dapat dibaca
Menyampaikan hierarki visual di antara elemen teks
Fokuskan perhatian di tempat yang paling penting
Setiap gaya terdiri dari serangkaian nilai yang didefinisikan oleh skala dan atribut tambahan. Atribut ini mencakup nilai ketebalan, warna, dan opasitas font, serta dapat ditambahkan ke ukuran jenis apa pun untuk membuat efek yang diinginkan, seperti memfokuskan perhatian.
Gaya Judul dalam contoh ini terdiri dari skala Isi 1 (yang menentukan ukuran font dan tinggi baris) yang dimodifikasi oleh atribut tambahan warna, opasitas, dan ketebalan.
Contoh
a. Isi 3
b. Isi 2
c. Isi 1
a. Tampilan 2
b. Isi 1
c. Isi 1
Lakukan
Gunakan ketebalan font sedang dengan hemat. Simpan teks ini saat Anda perlu menekankan teks utama atau aktif, seperti tab Terbaru dalam contoh ini, atau untuk membuat hierarki visual.
Larangan
Ketebalan font tebal (diterapkan pada semua teks dalam contoh ini) kurang dapat dibaca dibandingkan dengan ketebalan sedang dan harus dihindari.
[null,null,["Terakhir diperbarui pada 2025-07-25 UTC."],[[["\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."]]
