Tipografi

Tipografi, atau gaya teks, digunakan untuk mengekspresikan hierarki teks dan bagaimana teks berfungsi dalam suatu UI. Tipografi yang digunakan untuk lingkungan mengemudi harus memprioritaskan keterbacaan.

Info sekilas:

  • Menggunakan tampilan, isi, dan subteks dari skala tipografi Android Auto
  • 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

Petak pengaturan huruf dan skala tipografi Android Auto menyediakan kumpulan gaya teks yang konsisten dan mudah dilihat untuk berbagai ukuran teks tampilan, teks isi, dan subteks.

Skala tipografi Android Auto

Jenis huruf menyediakan sembilan gaya untuk teks tampilan, teks isi, dan subteks – masing-masing dengan {i>font<i}, ukuran {i>font<i}, dan tinggi baris tertentu.

Meskipun ukuran teks isi terkecil untuk Android Auto adalah 24 dp, ukuran jenis subteks di bawah 24 dp dapat digunakan dengan hemat. Karena ukuran subteks ini tidak mudah dilihat, ukuran subteks ini harus disediakan untuk informasi non-krusial, seperti konten status bar.

Skala jenis
Informasi font dalam skala ini ditulis dalam format berikut: (Nama font) (Ukuran jenis) / (Tinggi baris). Nilai untuk ukuran jenis dan tinggi baris ditampilkan dalam poin (pt).

{i>Typesetting grid<i} dan referensi dasar pengukuran

Semua gaya jenis ditampilkan di petak 4dp. Petak ini memastikan bahwa teks diskalakan secara merata dan diberi jarak vertikal, sehingga menciptakan hierarki visual yang konsisten berdasarkan kelipatan 4 dp.

penskalaan pada petak 4dp
Timbangan Android Auto dirancang untuk mengakomodasi peningkatan ukuran font 4 dp.

Panduan dan contoh

Menerapkan skala dan gaya yang konsisten pada teks UI dapat membantu:

  • Pastikan semua teks dapat dibaca
  • Menyampaikan hierarki visual di seluruh elemen teks
  • Fokuskan perhatian di tempat yang paling penting

Panduan berikut menunjukkan cara menerapkan skala dan gaya Android Auto dengan tepat.

Menerapkan skala

Google Sans harus digunakan untuk jenis huruf 32 dp dan yang lebih besar. Roboto digunakan di tempat lain karena dapat dibaca dalam ukuran yang lebih kecil.

Jenis keluarga
Contoh ini menunjukkan penggunaan Google Sans dan Roboto yang tepat di berbagai tingkat skala tipografi.

Contoh

Anjuran

Saat menggunakan font tampilan yang paling cocok untuk teks besar, seperti Google Sans, pertahankan ukuran jenis 32dp atau lebih besar. Gunakan Roboto untuk teks sekunder yang lebih kecil karena mempertahankan keterbacaan yang baik pada ukuran di bawah 32 dp.

Larangan

Jangan gunakan Google Sans untuk ukuran teks yang lebih kecil sehingga keterbacaannya tidak optimal.

Menerapkan gaya

Setiap gaya tipografi terdiri dari serangkaian skala dan atribut seperti warna, opasitas, dan ketebalan font. Atribut ini bisa ditambahkan ke gaya jenis apa pun untuk menciptakan efek, baik tujuannya untuk memfokuskan perhatian atau mengurangi penekanan.

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. Isi 2
b. Tampilan 3
c. Isi 2
Tipografi melakukan

Anjuran

Gunakan ketebalan font sedang seperlunya. 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 untuk semua teks dalam contoh ini) kurang dapat dibaca dibandingkan dengan ketebalan sedang dan harus dihindari.