Renk, tasarımcının araç setindeki en güçlü araçlardan biridir. Ancak diğer herhangi bir araç gibi, dikkatli kullanılmalıdır.
Aşağıda, rengi kullanmak için oldukça pratik ipuçlarının bir listesini bulacaksınız.
1. Önce gri tonlamalı tasarım
Tasarıma renkle başlamak, tasarımcılar arasında oldukça yaygın bir hatadır. Düzeni renkle doldurmak cazip gelse de, bu cazibeden kaçınmak daha iyidir. Gri tonlamayla başlayarak, sonsuz sayıda olası renk kombinasyonunu keşfetmek yerine sağlam görsel hiyerarşi oluşturmaya daha fazla odaklanabileceksiniz.
2. Görsel ağırlık açısından düşünün
Görsel ağırlık, bir kişinin gözünü çekmek için bir nesnenin doğal bir özelliğidir. Nesnenin görsel ağırlığı ne kadar fazlaysa kullanıcıların onu fark etme şansı o kadar artar.
Görsel ağırlık 3 özelliğin toplamıdır:
- Nesnenin boyutu (genellikle daha büyük nesnelerin görsel ağırlığı daha fazladır)
- Nesnenin etrafındaki negatif boşluk miktarı (daha fazla boşluk, kullanıcıların nesneyi fark etme şansı daha fazla)
- Nesnenin rengi (zıt renk, nesneyi daha belirgin hale getirir).
Kullanıcılarınızın görmesini istediğiniz nesnelere daha fazla görsel ağırlık verin. Örneğin, bir açılış sayfası tasarlarsanız, muhtemelen bir harekete geçirici mesaj düğmesinin, kullanıcıların sayfayı ziyaret ettiklerinde fark ettikleri ilk öğelerden biri olmasını istersiniz.
3. Renkleri markayla eşleştirin
Marka renkleri, bir renk paleti oluşturmada kilit rol oynamalıdır.
Marka renklerinizi tanımlama sürecindeyseniz, kutuyu düşünmeye çalışın ve beklenmedik renk kombinasyonları seçin. Neden? Çünkü kullanıcılarınız için daha akılda kalıcı bir tasarım oluşturmanıza yardımcı olacaktır.
Son zamanlarda birçok marka tasarımlarında parlak renkler kullanmaya başladı. Parlak renkler enerji ve dolaysızlık hissi verir.
4. Dengeli bir renk şeması bulun
Yanlış renk kullanımı, kullanıcılarınızı kolayca bunaltabilir. Kullanıcılarınızın dikkatini dağıtmak veya kafasını karıştırmak istemiyorsanız, tasarımınızda uyum sağlamaya çalışmalısınız. Ve bu sadece görsel deneyimde bir dengeye sahip olduğunuzda olur.
İşte size bu konuda yardımcı olabilecek birkaç basit kural:
60–30–10 Kuralı
60–30–10, iyi dengelenmiş renk paletleri oluşturmak için çok basit bir kuraldır. Fikir basittir – yeni bir renk paleti seçtiğinizde, paletin% 60’ı bir renge (genellikle nötr bir renktir), başka bir (tamamlayıcı) renk paletin% 30’unu ve üçüncü bir renge ayrılmalıdır. tasarımın kalan% 10’u için renk (vurgu) kullanılır.
En fazla 3 renk kuralı
“Bir kıyafette üçten fazla renk giymeyin, aksi takdirde palyaço veya papağan gibi görüneceksiniz” – bu kişisel stilistlerin müşterilerine verdiği yaygın bir tavsiyedir. Renkleri birleştirme konusunda uzman değilseniz, tasarımınızda kullandığınız toplam renk sayısını sınırlamak daha iyidir.
Tasarımınızın daha fazla renge ihtiyacı olduğunu düşünüyorsanız, önceden seçilmiş renklerin daha koyu ve daha açık varyasyonlarını kullanmayı deneyin.
Renk oluşturucuları kullanın
Renk paleti oluşturucuları, iyi dengelenmiş renk şemaları bulma görevini basitleştirir. İşte renk paleti üreticilerinin bir listesi :
5. Renkleri işaret olarak kullanın
Renk sadece dekorasyon amaçlı değildir; açık bir işlevsel amaca hizmet edebilir (ve hizmet etmelidir). Tasarımcılar, bir ürünle etkileşim sürecini basitleştirmek için rengi işlevsel bir unsur olarak kullanmalıdır. Bir şeklin yanı sıra renk, kullanıcıların dijital ürünlerle etkileşime girdiklerinde güvendikleri bir şeydir.
Renk kullanarak şunları yapmak mümkündür:
- Etkileşimli ve statik nesnelerin ayırt edilmesi
- Nesnenin mevcut durumunu açıklanması (yani, etkin / devre dışı öğe)
- Kullanıcı dikkatini önemli bir mesaja odaklamak
Ancak iyi sonuçlar elde etmek için rengin tutarlı bir şekilde kullanıldığından emin olmak çok önemlidir. Başka bir deyişle, tıklanabilir bir nesne için belirli bir renk tonu kullanmaya karar verirseniz, bu renk ürününüzün tüm kısımlarında kullanılmalıdır . Kullanıcılara, ürününüzün çeşitli parçalarıyla etkileşimde bulunurken önceki deneyimlerine güvenme yeteneği verecektir.
6. Önce erişilebilirliği düşünün
Renk-kontrast oranı
Metin ve arka plan arasındaki doğru kontrast , kullanıcı deneyiminin önemli bir parçasıdır. Düşük değerli kontrastlı iki rengi yan yana her yerleştirdiğinizde, kopyanızın okunmasını çok zorlaştırırsınız.
Sorun, mobil tasarım için daha da kritik hale geliyor. Mobil kullanıcılar dışarıda veya ekranın parlamasına neden olan aydınlık yerlerde olabilir ve bu, metninizi okunamaz hale getirir.
WCAG 2 normal metin için en az 4,5: 1 ve büyük metin için 3: 1 kontrast oranı ve grafikler ve kullanıcı arabirimi bileşenleri için en az 3: 1 kontrast oranı gerekir.
Anlamı iletmek için asla rengi tek başına kullanmayın
Erkeklerin yaklaşık% 8’i ve kadınların% 0,5’i bir tür renk körlüğünden etkilenir. Döteranopi (kırmızı-yeşil renk körlüğü), renk körlüğünün en yaygın şeklidir. Bu tür kullanıcılar, anlamı iletmek için yalnızca rengi kullanan UI ile etkileşimde zorlanırlar (örneğin, hata durumunu iletmek için kırmızı rengi kullanın).
Renkli erişilebilirlik test araçlarını kullanın
Renk erişilebilirliği test araçları , görsel tasarımınızı test etmenize ve daha fazla kontrast kullanmanız gereken yerleri bulmanıza yardımcı olur.
Renk seçimlerinizi test edin
Tasarımınızda hangi renkleri kullanmayı seçerseniz seçin, renk kombinasyonlarınızı gerçek kullanıcılarla test etmeniz çok önemlidir. Kullanmayı seçtiğiniz renkler, ürününüzü kullanan kişiler için uygun olmalıdır.
