Tasarım Renk Teorisinin Arkasındaki Bilim
Renk Teorisi sanat topluluğunda yıllardır ilgi konusu olmuştur. Kurallar ve yönergeler, fiziksel projeler kadar dijital projeler üzerinde çalışırken de geçerlidir.
Renk konusunda öğrenilecek çok şey var, bu yüzden sadece bazı önemli noktaları ele alacağım. Terminoloji, birçok tasarımcının sizi gerçekten korkutmaması veya tutmaması gereken bir şeydir. Renk teorisinin arkasındaki bilim parlak ama zariftir. Her dijital sanatçı için ilgi çekici bir konu olmalı.
Tasarım Kaynaklarını Keşfedin
Renk Terminolojisi
Tasarımcı olarak çalışmak söz konusu olduğunda terimler çok önemlidir. Sonuçta, kendiniz anlamadıysanız bilginizi takım arkadaşlarınıza veya müşterilerinize nasıl ileteceksiniz? Aşağıda, her tasarımcının bilmesi gereken birkaç terimin açıklamalarına gireceğim.
Ton en azından daha önce duymuş olduğumdan eminim. Basitçe söylemek gerekirse, bir renk tonu bir tasarımdaki herhangi bir pikselde kullanılan renktir. Bunlar, "Kırmızı" veya "Mor" gibi referans adlarını içerebilir, ancak genellikle tonları başka yollarla açıklarız.
Çoğu web geliştiricisi tonlar için RGB değerlerine aşinadır. Renkleri yazmanın varsayılan 2 yolu RGB değer çiftleri (saf kırmızı için “255, 0, 0” gibi) veya onaltılık kod (# FF0000) olacaktır. Adobe Photoshop veya Illustrator'da bir tasarım maketi ile çalıştıysanız, renk tekerleği ile çalıştınız ve bir renk değeri ayarladınız. Ton ayarlamakla aynı şey, sadece işleri karmaşıklaştırmaktan hoşlanıyoruz.
Doygunluk, tasarımcıların muhtemelen duydukları ama asla gerçekte tanımlanmayan başka bir vızıltı kelime. Doygunluğu, bir rengin çok parlak veya loş olarak gösterdiği yoğunluk miktarı olarak adlandırırız. Doygunluğa, herhangi bir rengin tonunun ne kadar yoğun olduğu gibi de bakabilirsiniz - renk ne kadar doygun olursa.
Daha az doygunluğa sahip renk kümeleri bir web sitesinde arka plan öğeleri olarak en iyi sonucu verir. Bunun nedeni genellikle saf beyaza orijinal renk tonlarından daha yakın olmaları ve onları derin doymuş elementlerin gerisinde bırakmalarıdır. Böyle bir örnek Digg'in eski tasarımında bulunabilir (aşağıda resmedilmiştir).
Açık mavi arka plan, bir arka plan ayarına sığacak mükemmel doygunluk seviyesidir. Bu, yalnızca sitenin geri kalan özelliklerine, yani başlık ve sayfa içeriğinde bulunan yoğun yeşillikler ve mavilerle karşılaştırıldığında geçerlidir.
Ton veya değer en çok duyulmayan bir terimdir. Siyah (tonsuz) ila beyaz (en yüksek ton) spektrumu boyunca yerleştirilen bir renkteki açıklık miktarını ifade eder. Bu, doygunluktan farklıdır, çünkü daha fazla temel renk tonu eklemek / çıkarmak değil, bir renge siyah veya beyaz değerleri eklemekle uğraşmaktayız.
Örnek olarak, parlak sarı veya kırmızıda lacivertten daha fazla ton bulacaksınız. Sadece bu renklerin her birini görüntüleyerek, parlak bir ayçiçeği sarısının orijinal renk tonunda (birincil sarı), orijinal renk tonundan (birincil mavi) daha koyu ve daha koyu olan lacivertle karşılaştırıldığında ne kadar zengin olduğunu anlayabilirsiniz.
Gölgeler ve renk tonları birbirlerinin kutupsal zıtlıklarıdır ve tonlara benzer. Gölgeler bir ton alarak ve daha derin bir renk oluşturmak için saf siyah ekleyerek oluşturulur. Yeni bir renk oluşturmak için saf beyaz eklemeniz dışında renk tonları benzer. Birçok tasarımcı bu terimleri karıştırır ve bunları bir dizi rengi aydınlatmak / karartmakla aynı düşünür.
Burada gördüğümüz temel fark, tamamen benzersiz renk setlerinin yaratılmasıdır. Örneğin, beyaz renk tonları eklenmiş saf tonlar pastel olarak adlandırılan renkler oluşturabilir. Bunlar genellikle bir renk düzenine kadınlık ve yumuşaklık eklemek için kullanılır (sıklıkla çocuk oyuncakları ve bebek web sitelerinde pasteller bulacaksınız).
Renk Teorisi için İlişkiler
Renk ilişkilerinin arkasındaki bilim doğrudan renk çarkına bağlıdır. Eminim çoğumuz lise sanat dersinde bunu duyduğumuzu hatırlayabiliriz ama o zamandan beri bir kenara itmişizdir. Bir renk çarkında gösterilen ilişkiler, şema tasarımı söz konusu olduğunda aslında çok önemlidir.
Renkler birincil, ikincil ve üçüncül içeren 3 gruba ayrılabilir. Ana renkler kırmızı, mavi ve sarıdan oluşur. Bunlar, spektrumumuzdaki diğer tüm renkleri (tam anlamıyla) oluşturmak için birleştirilebilen en temel 3 renktir. Bu renkleri bir araya getirdiğinizde ikincil renkler setimizi elde edersiniz. Yani bunlar turuncu, yeşil ve mor.
Üçüncül renkler, tamamen yeni setler oluşturmak için birincil ve ikincil renkler karıştırılarak yapılır. Bir örnek, kırmızı ve sarıyı bir araya getirerek turuncu oluşturmak olabilir. Ayrıca kapalı renk mavi-yeşil veya derin kaşlar gibi gerçekten eşsiz karışımlar da alabilirsiniz.
Renk oluşturma ilişkilerinin yanı sıra onları duygusal bağlarına göre yerleşimler halinde gruplandırabiliriz. Renk grupları bunun için 3 benzer kategoriye ayrılır: sıcak, serin ve nötr.
Eminim ki sıcak renkler ateşli heyecan verici tonların tümünü içerir. Bunlar sıcaklığı ve enerjiyi uyandırır ve herhangi bir renk tekerleğinin tepesine doğru bulunabilir. En belirgin örnekler kırmızı, sarı ve turuncudur.
Soğuk renkler tam tersidir. Bunlar rahat bir ilişki uyandırır ve rahatlığı, sakinliği ve gevşemiş gerginliği teşvik eder. Buradaki örnekler mavi, yeşil ve moru içerir.
Nötrler, renk boşluklarına sığdırmak için kullanılan duygusal olmayan renklerdir. Siyah, beyaz, gri ve bazen koyu kahverengi tonlarıyla ayarlanırlar. Bu renk formları herhangi bir duygusal bağlantı duygusu uyandırmasa da, bir sayfa veya bölümdeki öğeleri tanımlamak için yararlı olabilir. Genellikle paragraflarımız ve sayfa içeriğimiz için nötr renkler kullanacağız.
Uygulamada Renk Teorisi
Renk teorisini kullanmanın tüm amacı, herhangi bir olası renk kümesinden bir dizi duygu uyandırmaktır. Bir plan geliştirmek ilk başta zor olabilir, ancak tasarım sürecinin önemli bir parçasıdır (bu özellikle web tasarımı ve marka tasarımında doğrudur).
Birçoğu, renklerin herhangi bir zihinsel engele nüfuz etmediğini ve duyguları etkilemediğini iddia edecektir. Bu, çoğu hesapta yanlış olduğu ortaya çıkıyor ve düzgün bir şekilde kullanıldığında, belirli renk düzenleri aslında web sitenizin arayüzüne daha fazla kayıt ve siparişle yardımcı olabilir.
Genel olarak daha sıcak renkler mutluluk ve enerji hissi yaratacaktır. Bu renkler, ziyaretçileriniz için bir harekete geçirici mesaj görüntülemek için sıklıkla kullanılır. Sadece ziyaretçilerin etkileşimde bulunmasını beklediğiniz bölgelerin etrafına daha sıcak renkler koyarak heyecan ve duyusal gereksinimler yaşayabilirsiniz.
Daha soğuk renkler bir huzur ve benzerlik hissi verir. Çoğu zaman bloglarında veya dijital şirketlerde okuyucularının gözünü kolaylaştırmak ve sayfalarında daha uzun süre “takılıp kalmamak” için daha soğuk planlar kullanılır. Derin maviler ve morlar duyguları rahatlatır ve içerik emilimi söz konusu olduğunda bir tür pasifliğe girer.
Soğuk renklerin potansiyel gücü ve otoriteyi temsil ettiğini de göreceksiniz. Bu renklerin, müşterilere güvenilirliği artırmak için birçok kurumsal işletme ve bankada ön planda kullanıldığını göreceksiniz. Örneğin, hem Microsoft hem de Blackberry, sayfaları boyunca sakin, saygın, kurumsal bir his sağlamak için derin maviler ve yeşillikler kullanır.
Sonuç
Bunlar, renk teorisi söz konusu olduğunda tasarımcılar için yararlı olan kavramlardan sadece birkaçıdır. Renkler her yerde bulunur ve doğru kullanıldığında ziyaretçilerinizden istediğiniz her türlü duygu veya eylemi teşvik edebilir. Web'in her yerinde renk teorisi ve renk yönetimi ile ilgili birçok makale bulunmaktadır. Bilimi daha ayrıntılı incelemek istiyorsanız Google'ı kontrol edin.
Renklerin tasarım çalışmasının önemli bir parçası olabileceğini, ancak mükemmel bir düzen için tek anahtar olmadığını unutmayın. Renk teorisi, web tasarımcıları olarak kullandığımız sayısız araç gamında sadece bir araçtır. Normdan çıkmak ve yeni renk kuralları ile oynamak sadece hem dijital hem de ilişkisel modern bir sanatçı olarak büyümenize yardımcı olabilir.
