Renk ve Web Renk Düzenlerini Anlama
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.
- tek renkliAynı renkteki renkleri kullanma. Ne kadar beyaz veya siyah eklendiğine bağlı olarak farklı renk tonları veya tonları olabilir.
- benzerBu, renk tekerleğinde birbirine yakın olan renkleri kullanır.
- tamamlayıcıBu genellikle "zıt" olarak görülür, çünkü tamamlayıcı bir renk şemasındaki iki renk, renk tekerleğinde birbirine zıttır.
- üçlüBu renkler, renk tekerleğine eşit aralıklarla yerleştirilmiştir.
Tüm renk şemaları bu rengi temel renk olarak kullanacaktır.
02/10Monokromatik Web Renk Düzeni
Bu renk şeması, temel rengimin mustardy sarısını kullanır ve beyazı ve siyahı renklendirir ve şemayı buna göre gölgelendirir.
- sol üst - temel renk # ffe500
- sağ üst - # fff280 elde etmek için% 50 beyaz bir dolgu eklendi
- sol alt - # fff8bf almak için% 75 beyaz bir dolgu eklendi
- sağ alt - # 7f7200 almak için% 50 siyah bir dolgu eklendi
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/10Daha fazla Monokromatik Web Renk Düzeni
Ş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/10Benzer Web Renk Düzeni
Bu renk şeması sarı taban rengini alır ve Photoshop renk paletinde 30 dereceye kadar ton ekler ve çıkarır.
- sol üst - temel renk # ffe500
- sağ üst - # 30ff00 almak için +30 derece
- sol alt - # ff6600 almak için -30 derece
- sağ alt -% 100 beyaz #ffffff
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/10Daha Benzer Web Renk Düzeni
Şemada daha fazla renk elde etmek için% 20 siyah bir kare eklendi.
06/10Tamamlayıcı Web Renk Düzeni
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.
- sol - temel renk # ffe500
- sağ - tamamlayıcı # 001aff
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/10Daha Tamamlayıcı Web Renk Düzeni
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/10Triadic Web Renk Düzeni
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.
- sol üst - temel renk # ffe500
- sağ üst - #150ff almak için +120 derece
- sol alt - # 00ffe6 almak için -120 derece
- sağ alt -% 100 beyaz #ffffff
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/10Daha Triadic Web Renk Düzeni
Diğer örneklerde olduğu gibi, ek gölgeleri elde etmek için renklere% 30 siyah bir kare ekledim.
10/10Uyumsuz Web Renk Düzenleri
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.
