Web Renk Düzeni Oluşturma

10'dan 10

Renk ve Web Renk Düzenlerini Anlama

Taban Rengi - mustardy sarı. J Kyrnin tarafından görüntü

Bir Web sitesi için kullanabileceğiniz dört temel renk şeması vardır. Bu makalenin her sayfası, renk şemasının bir resmini ve Photoshop'ta benzer bir şemayı nasıl oluşturabileceğinizi gösterir.

Tüm renk şemaları bu rengi temel renk olarak kullanacaktır.

02/10

Monokromatik Web Renk Düzeni

Monokromatik Web Renk Düzeni. J Kyrnin tarafından görüntü

Bu renk şeması, temel rengimin mustardy sarısını kullanır ve beyazı ve siyahı renklendirir ve şemayı buna göre gölgelendirir.

Tek renkli renk şemaları genellikle tüm renk düzenlerinin gözlerinde en kolay olanıdır. Renk tonları ve gölgedeki yumuşak değişiklikler renkleri daha iyi bir hale getirir. Sitenizi daha akıcı ve toplanmış hale getirmek için bu renk şemasını kullanın.

10/10

Daha fazla Monokromatik Web Renk Düzeni

Monokromatik Web Renk Düzeni. J Kyrnin tarafından görüntü

Şemada daha fazla renk elde etmek için% 20 siyah bir kare eklendi. Renklerine siyah veya beyaz eklemek, sayfanın tonunu karıştırmadan paletinize yeni bir renk yaratabilir.

04/10

Benzer Web Renk Düzeni

Benzer Web Renk Düzeni. J Kyrnin tarafından görüntü

Bu renk şeması sarı taban rengini alır ve Photoshop renk paletinde 30 dereceye kadar ton ekler ve çıkarır.

Benzer renkler birlikte çok iyi çalışabilir, ancak bazen kötü bir şekilde çatışabilirler. Bu şemaları kendinizden, ailenizden ve arkadaşlarınızdan daha çok insanla test ettiğinizden emin olun. Çalıştıklarında, monokromatik şemadan daha renkli, fakat neredeyse sıvı gibi bir site oluştururlar.

05/10

Daha Benzer Web Renk Düzeni

Benzer Web Renk Düzeni. J Kyrnin tarafından görüntü

Şemada daha fazla renk elde etmek için% 20 siyah bir kare eklendi.

06/10

Tamamlayıcı Web Renk Düzeni

Tamamlayıcı Web Renk Şeması. J Kyrnin tarafından görüntü

Tamamlayıcı renk şemaları, diğer renk düzenlerinden farklı olarak, genellikle yalnızca iki renge sahiptir. Taban rengi ve renk tekerleğinin tam tersi. Photoshop tamamlayıcı rengi almayı kolaylaştırır - sadece Ctrl-I'yi tamamlamanızı istediğiniz renk alanını seçin. Photoshop sizin için tersine çevirir. Bunu yinelenen bir katman üzerinde yaptığınızdan emin olun, böylece temel renginizi kaybetmezsiniz.

Tamamlayıcı renk şemaları genellikle diğer renk şemalarından çok daha çarpıcıdır, bu nedenle bunları dikkatle kullanın. En çok dikkat edilmesi gereken parçalar üzerinde kullanılırlar.

07/10

Daha Tamamlayıcı Web Renk Düzeni

Tamamlayıcı Web Renk Şeması. J Kyrnin tarafından görüntü

Bu versiyonu elde etmek için, renklerin alt yarısına% 50 beyaz, orta kareye% 30 siyah ekledim. Gördüğünüz gibi, size birkaç seçenek daha sunuyor, ancak yine de tamamlayıcı bir renk düzeni.

08/10

Triadic Web Renk Düzeni

Triadic Web Renk Düzeni. J Kyrnin tarafından görüntü

Triadic renk şemaları, renk tekerleğinin etrafında az veya çok eşit aralıklarla 3 renkten oluşur. Bir renk tekerleği 360 derece olduğu için, temel renkten 120 derece eklemek ve çıkarmak için renk seçicideki renk kutusunu tekrar kullandım.

Triad renk şemaları genellikle çok canlı Web sayfaları üretir. Fakat tamamlayıcı renk şemaları gibi, insanları farklı şekilde etkileyebilirler. Test ettiğinizden emin olun.

Renklerin renk tekerleği etrafında eşit aralıklarla yerleştirildiği, aynı zamanda dörtlü veya dört renkli renk şemaları da oluşturabilirsiniz.

09/10

Daha Triadic Web Renk Düzeni

Triadic Web Renk Düzeni. J Kyrnin tarafından görüntü

Diğer örneklerde olduğu gibi, ek gölgeleri elde etmek için renklere% 30 siyah bir kare ekledim.

10/10

Uyumsuz Web Renk Düzenleri

Uyumsuz Web Renk Düzenleri. J Kyrnin tarafından görüntü

Güzellik, seyircinin gözünde, ama tüm renklerin birlikte gitmemesi talihsiz bir gerçektir. Uyumsuz renkler, renk tekerleği etrafında yaklaşık 30 dereceden daha uzak olan ve tamamlayıcı ya da bir üçlünün parçası olmayan renklerdir.

Uyumsuz renk şemaları çok şok edici olabilir ve sadece dikkat çekmek için kullanılmalıdır. Unutmayın ki bu renkler çoğu zaman çatışır, çünkü aldığınız dikkat tam olarak aradığınız şey olmayabilir.