Koleksiyonlar ile düzeninizi koruyun
İçeriği tercihlerinize göre kaydedin ve kategorilere ayırın.
Tipografik stil, kullanıcı arayüzünün bilgi hiyerarşisini ve işlevini tanımlamaya yardımcı olur. Yazı biçimi seçimleri de okunabilirliği büyük ölçüde etkileyebilir. Bu da sürüş için önemli bir faktördür.
Bir bakışta rehberlik (TL:DR):
Android Automotive OS 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 Automotive OS yazı tipi ölçeğini ve dizgi ızgarasını kullanarak metin, gövde metni ve alt metinlerde tutarlı bir görünüm elde edin ve farklı düzeylerde bir bakışta anlaşılabilecek metinler kullanın.
Android Automotive OS tipografik ölçek
Bu ölçek, Android Automotive OS'te kullanılan dokuz varsayılan görüntüleme metni, gövde metni ve alt metin düzeyinde kullanılan yazı tiplerini, yazı tipi boyutlarını ve satır yüksekliklerini gösterir.
Android Automotive OS için minimum tür boyutu 24 dp'dir. 24 dp'nin altındaki boyutlara kolayca göz atılamaz ve otomatik bağlamda tutumlu bir şekilde kullanılmalıdır. Alt metin boyutlarının, durum çubuğu içeriği gibi çok önemli olmayan veya üçüncül bilgiler için ayrılması önerilir.
Bu ölçekteki yazı tipi bilgilerinin biçimi şu şekildedir: (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ı
4 dp ızgaraya dayalı ölçeği ve dikey ritmi korumak, tutarlılık ve görsel hiyerarşiye yardımcı olur.
Android Automotive OS ölçeği, 4 dp yazı tipi boyutu artımlarını karşılayacak şekilde tasarlanmıştır.
Rehberlik ve örnekler
Tipografik seçimlerinize ölçek ve stil uygulamak size şu konularda yardımcı olabilir:
Tüm metinlerin okunaklı olmasını sağlayın
Metin öğeleri arasında görsel bir hiyerarşi oluşturma
Dikkati en önemli noktalara odaklayın
Her stil, ölçek ve ek özellikler tarafından tanımlanan bir dizi değerden oluşur. Bu özellikler arasında yazı tipi kalınlığı, rengi ve opaklık değerleri yer alır. Bunlar, dikkate odaklanma gibi istenen bir etkiyi yaratmak için tüm tür boyutlarına 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
a. Gövde 3
b. Gövde 2
c. Gövde 1
a. Görüntüleme 2
b. Gövde 1
c. Gövde 1
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.
Şunları yapmayın:
Kalın yazı tipi ağırlıkları (bu örnekteki tüm metne uygulanır) orta ağırlıklardan daha az okunabilirdir ve bundan kaçınılmalıdır.
[[["Anlaması kolay","easyToUnderstand","thumb-up"],["Sorunumu çözdü","solvedMyProblem","thumb-up"],["Diğer","otherUp","thumb-up"]],[["İhtiyacım olan bilgiler yok","missingTheInformationINeed","thumb-down"],["Çok karmaşık / çok fazla adım var","tooComplicatedTooManySteps","thumb-down"],["Güncel değil","outOfDate","thumb-down"],["Çeviri sorunu","translationIssue","thumb-down"],["Örnek veya kod sorunu","samplesCodeIssue","thumb-down"],["Diğer","otherDown","thumb-down"]],["Son güncelleme tarihi: 2024-07-23 UTC."],[[["Utilize the Android Automotive OS typographic scale for display, body, and subtext to ensure glanceability and consistency."],["Maintain a minimum body text size of 24dp for legibility, reserving smaller sizes for non-crucial information."],["Adhere to a 4-dp grid for alignment and visual hierarchy within the UI."],["Apply style attributes like font weight and color to emphasize important elements and create visual focus."],["Use medium font weights carefully for highlighting primary content and avoid bold weights for improved legibility."]]],[]]
