Web Tasarımında Hangi Renklerden Uzak Durulmalı

Yayınlanan: 2016-09-15

Reklamcılık zor bir iştir ve her şey kendinizi nasıl sunduğunuza bağlıdır. Renkler, markanızı, ürünlerinizi veya hizmetlerinizi ne kadar başarılı bir şekilde tanıtacağına karar veren herhangi bir reklamın kalbidir. Bu nedenle, her ürün farklı reklam biçimleri gerektirdiğinden, hedef kitlenizin dikkatini çekmek için günümüz işletmeleri için uygun renk tonlarını kullanmak zorunlu hale gelmiştir.

Web tasarımınızda renk seçiminin temellerini öğrenmek istiyorsanız, bu makale doğru şekilde nasıl yapılacağına dair bilginizi artırmanıza yardımcı olacaktır. Doğru renk şeması, reklam kampanyalarınızın ne kadar başarılı olacağı konusunda belirleyici faktör olabilir, bu nedenle mükemmel kombinasyonu gerçekleştirmek kolay bir iş değildir.

Renk Şemalarının Önemi

Renk şemalarının gücü hafife alınmaması gereken bir şeydir. Doğru poz verilirse, herhangi bir web tasarımında en büyük gücünüz olmak için kullanılabilir. Yaratıcı bir şekilde kullanılırsa, en basit renkler bile hedef kitlenin zihinlerini ve kalplerini harekete geçirecek ve dikkatlerini çekecek şekilde düzenlenebilir. Uygun renk tonlarının kombinasyonunu kullanan bir renk şeması, yalnızca reklam verme yeteneğini artırmakla kalmaz, aynı zamanda bir kullanıcının bir web sitesinde ortalama olarak harcadığı süreyi de iyileştirir.

Bununla birlikte, yanlış renk şemalarını seçmek, en azından söylemek gerekirse, felaket olabilir ve ne kadar büyük olduğuna veya masaya ne getirdiğine bakılmaksızın herhangi bir ürün veya hizmeti boğabilir. Bazı reklamverenler, hedef kitlelerinin dikkatini çekmek için markalarını sergilemek için gösterişli renkleri tercih eder. Başları kendi yönlerine çevirmeyi başarsalar da, izleyiciler sonunda uzun mesafeye olan ilgilerini kaybedecekler. Bir tasarımcı bunu yalnızca müşterinin dikkatini dağıtmak ve ürünün düşük kalitesini gizlemek için yapar. Bu, sonunda marka imajına ve işletmenin itibarına zarar verir.

Bu yazıda, çevrimiçi reklamcılıkta hangi tür renk şemalarından kaçınılması gerektiğini ele alacağız. Ekibimiz, denemeniz için alternatif bir yöntem ile birlikte " YAPILMAYACAKLAR" listesini bir araya getirdi.

Tek Renk Kullanmak

Web sitenizin tamamını temsil eden tek bir renge sahip olmak, onu hedef kitleniz için hem sıkıcı hem de ilgi çekici yapmaz. Seyircinin, daha uygun renk şemaları ile geliştirilmiş bir sonraki siteye geçmeden önce onu gözden geçirmeyi denemesi pek olası değildir.

Bunu dene:

Renk şemalarını buna göre ayarlamak, web sitesinin önemli yönlerine dikkat çekebilecek profesyonel bir tasarım sağlamak için kritik bir görevdir. Düğmeler, alt yazılar, alıntılar ve köprüler gibi öğeler, önemlerini vurgulamak için buna göre renklendirilmelidir.

Yanlış Rengi Seçmek

Web tasarımınız için yanlış rengi seçmek, bir dergi rafında görmezden gelinmek veya görüldüğünde satılmak arasındaki fark anlamına gelebilir. Satacak bir ürünü, hatta tanıtacak bir hizmeti olan bir web sitesi için, ürünün dışından veya hizmetin felsefi özelliğinden kolayca bir renk seçebilir. Her iki durumda da, sunduklarınızla web sitenizin kapsamlı bir temsili, kullanıcı ile bir bağlantı kurulmasına yardımcı olur. Güzellik ürünleri satmak için yapılan bir web tasarımında lacivert gibi koyu bir renk kullanmak hayal kırıklığı yaratacaktır.

Bunu dene:

Web sitenizin maliyetli bir felakete dönüşmesine izin vermeden önce, ürünle yakından ilişkili olan veya özelliklerini bir şekilde sergileyen tonları seçmek için renk teorisini kullanın. Bu, izleyicinin web sitesine bağlı kalmasına ve hatta ürünlere bir şans vermesine yardımcı olur.

Neon renkler

Neon renkleri kullanmak kesinlikle yasak değil, ancak web tasarımınızda onlarla birlikte Holi'yi kutlamak aptalca bir hareket olabilir. Neon renkler, kontrastta öne çıkması için parlaklığın yoğunluğunun bir tonla yükseltilmesiyle oluşturulur.

Tasarımda olmak için korkak ve eğlenceli olduklarına şüphe yok, ancak sadece kayda değer miktarlarda. Bunları şablonunuzda sürekli olarak kullanmak, izleyicinin gözlerinin dolmasına neden olabilir, ancak aynı zamanda metnin kontrasta akmasına ve okunabilirliğini bozmasına neden olabilir. Eğer yanılmıyorsam amacınız ziyaretçiyi epileptik nöbete neden olmamakla meşgul etmek.

Bunu dene:

Ancak, gerçekten ısrarcıysanız, metni biraz daha koyu ve daha az yoğun hale getirmek için her zaman Neon renklerinden gereksiz parlaklığı kaldırabilirsiniz. Ayrıca, temaya zaten Neon renkleri eklemeye karar verdiyseniz, okuyucunun kolayca görebilmesi için bunları daha küçük öğeler için kullandığınızdan emin olun.

Titreşimli Renkler

Renkleri kötü kanla karıştırmak veya eşleştirmek, ziyaretçinizin görüşünü kasıtlı olarak bulanıklaştırmak gibidir. Bu, son derece doygun renkler birbiriyle etkileşime girdiğinde ve parlayan bir hareket yapan bir "titreşim efekti" çaldığında olur. Bu titreşim efekti, kullanıcılar tarafından pek sevilmiyor.

Bu parlak renkli tonları birleştirerek görüntü rahatsız edici hale gelir ve görüntüyü bozan bir görüntü izi efekti üretir. Yalnızca kullanıcının içeriği okumasını engellemekle kalmaz, aynı zamanda metninizi bir cehenneme çevirir.

Bunu dene:

Yine, titreşen renkleri birbiriyle birleştirmeniz önerilmez, ancak gerekiyorsa, bunu sağlamanın en iyi yolu, iki parlak renkten birinin daha koyu bir ton olmasını sağlamak için iki parlak renk arasına nötr bir renk eklemektir.

Ayrıca, hangi renklerin titreyeceğini bulmanız gerekiyorsa, onları yan yana koyabilirsiniz ve şunu fark edeceksiniz:

  1. Aralarında bulunan yüksek renk doygunluğu
  2. Renk çarkında tamamlayıcı ve 180 derece aralıklı
  3. Renkler gri tonlamaya dönüştürüldüğünde çok az kontrast görünür
Gökkuşağı Temaları

Bence renk teorisinin kurallarını çiğneyen herhangi bir şey er ya da geç web tasarımınız için tehlikeli olabilir. Kabul edelim, gökkuşağı renkli web siteleri çalışmıyor. Bunu okuduktan hemen sonra kafanızda gökkuşağı temalı bir şablon oluşturmak için kaç tane kuralı kestiğinizi hayal edin.

Gökkuşağı renkli web tasarımları sadece alışılmamış değil, aynı zamanda yanıltıcıdır - ne demek istediğimi anlıyorsanız. Bir şeyin tanıtımını yapmak, reklamını yapmak veya satmak istiyorsunuz, ancak müşterilerinize ve ziyaretçilerinize gökkuşağı göstermek yardımcı olmaz.

Bunu dene:

Ancak, 3'ten fazla renk içeren çok renkli bir web tasarımı oluşturmakla ilgileniyorsanız, şablonunuz için renk engelleme veya kart stili kullanın. Bu, tasarımdaki renk dengesinden ödün vermeden kategorilere blok blok renkler atamanıza olanak tanır.

Beyaz Üzerine Açık Renkler

Bu hatayı her gördüğümde, müşterinin ilgisini nasıl kaybettiğini ve diğer web sitesine nasıl geçtiğini anlıyorum. Açık renkli bir arka plana karşı açık bir renk kullanmak, içi ekmekle dolu bir sandviç satmakla aynıdır. Işığı karanlıkla dengelemeniz ve okuyucunun web sitesini terk etmek yerine sorunsuzca incelemesine olanak tanıyan makul bir fark belirlemeniz gerekir. En son web tasarım trendlerinde, başlık görsellerinin kullanımındaki artış, bunu yaygın bir aksilik haline getiriyor.

Bunu dene:

Bundan kaçınmanın en iyi yolu, arka plan rengini renk tekerleğindeki paletlerle karşılaştırmaktır. Birbiriyle kontrast dostluğunu kontrol ederek doğru kombinasyonu kolayca ayırt edebilirsiniz. İyi bir karışım, içeriği tasarımla birleştirecek ve web tasarımınızda doğal bir çekicilik yaratacaktır.

Ayrıntılı Arka Planlarla Denemeler Yapma

Web tasarımlarında renklerle ilgili en ölümcül hata bu olsa gerek. İşletme sahipleri, çalışmalarının en iyisini üretmeleri için tasarımcıları işe alır ve onlara işlerini ve gelirlerini en üst düzeye çıkarmak için gerekenlere sahip bir web sitesi kurar. Ama bazen işlerin biraz dengesiz gittiği yer burasıdır. Web sitesi tasarımcıları her zaman müteahhitlerini etkilemek için yeni yollar ararlar ve bu arayışta arka plana genellikle aşırı miktarda renk detayı eklerler. Geçici olarak o kadar da kötü görünmüyor, ancak tasarım tüm öğeleri ve içerik ayarı ile son adımlara geçtiğinde, çirkin bir şablon parçası haline geliyor.

Bunu dene:

Bu fiyaskoyu önlemenin tek yolu, web tasarımcınıza arka planda renk ayrıntıları eklemekten kaçınmasını ve orijinal planda yeni bir şey test ediliyor veya uygulanıyorsa ekibinizi döngüde tutmasını söylemektir.

Soluk Sarı ve Parlak Mavi

Çoğu tasarımcı, bir web sitesinin arka planı söz konusu olduğunda, Parlak mavi ve Soluk sarı'nın korkunç bir renk seçimi olduğunun farkındadır. Parlak mavi yoğundur ve her zaman kendi alanına giren diğer renklere karşı agresiftir. Soluk sarı farklı tepki verir ve ziyaretçinin ruh halini etkileyerek ve diğer renk tonlarının radikalleşmesine neden olarak arka plan renginin amacını bozar. İşte bu yüzden onları asla kullanmaya çalışmamalısınız.

Arka Plan Olarak Parlak Mavi

Şimdi, web sitesi arka planı olarak korkunç göründüğünü söyleyerek parlak mavi renk severleri gücendirmek istemem, bu kontrast için iyi bir renk seçimi olamayacağı, asla olmayacağı bir gerçektir. Birincisi, web sitesinin içeriğine karşı ayarlanamayacak kadar güçlü parlak mavi ve ikincisi, tasarımcıya onu paletteki başka bir tonla birleştirmek için çok az seçenek bırakıyor. Neon renklere yakınlaştıran titreşimli bir etkiye sahiptir ve yukarıda bahsettiğim şeyi okuduysanız, Neon renkler büyük bir HAYIR!

Bunu dene:

Özellikle web siteniz için kart tarzı bir tasarımınız olduğunda, mavinin daha açık tonlarını kullanabilirsiniz. Titreşim etkisini nötralize edecek ve arka plan için mavi renk ihtiyacına hizmet edecektir.

Arka Planda Soluk Sarı

Başlıklara biraz sarı eklemek ve belki başlıkların bazı metinlerini eklemek iyi görünebilir, ancak onu arka planla boğmak, çok ziyaret edilen bir web sitesi ile internette yüzen bir çöp parçası arasındaki fark anlamına gelebilir. Sadece çekici olmayan bir renk vermekle kalmaz, aynı zamanda müşterilere karşı işletmenin kötü zevkini yansıtır. Sarı, seyircide bir mutluluk ve neşe notasına ulaşmak için duygusal bir öneme sahiptir. Bu nedenle, perspektifsiz kullanmak, web sitenize maliyet ve müşteri kaybı açısından geri dönüşü olmayan zararlar verebilir.

Bunu dene:

Retro bir görünümü tutuşturmak için kahverengi, koyu kırmızı veya turuncu ile kullanabilir ve daha sonra başka örneklerde de kullanabilirsiniz. Sarı renk tonuna sahip beyaz bir arka plan, turuncu gibi üstbilgi ve altbilgi için doğru renkle birleştirilirse ziyaretçilerinizi şaşırtabilir.

Renk Eşleştirme Araçlarını Yoksaymak

Müşterileri cezbetmek için renklerin mükemmel kombinasyonunu bulmak yapmaktan daha kolay olduğu için renk şeması kolay bir iş değildir. Bunun nedeni, renk karıştırma ve hangi kombinasyonun izleyicilerden tercih edilen tepkiyi çekmesi hakkında derinlemesine bilgi sahibi olmak, çok az insanın kucaklayabileceği bir sanattır. Bu, reklamcılık için son derece riskli olan deneme yanılma yöntemine büyük ölçüde güvenilmesine yol açar. Tek bir hata, tüm kampanyanızın başarısız olmasına neden olabilir.

Neyse ki, farklı renkleri bir araya getirmek için oluşturulmuş bir renk eşleştirme aracı şeklinde kendini gösteren bu renk şeması engelinin üstesinden gelmek için bir çözüm var.

Bunu dene:

Adobe Color CC aracı gibi renk eşleştirme araçları, baskın renginizin ne olacağını seçtiğinizde vurgu renkleri seçme sürecini basitleştirmek için geliştirilmiştir. Araç karmaşık görünse de, gerçekte hem basit hem de etkili olacak şekilde tasarlanmıştır.

Renk eşleştirme araçları, aşağıdakiler gibi renk şemasını basitleştirme seçenekleriyle donatılmıştır:

  • Vurgu renklerinin seçileceği baskın rengin seçilmesi
  • Vurgulu renkleri seçebileceğiniz bir fotoğraf seçme
Vurgu Renklerinin Önemi

Web Sayfalarındaki önemli bilgiler, önemlerini belirtmek için vurgu renkleri kullanılarak vurgulanabilir. Bunlar, hedef kitlenizin dikkatini çekmek istediğiniz web sayfasındaki köprülerden diğer içeriğe kadar değişebilir. Daha fazla sayıda vurgu rengi web sitesi ziyaretçileri için kafa karışıklığı yarattığından, bir veya iki vurgu rengine bağlı kalmanız önerilir.

Çözüm

Renkler, bir web sitesine kıyafet ve çekicilik kazandırmada önemli bir rol oynasa da, başarılı bir işletmeyi sürdürmek istiyorsanız, bunları tasarım şablonlarınızda doğru bir şekilde kullanmak zorunludur. Yanınızda doğru tonlar olmadan, web siteniz sadece alay konusu olmayacak, aynı zamanda maliyetli bir hayal kırıklığı olacaktır.