Wear OS için malzeme tasarımında daha koyu bir renk paleti kullanılır. Özellikle, uygulamanız ve karonuz için siyah bir arka plan kullanmanız gerekir.
Renk şeması
Wear OS renk şeması, temel Materyal Tasarım renk temasına göre oluşturulmuştur. Bu temayı olduğu gibi kullanabilir veya uygulamanız için özelleştirebilirsiniz.
Bu tema, aşağıdakiler için varsayılan renkleri içerir:
- Birincil ve ikincil renkler
- Birincil ve ikincil renk çeşitleri
- Arka plan renkleri, yüzeyler, hatalar, tipografi ve ikonlar gibi ek kullanıcı arayüzü renkleri
Koyu tema
Tüm koyu tema renkleri, tüm yükseklik yüzeylerine uygulandığında gövde metni için WCAG'in AA standardını en az 4,5:1 karşılayan yeterli kontrasta sahip öğeler göstermelidir.
Erişilebilirlik için doygunluğu azaltılmış renkleri kullanma
Koyu renkli bir tema, koyu renkli yüzeylerde gövde metni için WCAG'in en az 4.5:1 erişilebilirlik standardını karşılamadığından doygun renkler kullanmaktan kaçınmalıdır. Doymuş renkler de koyu renkli bir arka planda optik titreşimler üretir, bu da göz yorgunluğuna neden olabilir. Bunun yerine, daha okunaklı bir alternatif olarak doygunluğu azaltılmış renkleri kullanın.
Şekil 1. Renk paletinizdeki daha az doymuş renkler, daha rahat okunmasını sağlar.
2. Şekil. Koyu bir arka planda doygun renkler kullanmaktan kaçının.
Birincil renk
Birincil renk, uygulamanızın ekranlarında ve bileşenlerinde en sık görüntülenen renktir. Temel Malzeme Tasarımı koyu teması, birincil renk olarak 200 tonu kullanır. Bu, tüm yükseklik yüzeylerinde WCAG'nin normal metin için en az 4,5:1 olan AA standardını karşılar.
3. Şekil. Koyu temada örnek bir birincil palet. 1. Birincil renk göstergesi 2. Ton varyantları
İkincil renk
Kullanıcı arayüzünüzün belirli bölümlerini vurgulamak için ikincil bir renk kullanılabilir. Koyu bir temada, ikincil bir rengin doygunluğu azaltılarak 4.5:1 kontrast seviyesi sağlanabilir.
Şekil 4'te, 1) ikincil renk göstergesini, 2) ton varyantlarını göstermektedir.
4. Şekil. Koyu temada örnek bir ikincil palet.
Vurgu rengi
Koyu temada, kullanıcı arayüzünün büyük bir kısmını koyu yüzeyler kaplar. Vurgu renkleri genellikle açık (desatüre pastel renkler) veya parlaktır (doymuş, canlı renkler). Bu, aksanlı öğelerin öne çıkmasına yardımcı olur. Vurgu renklerini, metin veya düğme gibi vurgulu anahtar öğelerinde dikkatli bir şekilde kullanın.
Vurgu renklerini bulma Renk teması oluşturmak veya görüntülemek için renk paleti oluşturma aracını kullanın. Renk paleti oluşturucu, birincil ve ikincil renklerinizden oluşturulan, açık ve koyu renk varyasyonlarından oluşan ton paletleri de oluşturur. Koyu temanız için bunların varyasyonlarını seçin.
Şekil 5'te, 1) varsayılan tema birincil renk göstergesini, 2) ise koyu tema birincil renk göstergesini belirtir.
5.Şekil Koyu bir temada daha fazla esneklik ve kullanılabilirlik sağlamak için doygun tonlar (900-500) yerine açık tonlar (200-50) kullanmanız önerilir.
Arka plan rengi gibi kullanıcı arayüzünün büyük bölümleri için daha koyu renk spektrumunu kullanın. Vurgular ve kullanıcı arayüzü öğeleri için daha açık renkler ayırın.