Tipografi

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.

Skala jenis
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.

penskalaan pada petak 4dp
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

Ukuran teks tipografi
a. Isi 3
b. Isi 2
c. Isi 1
Ukuran teks tipografi
a. Tampilan 2
b. Isi 1
c. Isi 1
Tipografi melakukan

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.
Tipografi tidak

Larangan

Ketebalan font tebal (diterapkan pada semua teks dalam contoh ini) kurang dapat dibaca dibandingkan dengan ketebalan sedang dan harus dihindari.