Karakter Kontrastını Kaybetmeden Sanal Evcil Hayvan Cihazı Renkleri Nasıl Planlanır?
Bir sanal evcil hayvan cihazı için renk seçenekleri planlarken, öncelikle karakterin net silüetini ve temel özelliklerini koruyun; ardından arka planı, aksesuarları ve palet vurgularını bunların etrafında çeşitlendirin. Her seçeneği eksiksiz bir ekran tasarımı olarak ele alın: evcil hayvanı gerçek arka planında kontrol edin, küçük özelliklerin hâlâ öne çıktığından emin olun ve önemli ayrıntıları ayırt etmek için rengin yanı sıra şekil veya desenlerden de yararlanın.
Evcil hayvanı tanınabilir kılan kısımlarla başlayın
Bir izleyicinin hızla tanımlaması gereken özellikleri listeleyin: belki dış hatlar, gözler, ağız, kulaklar, kabuk veya karakteristik bir leke/işaret. Bu liste karaktere göre değişir; evrensel bir özellik seti yoktur. Hangi özelliklerin her renk seçeneğinde görünür kalması gerektiğini ve hangilerinin dekoratif olarak değişebileceğini belirleyin. Bu, palet için kontrast planınızı oluşturur.
Karakterin sade, tek renkli bir versiyonunu oluşturun ve duruşu ile dış hatlarının cihazın hedeflenen görüntüleme boyutunda hâlâ anlaşılıp anlaşılmadığını kontrol edin. Karakter şeklini veya ifadesini iletmek için renkli bir alana bağımlıysa, bu özelliği bir sınır çizgisi, boşluk veya belirgin bir form ile güçlendirin. Bu, resmi bir erişilebilirlik testi değil, bir tasarım yöntemidir: tanınma işinin tamamını tek bir renk tonunun üstlenip üstlenmediğini görmenize yardımcı olur.
Karakter renklerini ekran arka planından ayırın
Renk örneklerini seçmeden önce renklere görevler atayın. Ekran arka planı, evcil hayvanın ana gövdesi, dış hatları veya gölgesi, yüz detayları ve giysi veya yaşam alanı nesneleri gibi isteğe bağlı vurgular için ayrı roller belirleyin. Birden fazla rolün birbirine yakın açıklık/koyuluk değerleri altında toplanıp kaybolmasını önleyin. Örneğin, açık krem rengi bir ekranda parlak sarı bir evcil hayvan, renk tonları farklı olsa bile sınır netliğini kaybedebilir.
Yan yana görünecek tüm renk eşleşmelerini kontrol edin: arka plana karşı gövde, gövdeye karşı dış hatlar ve yüze karşı gözler veya ağız. Anlam taşıyan grafik nesneler ve arayüz bileşenleri için W3C yönergeleri, bitişik renklere karşı 3:1 kontrast oranını bir referans noktası olarak kabul eder; metin yönergeleri ise normal metinler için 4,5:1, büyük metinler için 3:1 oranını şart koşar. Bu kriterler web içeriği için yazılmıştır, bu nedenle fiziksel bir cihaz ekranını doğrudan belgelendirmez; ancak ekranda metin veya temel grafik ayrıntıları bulunduğunda faydalı bir referans sunar. W3C: Metin Dışı Kontrast ve W3C: Kontrast (Asgari)
Renk seçeneklerini rol tabanlı bir sistem içinde tutun
Her seferinde tek bir rolü değiştirerek küçük bir seçenek seti oluşturun. Örneğin, yüzü ve temel işaretleri sabit tutarken birkaç farklı gövde rengi sunun; veya gövdeyi sabit tutarken arka plan temasını değiştirin. Bu, yeni bir seçeneğin tanınabilirliğe zarar verip vermediğini anlamayı kolaylaştırır ve her palete tutarlı bir yapı kazandırır.
Pratik bir palet çizelgesi; her renk örneği için rolü, renk değerini ve komşu renkleri kaydedebilir. Hem açık hem de koyu arka plan kullanılması planlanıyorsa en az bir açık ve bir koyu arka plan seçeneğine yer verin, ardından aynı evcil hayvanı her ikisinde de test edin. Bir gövde rengi yalnızca tek bir arka planda işe yarıyorsa, renk örneğinin evrensel olarak her yerde kullanılabileceğini varsaymak yerine bu eşleşmeyi bir kısıtlama olarak not edin.
Bu rol tabanlı yaklaşım, gerçek bitişik çiftleri test etme ihtiyacından doğan editoryal bir öneridir. Adobe'nin erişilebilirlik kılavuzu, palet çakışmalarının kontrol edilmesini ve renklerin birbirinden ayırt edilmesinin zor olabileceği durumlarda parlaklık veya RGB değerlerinin ayarlanmasını açıklamaktadır. Adobe: Erişilebilir renk tercihleri
Tüm ayrımı yalnızca renk tonuna yüklemeyin
İki önemli işaret yalnızca renkle birbirinden ayrılıyorsa, bunların gri tonlamada veya bir renkli görme simülasyonunda görüntülendiğinde ayırt edilebilir kalıp kalmadığını test edin. Zayıf bir ayrımı başka bir ipucuyla güçlendirin: tasarıma uygun yerlerde farklı şekiller, dış hatlar, desenler, konumlar veya etiketler kullanın. Dünya Sağlık Örgütü'nün tasarım el kitabı, karışıklığı azaltmak için parlaklığın çeşitlendirilmesini ve renklerin semboller veya basit desenlerle eşleştirilmesini önerirken, aşırı desen kullanımının tasarımı okumayı zorlaştırabileceği konusunda uyarmaktadır. WHO: Erişilebilir tasarım için dikkat edilmesi gerekenler
Eklenen görsel ipuçlarını ölçülü tutun. Küçük bir çizgi veya ayırt edici bir yama yeterli olabilir; birbiriyle yarışan çok sayıda dış hat, doku ve parıltı karakterin ifadesini gölgeleyebilir. Bir işaret anlam taşımaktan ziyade dekoratif amaçlıysa, ayrı bir sinyal taşımasına gerek yoktur.
İnsanların göreceği boyut ve koşullarda test edin
Renk varyasyonlarını cihaz ekranının bir önizlemesi üzerinde, ekranda beklenen karakter boyutunda inceleyin. Hem karakterin tamamını hem de gözbebekleri, ağız çizgileri veya ince işaretler gibi küçük ayrıntıları denetleyin. Büyütülmüş tasarım dosyalarında net görünen bir palet, daha küçük bir ekran boyutunda birbirine karışabilir. Ekranı ayrıca gri tonlamalı olarak önizleyin ve bir tarama aracı olarak renkli görme simülasyonundan yararlanın. Simülasyonlar olası çakışmaları işaret edebilir ancak gerçek ekranı ve hedeflenen izleme koşullarını kontrol etmenin yerini tutamaz.
Her varyasyon için basit bir kabul/düzenleme listesi kullanın: Silüet arka plandan net şekilde ayrılıyor mu? Temel ifade ve işaretler hâlâ görülebiliyor mu? Bitişik temel öğeler parlaklık veya başka bir ipucu ile ayırt edilebiliyor mu? Herhangi bir metin, arka planı üzerinde okunaklı kalıyor mu? W3C, degradelerin kontrast değerlendirmesini karmaşıklaştırabileceğini belirtmektedir; bu nedenle tek bir renk örneği değerine güvenmek yerine bir özelliğin arkasındaki gerçek alanı test edin. W3C: Metin Dışı Kontrast
Bir versiyon kriterleri karşılamıyorsa, öncelikle açıklık/koyuluk değerini veya çevreleyen arka planı ayarlayın; bu işlem genellikle karakterin seçilen renk tonunu korurken ayrımı yeniden kazandırır. Özellik buna rağmen kayboluyorsa, sınırlarını güçlendirin veya formunu değiştirin. Bitişik bir çifti iyileştirmek diğerini etkileyebileceğinden, her değişiklikten sonra tüm ekranı yeniden kontrol edin.
Son seçimi net ödünleşimler doğrultusunda yapın
Adayları, hangi paletin sadece "en iyisi" olduğunu sorarak değil, rollerine göre karşılaştırın. Doygunluğu son derece yüksek bir gövde canlı hissettirebilir ancak yüzle rekabete girebilir; soluk bir arka plan dikkati evcil hayvanda tutabilir ancak metinlerin veya simgelerin görülmesini zorlaştırabilir. Karakterin gerekli özelliklerini koruyan ve ekranın geri kalanıyla birlikte okunaklı kalan seçeneği tercih edin. Reddedilen kombinasyonların ve neden başarısız olduklarının kaydını tutun, böylece sonraki varyasyonlarda aynı düşük kontrastlı eşleşme tekrar karşınıza çıkmaz.
Sonuç, net sınırları olan bir dizi renk tercihi olmalıdır: hangi gövde tonlarının hangi arka planlarda çalıştığı, hangi ayrıntıların sabit kaldığı ve hangi ayrımların renk dışı bir ipucu gerektirdiği belirlenmelidir. Bu durum, tasarımcılara fiilen sunulan seçenekler genelinde sanal evcil hayvanı tanınabilir tutarken varyasyon yaratma alanı sağlar.