Renk; ekran, ortam ve bilişsel süreçleri dikkate alır. Gözlüklerdeki renkler, eklemeli ekranların davranışını desteklemek ve görsel konforu optimize etmek için son derece hassas bir palet kullanır. Gözlüklerde renk kullanımı, gerçek dünyayla uyum sağlamak, önemli işlemleri belirtmek, görüntüleri göstermek veya anlamsal anlam sağlamak için dikkatli bir şekilde yapılmalıdır.
Siyah renk, optik olarak görülebilen ekranda şeffaftır. Daha koyu renkler mat veya şeffaf görüneceğinden tasarım yaparken bunu göz önünde bulundurun. Ancak bu özellik, derinlik oluşturmak için de kullanılabilir.
Renk şeması
Gözlük renk şeması (uygulamanızın rengini temalandırmak için kullanılan renk jetonları veya roller koleksiyonu) 3 vurgu rolü, 6 yüzey (veya nötr rol) ve bunların renkli karşılıklarından oluşur. Renk rolleri, mobil şema rollerine benzer ve aynı şekilde kullanılmalıdır.
Vurgu renkleri, sınırlı vurgu için tek bir renkte kullanılabilir.
Yapılması gerekenler
Yapılmaması gerekenler:
Rengi özelleştirme
Gözlüklerin renklerini özelleştirirken minimum görsel engel ve gerçek dünyayla uyum çok önemlidir. Farklı ışık koşullarında okunabilirliğe öncelik verin. Parlaklığı doygunlukla dengelemek için renkleri dikkatlice kalibre edin. Böylece renkler anında ayırt edilebilir.
Birincil renk, markanızın veya birincil etkileşim renginizin kullanılacağı şekilde özelleştirilebilir. Seçilen rengin kontrastını, doygunluğunu ve güç kullanımını göz önünde bulundurun.
Optimize edilmiş marka ve anlamsal renkler
Markayı, işlemleri veya sistem uyarılarını temsil eden renkler şu özelliklere sahip olmalıdır:
- Okunabilecek kadar parlak olmalıdır.
- Renk olarak ayırt edilebilecek kadar doygun
- HCT renk alanını kullanarak ön plan ve arka plan arasında en az% 66 ton farkı olduğundan emin olun.
Jetpack Compose Glimmer teması hakkında daha fazla bilgi edinin.
Güç kullanımı
Bazı renkler diğerlerine kıyasla daha fazla güç kullanır ve daha fazla ısı üretir. Sağda görüldüğü gibi eşit tonlardaki renkler karşılaştırıldığında en az güç tüketen renk yeşil, en çok güç tüketen renk ise mavidir. Aydınlattığınız piksel sayısını en aza indirin. Ekran ne kadar parlak olursa ekran o kadar ısınır. Ekranı tamamen beyazla doldurmayın. Bu durum, termal azaltmaya neden olabilir.
Yapılması gerekenler
Yapılmaması gerekenler:
Yapılması gerekenler
Yapılmaması gerekenler:
Özelleştirilmiş yüzeylerden kaçınılmalıdır.
Koyu kapsayıcı renkleri
Kapsayıcılar genellikle dikkat dağıtmadan içlerindeki içeriği göstermeye odaklanmalıdır:
- En yüksek kontrast için yüzeyler siyah olmalıdır.
- Yüzeyler, odaklanılmış durumdayken ön plandaki öğelerin okunabilirliğini korumak için% 34 tondan daha açık olmamalıdır.
- Ana hatlar görünür olmalı ancak belirgin olmamalıdır.
Yapılması gerekenler
Yapılmaması gerekenler:
Yapılması gerekenler
Yapılmaması gerekenler:
Yapılması gerekenler
Yapılmaması gerekenler:
Markalama veya etkileyici kullanıcı arayüzü eklemek için ana hat özelleştirilebilir.
Yapılması gerekenler
Yapılmaması gerekenler:
Uyarı
Odaklanma durumunu maviyle özelleştirme: Odaklanma durumu vurgusu 2 ana hattan oluşur. Odaklanma durumunu renklendirmek için renk, 2. katmana uygulanır.
Yapılması gerekenler
