Şekiller

Şekiller, bazı ekran öğelerinin diğerlerine göre önemini vurgulamaya yardımcı olur.

Bir bakışta rehberlik (TL;DR):

  • Birincil işlemler ve bileşenler için daha yuvarlak köşeler (daha yüksek köşe yarıçapı) kullanın.
  • Az vurgulu öğeler için kare, daha az yuvarlatılmış köşeler (alt köşe yarıçapı) kullanın

Köşe yarıçapı değerleri

Arabalar için Android, çeşitli ekran öğelerinin diğerlerine göre önemini vurgulamak amacıyla tasarlanmış bir köşe yarıçapı değerleri sağlar.

Köşe yarıçapı değerleri
0 R1 R2 R3 4. R
0 gp 4 gp 8 g 16dp Tam

Vurgu yapmak için yuvarlama kullanma

Android Automotive'deki yuvarlak ve kare köşeli şekiller, kullanıcıların dikkatini daha çok ön plana çıkaran öğelere odaklanan görsel bir hiyerarşi oluşturur. Daha belirgin öğelerin köşeleri daha büyük bir köşe yarıçapına sahip olur. Düşük vurgulu öğelerin köşeleri daha az yuvarlatılmış ve daha küçük köşe yarıçapına sahiptir.

Dört köşe yarıçapının dörtine ait örnekler
En düşükten (0dp = kare) ila en yüksek (kare şeklinde) dört köşe yarıçapı örneği

0 dp — Referans değer

Daha fazla vurgu gerektirmeyen temel öğeler için 0 dp (kare) köşeler kullanın. Araç çubukları veya listeler gibi temel düzen yapıları 0dp köşe kullanmalıdır. Resimler, yuvarlatılmış bir kapla (ör. kart) veya seçilen bir durumda olmadığı sürece 0 dp köşeye de sahip olmalıdır.

Kare köşe örneği
Sağ taraftaki ızgarada yer alan albüm kapakları, birbiriyle veya gösterilen diğer öğelerle göreli olarak fazladan vurguya ihtiyaç duymaz. Bu nedenle 0 dp köşeleri olur (ayrıntılar sol tarafta gösterilir)

8dp — Düşük vurgu

8dp, yuvarlak şekiller için varsayılan köşe yarıçapıdır. Bu şekli, kartlar ve kapsayıcılar gibi düşük vurgulu etkileşimli öğeleri belirtmek için kullanın.

8dp düşük vurgu örneği
Burada gösterilen bildirim kartı, varsayılan 8dp köşe yarıçapını (sol tarafta gösterilir) kullanır, bu nedenle karttaki işlem düğmelerine (sağ tarafta gösterildiği gibi) göre daha belirgindir

16 dp — Orta Yoğunluk

Etkileşimli öğeler ve genişletilebilir bileşenler dahil, orta vurgulu bileşenler için 16 dp köşe yarıçapı kullanın.

16 dp orta köşe örneği
Burada, bir alt sayfa için orta düzeyde vurgu sağlamak üzere 16 dp köşe yarıçapı kullanılır. Bu, geçici olarak ekrandaki mevcut içerikten daha önemlidir

Dairesel — Yüksek Vurgu

Dairesel şekiller, çoğunlukla dikdörtgen şekilli şekillere karşı daha fazla görsel etkiye sahiptir. FAB'lar, çipler ve widget'lar gibi yüksek öncelikli bileşenler için ayrılmalıdırlar.

Yüksek vurgulanmış tam yuvarlak köşe örneği
Sol altta FAB'da, sağ üstte işlem düğmelerinde, sol altta FAB'da yer alan vurguyu en üst düzeye çıkarmak için burada tamamen yuvarlatılmış köşeler ve dairesel şekiller kullanılmaktadır