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 düzeni (uygulamanızın rengini temalandırmak için kullanılan renk jetonları veya rolleri koleksiyonu) 3 vurgu rolü, 4 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 görsel engelleri en aza indirmek ve gerçek dünyayla uyum sağlamak çok önemlidir. Farklı ışık koşullarında okunabilirliği önceliklendirin. 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
Jetpack Compose Glimmer teması hakkında daha fazla bilgi edinin.
Güç kullanımı
Bazı renkler diğerlerinden 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
- Ana hatlar görünür ancak belirgin olmamalıdır.
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ı
Ana hat odağını mavi renkle özelleştirme: Odak durumu vurgusu 2 ana hattan oluşur. Odak durumunu ince ayarlamak için renk 2. katmana uygulanır.