Web için Tasarım Yaparken Kesinlikle Kaçınmanız Gereken 5 Renk Seçeneği

Web her zaman daha görsel hale geliyor. İyi içerik kral olmaya devam ediyor, ancak bu içeriğin öne çıkması için çekici bir görsel pakete sarılması daha iyi.

Tasarım profesyonelleri için bu çok büyük bir sorun değil. Renk teorisine ve renk psikolojisine tamamen batmış durumdalar.

Peki ya web'in artan görsel doğasıyla web içeriklerini hızlandırmaya çalışan web sakinlerinin sayısındaki artış ne olacak? Renk teorisini ve renk psikolojisini özetleyen bu web makaleleri bile, tasarımda rengin temellerini paylaşmakta mükemmel olsa da, grafik profesyonellerinin sahip olduğu arka plana sahip olmayanlar tarafından yanlış yorumlanabilir ve bu da potansiyel feci kararlara yol açabilir.

Peki web sayfalarınızda hangi renk seçeneklerinden kesinlikle kaçınmalısınız?

Saf siyah

Siyahla başlayalım - saf siyah - HTML'de #000000 olarak kodlanan şey.

Şaşırmış? Siyah her yerde, değil mi, çoğu web sayfasındaki metinde olduğu gibi, her yerde bulunan küçük siyah elbise ve gece gökyüzünde?

Pekala, saf siyah düşündüğünüzden daha az yaygındır. Bu gerçek #000000 saf siyah aslında doğal olmayan bir renktir. Doğada yoktur. Saf siyah, tüm ışık spektrumlarının emilmesini gerektirir ve bu doğada basitçe olmaz. Doğal renkler daha harmanlanmış ve bastırılmıştır.

Bu nedenle saf siyah, gözlerimizin görmeye alışık olduğu bir şey değildir. Sert. Öne çıkıyor (bu küçük siyah elbiseyi bu kadar popüler yapan şeyin bir parçası). O zaman neden web tasarımında kullanmıyorsunuz? Ne de olsa renk psikolojisine değinen web makaleleri, renk psikolojisinin cazibe, incelik, güç ve otorite ile bağlantısını vurguluyor. Siyahın kullanımını teşvik ettiklerinde bu makaleler yanlış mı?

Hiç de yanlış değiller. Siyah, insanların zihninde bazı güçlü pozitif çağrışımları karıştırmak için kullanılabilir. Anahtar, saf siyah olmayan bir siyah kullanmaktır.

Saf siyah doğal bir renk olmadığı için beynin işlemesi daha zordur. Siyah renginizi #000000'den #111111'e veya benzer bir çok koyu griye yükseltin ve ziyaretçilerinizin beyinlerini fazla zorlamadan siyah rengin göz alıcı faydalarından yararlanmaya devam edin.

Arayüz öğelerinde neon renkler

Neon renkler de göz alıcı olsa da beyni bunaltma konusunda aynı eğilime sahiptir. Doğada görünmeyen renkler olarak, beyne yabancıdırlar ve işlenmesi daha sessiz, karıştırılmış renklerden daha zordur.

Görsel içeriğinizi arayüz öğeleriniz yerine öne çıkarmak için göze çarpan neon renkleri grafik vurgular için kaydedin. Ve bunları yalnızca grafiğe dikkat çekmek için değil, aynı zamanda sayfanızın önemli bilgilerin bulunduğu kısımlara ziyaretçinin dikkatini çekmek için kullandığınızdan emin olun.

Başka bir deyişle, neon renkleri, ana metniniz için arka planlar, kenar çubukları, gezinme şeritleri veya düğmeleri gibi metnin üzerine bindirileceği arka planlardan uzak tutun.

Metin içeriğinizin arka planı olarak daha doğal, göze daha kolay gelen hafif karıştırılmış renkler kullanın. Metin veya metin arka planlarındaki neon renkler gözleri yorma eğilimindedir. Bu, web sitesi ve sundukları hakkında bilinçaltında olumsuz bir izlenim bırakabilir, ki bu isteyeceğiniz en son şeydir. Ziyaretçinizden işletmeniz hakkında olumlu bir his bırakmak istiyorsunuz.

Kaçınılması gereken ilk iki renk seçeneğini kapsayan genel bir kural, HTML kodlamasında renk tayflarında uç noktalara sahip renklerden kaçınmaktır - özellikle metin ve metin arka planlarında sıfırlar ve F'ler. Onları doğal olmayan kesinlikle saf renklerden biraz uzaklaştırın ve zihnin işlemesi daha kolay olacak ve ziyaretçileriniz üzerinde daha olumlu bir izlenim bırakacaktır.

Aşırı yüksek kontrastlı kombinasyonlar

Aşırı saf renklerden kaçınmanın yanı sıra, belirli renk kombinasyonlarına da dikkat edin.

Noel sezonunun temel unsurlarından biri olmasına rağmen, kırmızı ve yeşil, site tasarımında bir dizi sorun teşkil ediyor - o kadar ki, tasarımcılar arasında küçük bir şiir şöyle diyor: "Kırmızı ve yeşil, arada bir renk olmadan asla görülmemelidir"

Bunun nedeni, beynin bu iki rengi işleme şeklidir. Kırmızı, en sıcak renk olarak kaydedilir ve beyindeki aktiviteyi uyarır. En çabuk dikkatimizi çeken renktir. Kırmızı beyni harekete geçirir.

Yeşil ise soğuk bir renk olarak kendini gösterir. Beyni sakinleştirir. İkisini bir araya getirmek, beyni aynı anda hem harekete geçirmeye hem de sakinleştirmeye çalışan bir görseli işlemek gibi rahatsız edici bir duruma sokar. Beyni çatışma halinde bırakır. Bu olumlu bir izlenim yaratmak için iyi değil.

Metinde veya metin arka planında yukarıda bahsedilen neon renklerin kullanımında olduğu gibi, kırmızı ve yeşilin birlikte kullanılması, ziyaretçinizde sunduğunuz ürünle ilgili, teklifin kendisiyle hiçbir ilgisi olmayan olumsuz bir bilinçaltı izlenimi bırakabilir. Bunun yerine, bu olumsuz izlenim, çatışan renkleri işlemenin içsel rahatsızlığından gelir.

Kırmızı ve yeşilin de ikinci bir sorunu var. Kültürel olarak Batı dünyasında insanlar kırmızıyı dur ya da hayır ile ve yeşili git ya da evet ile ilişkilendirmeye alışkındır. Yine, beyni rahatsız eden çelişkili bir dizi girdiyle uğraşmaya zorlar. Ve beyin rahatsız olduğunda, bu huzursuzluk hissini teklifinize aktaracaktır - ne istediğinizi değil.

Aşırı bir karşıtlık olmasa da, aynı ilke kırmızı ve mavinin kombinasyonuna ve daha az bir dereceye kadar ikincil renk olarak adlandırılan mor, yeşil veya turuncunun herhangi bir kombinasyonuna uygulanır.

Kırmızı ve mavi, çok sıcak bir renk ile çok soğuk bir renk arasında bir çatışma yaratır. Ana renklerin karışımı olan ikincil renkler (mor, kırmızı ve mavinin karışımıdır, yeşil mavi ve sarının karışımıdır, turuncu sarı ve kırmızının karışımıdır) basitçe iyi karışmazlar. Bu kombinasyonlardan herhangi biri, beynin rahatça işlemesi için çok güçlü bir kontrast oluşturuyor.

Yine, renk tekerleğinde birbirinin tam zıttı olan veya sıcaklık ve soğukluk açısından zıt olan renklerin kullanılmasından kaynaklanan beyin yoran kombinasyonlardan kaçınan daha doğal, harmanlanmış renkler için çaba gösterin.

Aşırı düşük kontrastlı kombinasyonlar

Ancak bu, yalnızca ton (renk) ve değer (göreceli karanlık) bakımından neredeyse aynı renkleri kullanmanız gerektiği anlamına gelmez. Bu yönde de çok ileri gidebilir ve ziyaretçiler için farklı türde bir sorun yaratabilirsiniz.

Beyaz bir arka plan üzerine pembe veya sarı veya açık mavi veya beyaz üzerine lavanta gibi açık renkli metinler yerleştirmek, ziyaretçilerin metnin ne dediğini anlamasını zorlaştırabilir. Aynısı, kırmızı veya koyu mavi veya siyah üzerine macenta gibi koyu bir arka plan üzerindeki koyu metinler için de geçerlidir.

Diğer belirli kötü kombinasyonlar, yeşil üzerine sarı veya sarı üzerine yeşil ve siyah, mavi veya macenta ile kırmızı arka planlardır. Sadece renk körü bir ziyaretçinin hiç metin görmemesi riskini taşımakla kalmaz, aynı zamanda renk körü olmayan ziyaretçileri yazdıklarınızı okumaya zorlayarak rahatsız edersiniz. Ve burada bilinçaltı izlenimlerinden bahsetmiyoruz. Web sitenizi okumalarını zorlaştırdığınız için bilinçli olarak size kızdıklarından bahsediyoruz.

Bu hata, özellikle sayfanızın üst kısmındaki büyük bir başlık resminde olduğu gibi, resimlerin üzerine metin yerleştirdiğinizde ortaya çıkar. Her zaman, metninizin yalnızca büyük bir kısmında değil, başlık resimlerinizde TÜMÜNÜN net bir şekilde okunduğundan emin olun.

çok renkli arka planlar

Web tasarımcılarına ücretsiz dokulu arka plan sunan web siteleri boldur ve web sitenizi öne çıkaracaklarını düşünebilirsiniz. Ama birini kullanmayı seçtiyseniz dikkatli olun. Dokulu arka planlar, meşgul olma ve dolayısıyla ziyaretçilerin içeriğinizden dikkatini dağıtma riskini taşır. Ve metinlerin görüntülerin üzerine bindirilmesiyle yaptığınız gibi, dokulu arka planlarda metnin kaybolma tehlikesiyle karşı karşıya kalırsınız.

Dokulu bir arka plan seçiminizde dikkatli olun. İnternetin ilk zamanlarında popüler olan göz kamaştırıcı, renk çatışan arka planlardan kaçının. Bu arka planlar genellikle metnin kolayca kaybolduğu parlak, çatışan renklerle tekrar eden küçük tasarımlardan oluşuyordu.

Bugünün trendi, arka planınıza dikkat dağıtmadan derinlik hissi veren ince, doğal bir görünüm. Web siteleri için renk paletleri için genel kural, üçten fazla, kesinlikle dörtten fazla renk kullanmamaktır.

Dokuları kullanırken dikkatli olmanız için aynı uyarı, degrade kullanımınız için de geçerlidir (arka planın renginin veya koyuluğunun arka planın bir bölümünden diğerine kademeli olarak değiştiği bir grafik öğesi). Bunları bir sayfada birden çok metin bloğu için kullanmaktan kaçının. Metninizin degradede kaybolmaması için metninizin rengini içeren bir degrade kullanmaktan kaçının. Metninizi her zaman kutulara veya arka planınızın net bir alanına, diğer görsel öğelerden yeterli boşluk bırakarak yerleştirin, böylece metniniz net bir şekilde öne çıkar.

Çözüm

Bir web sitesi için renk seçmek, en sevdiğiniz renkleri veya başka bir web sitesinde beğendiğiniz bir dizi rengi seçmekten daha fazlasını içerir. Renk seçimi hakkında daha fazlasını öğrenmeden bilmeniz gereken her şey olduğu için, çevrimiçi bir makaleden izole bir öneri almaktan daha fazlasını içerir.

Renk, ikna etmede çok güçlü bir araçtır. Dikkatli bir şekilde kullanıldığında, ziyaretçileri yapmalarını istediğiniz bir eyleme yönlendirmeye yardımcı olabilir. Dikkatsizce kullanıldığında, ziyaretçilerin işletmeniz hakkında belirsiz bir huzursuzluk hissetmelerine veya sitenizin kullanım zorluğundan bilinçli olarak rahatsız olmalarına neden olabilir.

Renk seçimlerinizi beyninizi yormayanlara odaklayın ve birlikte iyi çalışan renkleri nasıl seçeceğinizi öğrenmeye devam edin ve renklerinizin diğer tüm öğelerle birlikte çalıştığı bir site tasarlama yolunda ilerlemiş olursunuz. hedeflerinize ulaşmak için site.