Veb rəng sxemi yaratmaq

01 ilə 10

Rəng və veb rəng sxemlərini anlamaq

Əsas rəngi - xardal sarı. J Kyrnin tərəfindən təsvir

Bir veb sayt üçün istifadə edə biləcəyiniz dörd əsas rəng sxemi var. Bu məqalənin hər bir səhifəsində rəng sxeminin şəkli və Photoshop-da oxşar bir sxem necə yaradıla bilər.

Bütün rəng sxemləri əsas rəng olaraq bu sarıdan istifadə edəcəkdir.

02/10

Monoxromatik Web Rəng Sxemi

Monoxromatik Web Rəng Sxemi. J Kyrnin tərəfindən təsvir

Bu rəng sxem mənim əsas rəngli xardal sarıdan istifadə edir və rəngə görə bəzi ağ və qara əlavə edir və sxemi müvafiq olaraq kölgə salır.

Monoxromatik rəng sxemləri tez-tez bütün rəng sxemlərinin gözündə asan olur. Rəng və kölgədə olan incə dəyişikliklər rəngləri bir-birinə daha yaxşı axır. Sitenizi daha çox maye və toplanmasını təmin etmək üçün bu rəng sxemindən istifadə edin.

03/10

Daha Monoxromatik Web Rəngləri Sxemi

Monoxromatik Web Rəng Sxemi. J Kyrnin tərəfindən təsvir

Sxemdə daha çox rəng əldə etmək üçün 20% qara kvadrat əlavə edildi. Rənglərinizə qara və ya ağ rəng əlavə etmək, palətinizə ton verməksizin yeni bir rəng yarada bilər.

04/10

Analoq Web Rəngləri Sxemi

Analoq Web Rəngləri Sxemi. J Kyrnin tərəfindən təsvir

Bu rəng sxemi sarı əsas rəng alır və əlavə edir və Photoshop rəng palitrasında 30 dərəcə hündürlükdən çıxarır.

Analog rənglər çox yaxşı işləyə bilər, amma bəzən pisləşə bilər. Bu sxemləri özünüzdən, ailənizdən və dostlarınızdan daha çox insanla sınayın. Onlar işlədikdə monoxromatik sxemdən daha rəngli, lakin təxminən maye olan bir site yaratırlar.

05/10

Daha çox Analog Web Rəngləri Şeması

Analoq Web Rəngləri Sxemi. J Kyrnin tərəfindən təsvir

Sxemdə daha çox rəng əldə etmək üçün 20% qara kvadrat əlavə edildi.

06-dan 10-a

Tamamlayıcı Web Rəng Şeması

Tamamlayıcı Web Rəng Şeması. J Kyrnin tərəfindən təsvir

Əlavə rəng sxemləri, digər rəng sxemlərindən fərqli olaraq adətən iki rəngə malikdir. Əsas rəng və rəng çarxının əksinə. Photoshop tamamlayıcı rəng almaq asanlaşdırır - sadəcə tamamlayan və Ctrl-I vurmaq istədiyiniz rəng sahəsi seçin. Photoshop sizin üçün invert edəcək. Bunu cüt katlarda edəcəyinizə əmin olun, buna əsas rənginizi itirməyin.

Tamamlayıcı rəng sxemləri digər rəng sxemlərinə nisbətən çox daha parlaqdır, buna görə də onları qayğı ilə istifadə edin. Onlar daha çox diqqətə layiq olan parçalarda istifadə olunur.

07/10

Daha Tamamlayıcı Veb Rəng Şeması

Tamamlayıcı Web Rəng Şeması. J Kyrnin tərəfindən təsvir

Bu versiyanı almaq üçün mən rənglərin alt yarısında 50% ağ və orta meydanda 30% qara əlavə etdim. Gördüyünüz kimi, bu bir neçə variant verir, lakin hələ də tamamlayıcı rəng sxemi.

08/10

Triadic Web Rəng Sxemi

Triadic Web Rəng Sxemi. J Kyrnin tərəfindən təsvir

Triadik rəng sxemləri rəng çarxının ətrafında üç rəng daha çox və ya daha az bərabər aralıklıdır. Bir rəng çarxı 360 dərəcə olduğundan, yenidən rəng zolağından 120 dərəcə əlavə etmək və çıxarmaq üçün rəng seçicidə istifadə edirdim.

Triadik rəng sxemləri çox tez-tez canlı Web səhifələri yaradır. Amma tamamlayıcı rəng sxemləri kimi, insanlar fərqli təsir edə bilər. Test etməyinizə əmin olun.

Ayrıca rənglər eyni rəngli təkər ətrafında aralıq olduğu tetradik və ya 4 rəngli rəng sxemləri yarada bilər.

09/10

Daha çox Triadic Web Rəngləri Sxemi

Triadic Web Rəng Sxemi. J Kyrnin tərəfindən təsvir

Digər nümunələrdəki kimi, əlavə çalarları almaq üçün rənglərə 30% qara kvadrat əlavə etdim.

10-dan 10-a

Fərqli Veb Rəngləri Sxemləri

Fərqli Veb Rəngləri Sxemləri. J Kyrnin tərəfindən təsvir

Gözəllik gözəlliyin gözündədir, lakin bütün rənglərin birlikdə getməyəcəyi bir uğursuzluqdur. Fərqli rənglər rəng çarkında təxminən 30 dərəcədən daha uzaq olan və tamamlayıcı deyil və triadın bir hissəsi olmayan rənglərdir.

Fərqli rəng sxemləri çox şok ola bilər və yalnız diqqət yaratmaq üçün istifadə olunmalıdır. Unutmayın ki, bu rənglər tez-tez çakışacaq, siz aldığınız diqqət aradığınız şeyə tam ola bilməz.