Gözlük rengi

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 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.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.

Vurgu renkleri, sınırlı vurgu için tek bir renkte kullanılabilir.

Metin içeriğinizin büyük bölümünde beyaz metin kullanın. Yazı tipi rengi, vurgulanmış metin için kullanılabilir.
Tüm içerik için renkli metin kullanın.

Rengi özelleştirme

Gözlüklerin renklerini özelleştirirken, farklı ışık koşullarında okunabilirliği önceliklendirerek minimum görsel engel ve gerçek dünyayla uyum sağlamak çok önemlidir. Bu kapsamda, parlaklığı doygunlukla dengelemek için renkler dikkatlice ayarlanır. Böylece, anında ayırt edilebilecek kadar doygunluk korunurken net okunabilirlik için belirginlik sağlanır. 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.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.

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

Güç kullanımı

Bazı renkler diğerlerinden daha fazla güç kullanır ve daha fazla ısı üretir. Sağdaki örnekte görüldüğü gibi, eşit tondaki renkler karşılaştırıldığında en az güç tüketen yeşil, en çok güç tüketen 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.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.

Kullanıcılarınızın karşılaşacağı tüm arka planlar arasındaki kontrastı göz önünde bulundurun.
Çeşitli arka planlardaki kullanıcı arayüzü öğeleri için çok az kontrast olması, göz yorgunluğuna ve okunaksızlığa neden olabilir.
Her arka planda yeterli kontrast olması için ön plan ve arka plan renklerinin tonu arasında 70 (7:1) kontrast farkı olması gerekir. Tasarımlarınızı ekran karıştırma moduna ayarlayarak bu özelliği test edebilirsiniz.
Doygunluğu azaltılmış renkler kullanın.
Aşırı doygun renkler kullanmak Bu karakterler düzgün şekilde görüntülenmeyebilir ve okunabilirliği bozabilir.

Özelleştirilmiş yüzeylerden kaçınılmalıdır.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir.

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.

Koyu renkli yüzeyler ve parlak içerikler kullanın.
Parlak veya dolu yüzeyler kullanın.

Markalama veya etkileyici kullanıcı arayüzü eklemek için ana hat özelleştirilebilir.

Varsayılan renkleri kullanın. Bunlar, gözlük ekranı için yüksek düzeyde optimize edilmiştir.
Birden fazla ana hat rengi kullanın.

Dikkatli olun ve odak ile varsayılan durum ana hatları arasındaki özel renkleri uyumlu hale getirin.

Tasarım öğeleri, çerçevenin alt kısmına sabitlenmelidir. Odaklanma durumunun ana hattını mavi renkle özelleştirme: Odaklanma durumu vurgusu 2 ana hattan oluşur. Odaklanma durumunu ince ayarlamak için renk 2. katmana uygulanır.