Google yerleşik özellikleri için en iyi tasarım uygulamaları

Sürüş deneyimini optimize eden, bütüncül bir sistem için benzersiz marka kimliğinizi tüm bilgi-eğlence sistemine nasıl entegre edeceğinizi öğrenin.

Tasarım belirteçleriyle uyumlu bir görünüm ve his yaratın.

Tasarım belirteçleri, tüm kullanıcı arayüzü öğelerinin temel yapı taşlarıdır ve zaman alıcı kod değişikliklerine gerek kalmadan markanızın görünümünü tüm sistem genelinde yönetmenize olanak tanır.

Tek bir doğru bilgi kaynağınız olsun.

Tokenlar, statik kodu değiştiren yeniden kullanılabilir tasarım değerleridir (renkler, yazı tipleri ve boyutlar gibi). Bu token değerlerini tanımlayarak, sistemin temel stilini tamamen kontrol edebilir ve marka kimliğinizin sistemdeki her uygulamada tek doğruluk kaynağı olmasını sağlayabilirsiniz.

Sistem genelinde tasarım kararlarını standartlaştırın.

Tokenlar, özelleştirilmiş değerleri tüm sisteme dinamik olarak uygular. Bu, derin kod değişikliklerine olan ihtiyacı ortadan kaldırır ve tasarımcılar ile mühendislerin "aynı dili konuşmasını" sağlayarak tasarımdan nihai uygulamaya sorunsuz bir geçiş yaratır.

Tasarım belirteçleri kullanarak uygulama simgelerinin görünümünü ve işlevselliğini özelleştirebilirsiniz.

Renk ve temayı özelleştirin

Bu platform, kritik güvenlik standartlarını korurken genel estetiği kontrol etmenizi sağlar. Markanızın benzersiz tarzını yansıtmak için kaynak katmanları aracılığıyla temel temayı ve renk paletini özelleştirebilirsiniz.

Gündüz ve gece sürüşü için optimize edin.

Gündüz saatlerinde, Gündüz Modu (açık arka plan üzerinde koyu metin) daha iyi görünürlük sağlar. Gece saatlerinde ise Gece Modu (koyu arka plan üzerinde açık metin) daha iyi görünürlük sağlar.

Bakış kolaylığı için kontrast oranını optimize edin.

Sürüş sırasında okunabilirliği sağlamak için tüm öğeler, metin ve simgeler ile arka plan arasında en az 4,5:1 renk kontrast oranını korumalıdır.

Gündüz Modu.
Gece Modu.

Bileşenler arasında net bir görsel hiyerarşi oluşturun.

Sürücülerin ekrana bakarak geçirdikleri süreyi azaltmak önemlidir. Sürücünün gözünün nereye gitmesi gerektiğini yönlendiren görsel bir hiyerarşi oluşturmak için bileşenlerin köşelerini ve oranlarını özelleştirebilirsiniz.

Vurgu için yuvarlak köşeler kullanın.

Google Built-In, önem derecesini iletmek için şekilleri ve yuvarlamaları kullanır. Daha yuvarlak köşeler (daha büyük yarıçap) birincil eylemler ve bileşenler için kullanılırken, daha az yuvarlak köşeler (daha küçük yarıçap) düşük önem dereceli öğeler için kullanılır.

Sistem, şablonların boyutunu, şeklini ve düğme oranlarını aracınızın ekranlarına uyacak şekilde ayarlamak için seçebileceğiniz belirli köşe yarıçapı değerleri (örneğin, 0dp, 4dp, 8dp, 16dp, dairesel) sağlar.

Google Haritalar'da yuvarlak köşeler.