Windows'ta Renk

Windows, kullanıcıların kullanıcı arabirimi öğeleri arasındaki görsel hiyerarşiyi ve yapıyı belirterek görevlerine odaklanmalarına yardımcı olmak için renk kullanır. Renk bağlama uygundur ve sakinleştirici bir temel sağlamak, kullanıcı etkileşimlerini alt düzeyde geliştirmek ve önemli öğeleri yalnızca gerektiğinde vurgulama amacıyla kullanılır.

Tavsiye

Bu makalede Fluent Design language Windows uygulamalarına nasıl uygulandığı açıklanmaktadır. Daha fazla bilgi için bkz . Fluent Design - Color.

Renk modları ve temalar

Windows iki renk modunu veya temayı destekler: açık ve koyu. Her mod, en iyi karşıtlığı sağlamak için otomatik olarak ayarlanan bir dizi nötr renk değerinden oluşur. Windows uygulamalar, uygulamanın arka plan, metin, simge ve koşu denetimleri renklerini etkileyen açık veya koyu bir uygulama teması kullanabilir.

Hem açık hem de koyu renk modlarında, koyu renkler daha az öneme sahip arka plan yüzeylerini gösterir. Önemli yüzeyler daha açık ve parlak renklerle vurgulanır. Daha fazla bilgi için bkz. katmanlama ve yükseltme .

Varsayılan olarak, Windows uygulamanızın teması Windows Ayarlar'dan veya cihazın varsayılan temasından kullanıcının tema tercihidir. Ancak, temayı uygulamanız için özel olarak ayarlayabilirsiniz. Temaları değiştirmeyi, tema fırçalarını kullanmayı ve kodda tema renklerini özelleştirmeyi öğrenmek için bkz. Windows uygulamalarındatheming.

Ana renk

Vurgu rengi, kullanıcı arabirimindeki önemli öğeleri vurgulamak ve etkileşimli bir nesnenin veya denetimin durumunu belirtmek için kullanılır. Vurgu rengi değerleri otomatik olarak oluşturulur ve hem açık hem de koyu modlarda karşıtlık için optimize edilir. Vurgu renkleri, önemli öğeleri vurgulamak ve etkileşimli bir öğenin durumu hakkında bilgi iletmek için tedbirli bir şekilde kullanılır.

Örnekler

WinUI 3 Galeri uygulamasını açın ve Renk ilkelerinin nasıl çalıştığını görün

WinUI 3 Galeri uygulaması, WinUI denetimlerinin ve özelliklerinin etkileşimli örneklerini içerir. uygulamayı Microsoft Store adresinden alın veya GitHub üzerindeki kaynak koduna göz atın.

Renk ilkeleri

Rengi anlamlı bir şekilde kullanın. Önemli öğeleri vurgulamak için renk tedbirli bir şekilde kullanıldığında, akıcı ve sezgisel bir kullanıcı arabirimi oluşturmanıza yardımcı olabilir.

Etkileşimi göstermek için renk kullanın. Uygulamanızın etkileşimli öğelerini göstermek için tek bir renk seçmek iyi bir fikirdir. Örneğin, birçok web sayfasında köprü belirtmek için mavi metin kullanılır.

Renk kişiseldir. Windows kullanıcıları, tüm deneyimleri boyunca yansıtılan bir vurgulu renk ve açık veya koyu bir tema seçebilir. Kullanıcının tema rengini ve temasını uygulamanıza dahil ederek deneyimini kişiselleştirmeyi seçebilirsiniz.

Renk kültüreldir. Kullandığınız renklerin farklı kültürlerden kişiler tarafından nasıl yorumlanacağına dikkat edin. Örneğin, bazı kültürlerde mavi rengi erdem ve koruma ile ilişkilendirilirken, bazılarında yasları temsil eder.

Kullanılabilir -lik

Karşıtlık

Öğelerin ve resimlerin, tema renginden veya temasından bağımsız olarak ayırt etmek için yeterli karşıtlıkta olduğundan emin olun.

Uygulamanızda hangi renklerin kullanılacağını göz önünde bulundurarak erişilebilirlik öncelikli bir konu olmalıdır. Uygulamanızın mümkün olduğunca çok kullanıcı tarafından erişilebilir olduğundan emin olmak için aşağıdaki kılavuzu kullanın.

Aydınlatma

Ortam aydınlatması varyasyonunun uygulamanızın kullanılabilirliğini etkileyebileceğini unutmayın. Örneğin, siyah arka planı olan bir sayfa ekran parlama nedeniyle dışarıda okunamayabilirken, beyaz arka planlı bir sayfaya karanlık bir odada bakmak acı verici olabilir.

Renk Körlüğü

Renk körlüğünün uygulamanızın kullanılabilirliğini nasıl etkileyebileceğini unutmayın. Örneğin, kırmızı-yeşil renk körlüğü olan bir kullanıcı, kırmızı ve yeşil öğeleri birbirinden ayırt etmekte zorlanır. Erkeklerin yaklaşık yüzde 8'i ve kadınların yüzde 0,5'i kırmızı-yeşil renk körü olduğundan, bu renk bileşimlerini uygulama öğeleri arasındaki tek ayırıcı olarak kullanmaktan kaçının.

İlgili

• Windows uygulamalarında tema uygulama
• XAML Stilleri
• XAML Tema Kaynakları
• WinUI 3 Galerisi - Renkler