Yeşil, sarı ve kırmızı birlikte gidemez mi? Etiyopyalılar çok aşağılanıyor. Yeşil, sarı ve kırmızı resimler için Google ve bence birkaç çekici örnek (çirkin olanlarla birlikte) bulursunuz.
Herhangi bir renk kümesinin ne kadar iyi bir araya geldiği, tam renk koordinatlarına ve göreli konumlara, şekillere, renkli nesnelerin boyutlarına ve sahip olmak istediğiniz etkiye (örneğin, sakinleştirici, heyecan verici, eğlenceye karşı ciddi, cesur ve ince) bağlıdır ). Senin için zor ve hızlı bir kuralım yok, ama deneyecek bazı şeyler var.
Boyut doygunluğu ödünleşimi
Bir sarsıntı efektinden kaçınmak için (bunu istemediğinizi varsayarsak), renkli nesnenin boyutu renk doygunluğu ile ters orantılı olmalıdır. Örneğin, oldukça yüksek doygunluklara sahipti, bu nedenle daha düşük renk doygunluklarını (örn. Pastel) veya arka plan dışında bir şey renklendirin. Örneğin, metni renklendirebilir ve arka planı nötr bırakabilir veya metnin yanında küçük bir şekil veya simge renklendirebilirsiniz. İkincisi, erişilebilirlik ve siyah-beyaz baskı amaçları için beceri eşleşmesini yedek olarak kodlamak için şekil kullanma şansı sağlayacaktır (Memnuniyet için yeşil onay işareti, Eksiklik için sarı ünlem işareti ve Yeterli Değil için kırmızı “girmeyin” sembolü) .
aralığı
Renklerin nasıl göründüğü birbirine yakınlığına bağlıdır. Bitişik olduğunda renkler çatışmadan daha küçük bir ayrım ile iyi görünüyor. Renkleri daha fazla ayırmak için her bir hücrenin etrafına nötr bir kenarlık koymayı deneyin (başlıklarınızda olduğu gibi), aynı renkteki hücrelerin tek bir nesne olarak algılanması için harmanlandıkları bir anlam olmadığı sürece. Farklı kalınlıklar deneyin. Döşenmiş bir görünüm elde etmek için her hücreyi beyaz kenarlıklarla ayırmayı deneyin .
Desen
Renklerin ne kadar iyi bir araya geldiği, renklerin oluşturduğu desenle de değişir, bu nedenle mockup'ları tipik oranlar ve renk konumlarıyla değerlendirdiğinizden emin olun. Örneğin, çoğu zaman her şey yeşilse ve kullanıcıların sarı ve kırmızıların “vurgularına” katılması en önemli şeyse, iyi bir arka plan (ör. Düşük doygunluk, ışık) ve sarı ve kırmızının “üstte” olduğu görülür (örn. daha yüksek doygunluk, koyu). Desenin estetiğinin kullanıcıyı da iletebileceğini ve motive edebileceğini düşünün. Kullanıcının özellikle uygun olmayan veya dengesiz bir beceri seti varsa, belki çirkin bir desen istersiniz. En çekici desen, kullanıcı için en avantajlı duruma karşılık gelmelidir.
Kullanılabilirlik
Sorunuz estetikle ilgilidir, ancak renk kodlama seçiminin de büyük kullanılabilirlik etkileri vardır. Renk seçimleriniz şöyle olmalıdır:
Özellikle bozulmuş görsel koşullar altında kullanıldığında (örneğin güneş ışığında bir cep telefonunda) görsel olarak birbirinden farklıdır.
Arka planla (ön planındaysa) veya ön planla (arka planındaysa) iyi bir kontrast sağlayın. Örneğin, kırmızıdaki siyah metin o kadar iyi değil. Genellikle, ön plan ve arka plan farklı parlaklık düzeylerine ihtiyaç duyar.
Renklerin kodladıklarıyla tutarlı bir şekilde sıralandığından emin olun. Örneğin, kullanıcının arka plan ve diğer renklerle daha fazla kontrast oluşturması gereken şeyler.
Her rengin farklı bir koyuluk seviyesine sahip olduğu, koyuluk derecelerine göre ölçeklendirilmiş (yeşilden sarıdan daha fazla kırmızı) olduğunda erişilebilirlik ve yazdırılabilirlik sağlayın. Yeşilinizi biraz mavimsi ve / veya kırmızınızı biraz portakal gibi yapın, böylece kırmızı-yeşil renk körü kullanıcılar (en yaygın renk körlüğü) hala renk farklılıkları görebilir.
Yalnızca bir değişken için renk kodlaması kullanın. Ne için gri ve turuncu kullandığınızı bilmiyorum, ancak karışıklığa neden olması ve kullanıcıların kırmızı yeşil ve sarı renkleri kullanmasını zorlaştırması muhtemeldir. Üçten fazla renge sahip olduğunuzda, işleri kullanılabilir tutmak zordur. Hangi gri ve turuncu kodu kodlamak için başka bir yol bulun (örneğin, yazı tipi boyutunu veya ağırlığını kullanın veya hücre kenarlıkları için kesikli çizgiler kullanın; bkz . G'yi GUI'ye yerleştirme ).
Üzerinde çalıştığım bir projede, geldiğim renkler # E00000, # FF8400 ve # C0FFE0 (çok sarı bir sarı değil, ama yine de çalıştı).
Ben daha, renk kodlarını seçmekle birlikte üzerinde nasıl hesaplanır renk ve de parlaklık kontrast Breaking Renk Kodu .
