Yazı biçimi

Tipografi, metnin hiyerarşisini ve kullanıcı arayüzünde nasıl çalıştığını ifade etmek için kullanılır. Sürüş ortamı için kullanılan yazı tipi, kolay okunmaya öncelik vermelidir.

Özet:

  • Android Auto tipografik ölçeğindeki ekran, gövde ve alt metinleri kullan
  • Minimum gövde metni boyutu 24 dp'dir – önemli olmayan bilgiler için alt metin boyutları ayırın
  • Hizalama için 4 dp ızgara kullanın
  • Efekt oluşturmak için stil özellikleri uygulama (hiyerarşiyi destekleme, dikkati odaklama)
  • Orta büyüklükte yazı tipi ağırlıklarını dikkatli kullanın ve kalın

Ölçek ve ızgara referansları

Android Auto tipografik ölçek ve dizgi ızgarası; çeşitli ekran metni, gövde metni ve alt metin boyutları için tutarlı, kolay bir şekilde göz atılabilecek metin stilleri sunar.

Android Auto tipografik ölçek

Tür ölçeği; görünen metin, gövde metni ve alt metin için her biri belirli bir yazı tipi, yazı tipi boyutu ve satır yüksekliğine sahip dokuz stil sağlar.

Android Auto'da en küçük gövde metni boyutu 24 dp olsa da 24 dp'nin altındaki alt metin türü boyutları tutumlu bir şekilde kullanılabilir. Bu alt metin boyutu kolayca anlaşılamadığı için, durum çubuğu içeriği gibi önemli olmayan bilgiler için ayrılmalıdır.

Tür ölçeği
Bu ölçekteki yazı tipi bilgileri şu biçimde yazılır: (Yazı tipi adı) (Tür boyutu) / (Satır yüksekliği). Tür boyutu ve satır yüksekliği değerleri punto (pt) cinsinden gösterilir.

Tür ayarı tablosu ve referans referansı

Tüm tür stilleri, 4dp ızgarada görüntülenir. Bu ızgara, metnin eşit şekilde ölçeklenmesini ve dikey olarak aralıklı olmasını sağlar. Böylece 4 dp'lik artımlara dayalı tutarlı bir görsel hiyerarşi oluşturulur.

4 dp ızgarada ölçeklendirme
Android Auto ölçeği, 4 dp yazı tipi boyutlandırma artımlarını karşılayacak şekilde tasarlanmıştır.

Rehberlik ve örnekler

Kullanıcı arayüzü metninize tutarlı bir ölçek ve stil uygulamak şu konularda yardımcı olabilir:

  • Tüm metinlerin okunaklı olmasını sağlayın
  • Metin öğeleri arasında görsel bir hiyerarşi oluşturun
  • Dikkati en önemli noktalara odaklayın

Aşağıdaki kılavuzda, Android Auto ölçeğinin ve stillerinin uygun şekilde nasıl uygulanacağı gösterilmektedir.

Ölçek uygulanıyor

32 dp ve daha büyük tür boyutları için Google Sans kullanılmalıdır. Roboto daha küçük boyutlarda okunabildiğinden her yerde kullanılır.

Tür aileleri
Bu örnekte, Google Sans ve Roboto'nun çeşitli tipografik seviyelerinde uygun kullanımları gösterilmektedir.

Örnekler

Yapılması gerekenler

Google Sans gibi büyük metinlere en uygun yazı tipini kullanırken bu yazı tipini 32 dp veya daha büyük tür boyutlarında tutun. 32 dp'nin altındaki boyutlarda iyi okunabilirliği koruduğu için daha küçük, ikincil metinler için Roboto'yu kullanın.

Yapılmamalı

Okunabilirliğinin optimum olmadığı daha küçük metin boyutları için Google Sans'ı kullanmayın.

Stil uygulanıyor

Her bir tipografik stil, renk, opaklık ve yazı tipi ağırlığı gibi bir dizi ölçek ve özellikten oluşur. Bu özellikler, amaç dikkati odaklamak veya vurguyu azaltmak olsun, etki oluşturmak için her tür stile eklenebilir.

Bu örnekteki Başlık stili, ek renk, opaklık ve ağırlık özellikleriyle değiştirilen Gövde 1 ölçeğinden (yazı tipi boyutunu ve satır yüksekliğini tanımlar) oluşur.

Örnekler

Yazı tipi metin boyutları
a. Gövde 3
b. Gövde 2
c. Gövde 1
Yazı tipi metin boyutları
a. Gövde 2
b. Ekran 3
c. Gövde 2
Yazı biçimi

Yapılması gerekenler

Orta yazı tipi kalınlığını ölçülü bir şekilde kullanın. Birincil veya etkin metni (Bu örnekteki Son Arananlar sekmesi gibi) vurgulamanız gerektiğinde ya da görsel hiyerarşi oluşturmak için kaydedin.
Yazı biçimi

Yapılmamalı

Kalın yazı tipi ağırlıkları (bu örnekte tüm metne uygulanır), orta kalınlıklardan daha az okunabilirdir ve bundan kaçınılmalıdır.