Bir tasarımın hazırlanış süresinde, üzerinde en çok durulması gereken konulardan biridir renkler. Yaratılan ürünün, karakterini, seslendiği kitleyi ve ürünün kullanıcı üzerindeki etkisini en genel hatlarıyla belirler. Öyle büyülü birşeydir ki, bazen tüm kuralları bir kenara itip, mevcut bir objenin sadece renkleri ile oynayarak, objenin dünyadaki yerini bir anda değiştirebiliyorsunuz.

Tabi bu değişim herzaman pozitif yönde olmayabilir. Bu sizin renkleri “iyi” kullanabilmenize bağlı. Kısacası renkler ile mevcut ürünü, vezir de edebilirsiniz, rezil de. Büyülü olduğu kadar zevkli de bir iştir aynı zamanda.

Söz konusu web tasarım ise, bazen, insanların kafasında sabit bir kimlik olarak kazanmış renkleri ve bu renklerin yarattığı etkiyi değiştirebilirsiniz. Bu da ancak mevcut rengin tasarım içerisinde kullandığı alan ve diğer renkler ile olan etkileşimini doğru düzenleyebilmenize bağlı.

Renkleri Özgür Bırakın

Birbirleri ile tamamen bağımsızdır renkler. En başta sürekli beraber kullanılan ve bu sebepten gözlerinizin aşina olduğu renk kombinasyonlarını unutun. Tasarıma başlarken, kullanacağınız renklerin seçim sürecinde, uyumları yeniden keşfedin ama kesinlikle mevcut bir trend veya yazılı olmayan genel renk kurallarının etkisinde kalmayın. Seçim yaparken en önemli kriter, kendi kanaatinizdir. Eğer “iyi bir seçim yaptım.” diyebiliyorsanız, iyi seçim yapmışsınızdır. “İyi bir seçim yapamıyorum” diyorsanız; renkler ve kullanılacağı yerler konusunda, daha fazla fikir edinebilmek için, denemeler yapabilir, ufkunuzu genişletmek için bol bol “iyi” tasarımlar izleyebilir, “design showcase” sitelerini takip edebilirsiniz.

Şayet yapacağınız işe sahip, standart bir renk dizisi veya oturmuş bir kurumsal kimlik varsa, renk seçebilme şansı sizde değil demektir. Bu durum bizim konumuz dışında kalıyor.

Kuralları Kendiniz Koyun

Tasarımda kullanacağınız temel renkleri belirledikten sonra, bunların kullanım oranları ve kullanılacağı yerleri belirlemek için, sadece söz konusu tasarım için bir kural oluşturmak işinizi kolaylaştıracaktır. Kendi kuralınızı yaratın, iş bittikten sonra unutun.

Örneğin; Seçtiğimiz temel renklerin beyaz, pembe (#F12586) ve parlak bir mavi (#77C9DD) olduğunu varsayalım.

Paletimizin ilk şekli bu.

Bu seviyede iken, tasarımda hangi rengin daha hakim olacağına karar vermeniz gerekiyor. Tasarımdaki ana rengi belirledikten sonra, rengin farklı tonlarını da paletinize eklerseniz, tasarım sürecinde işiniz daha da kolaylaşır. Bir rengin farklı tonlarını seçerken, rengin, ana renkler dizinindeki (RGB, kırmızı, yeşil, mavi dizini) yerini değiştirmeden sadece parlaklığı ile oynayarak, en düzgün şekilde rengi tonlarına ayırmak mümkün.
Ben pembeyi seçtim.

Tasarımda kullanacağımız renk paleti ortaya çıkmış oldu. Bu durumda tasarımın genel alanları için pembe ve tonları, arkaplan, yazılar, başlıklar ve göze çarpmasını istediğimiz bölümler için beyaz ve/veya mavi kullanabilirsiniz. Buradaki seçim size bağlı. İhtiyaç doğrultusunda paletinizi genişletebilirsiniz ama sitenin tamamında, genel bir renk uyumu için, paletin çok da dışına çıkmamaya özen gösterin.

Ben, yazılar için beyaz, başlıklar, logo ve dikkat çekmesini istediğim bölümler için mavi rengi kullandım.

Sitemizin en çirkin hali karşımızda, bunu güzelleştirmek ise sizin web tasarım yeteneğinize kalıyor.

Burada dikkat etmeniz gereken nokta, şık bir görünüm için, seçtiğimiz ana renk ve tonlarını, diğer renklerden daha yoğun kullanmak. Eğer mavi renklere hakim bir site tasarlamak istersek, ana renk olarak maviyi seçip, onun tonlarını oluşturmamız gerekecek.

Bu hazırladığımız palet, sadece fikir edinmek ve nasıl düşünmek gerektiğini gösteren bir örnek. kuralları siz koyacaksınız. Çünkü, kural yok.

Dünyayı Baştan Boyayın

Trafik çizgileri turuncu olsa daha güzel bir dünya olur diye düşündünüz mü hiç?
Renkleriyle özdeşleşmiş kavramları, farklı renklere boyamaya çalışın kafanızda. Bu sizin renklere olan bakış açınızı değiştirecektir. Bol bol denemeler yapın. Renklerle oynayın, Renkleri yeniden keşfedin. Renkleri sevin.

Renk Araçları

İşinizi kolaylaştıracak çeşitli site ve araçları listelemek istedim yazının sonunda.

• Color Cop
  Çok sevdiğim, küçük ama baya hünerli bir renk yakalama programı.
• ColorSchemer Studio
  Gelişmiş bir renk yönetim programı. Çok hızlı paletler oluşturabilir ve saklayabilirsiniz. Ayrıca sitede, hazır renk paletleri de bulunuyor.
• ColourLovers
  Benimde yaklaşık 1 yıldır üyesi bulunduğum, çok gelişmiş ve güzel bir renk sitesi.
  Sitede, binlerce palet, renk ve desen bulabilirsiniz. ColourLovers’a alternatif Adobe Kuler‘a da göz atabilirsiniz.
• Color Hunter
  Siteye upload ettiğiniz resmin, renklerini size veriyor. Ayrıca bu siteye alternatif olarak pic2color‘u da kullanabilirsiniz.
• ColorBlender
  Elinizdeki mevcut renge uyumlu diğer renkleri gösteriyor.
• Name that Color
  Siz siteye rengi bildirdiyorsunuz, o da size rengin ismini söylüyor.
• Color Combinations
  Hazır renk paletleri bulabileceğiniz başka bir site
• Netcocktail
  Tasarımların hakim olduğu renklere göre kategorize edilmiş bir “design showcase” sitesi.
• Ultimate HTML Color HEX Code List
  HTML ile kullanabileceğiniz tüm renklerin listesi
• Daily Color Scheme
  hergün bir renk paleti yayınlayan hoş bir site

hoşçakalın…

Oldukça güzel yazıları ile ertugrulgunes.com‘u ziyaret etmenizi tavsiye eder ilerleyen zamanlarda yeni yazılarıyla sehriderya.net’de görmek ümidiyle web tasarım ve renkler makalesi için kendisine teşekkür ederim…