Veb saytının rəng sxemlərinin yaradılması qaydalarıMarka və veb dizaynında rənglər həqiqətən vacibdir.


Niyə?

Tədqiqatlar göstərir ki 62-90% snap alış qərarları sırf rənglərin qavranılması ilə idarə olunur.

Doğru veb sayt rəng sxemini seçmək onu yaddaqalan, etibarlı, cəlbedici və sərfəli edən şeydir. İlk təəssürat hər şeydir.

Bir sayt qurarkən rəng sxeminizə hansı rəngləri əlavə edəcəyinizi və nəyə görə diqqətlə düşünməlisiniz. Fərqli rənglər, ziyarətçilərinizə veb saytınızın anlaşılmazlığını dəyişdirməyinizə baxmayaraq, fərqli mesajlar göndərəcəkdir.

Səssiz haradan başlayacaqsınız? Bir veb saytının rəng sxemini yaratmaq üçün bu addımları izləyin və ən böyük dizayn səhvlərindən qaçın.

Orta hesabla bir istifadəçi var diqqət çəkmə 8 saniyə. Veb saytınızı davam etdirmək üçün onları nə qədər inandırmalısınız.

Veb dizaynınız üçün düzgün rəng sxemini seçmək istifadəçiləri rəng vurğuları, kəskin naviqasiya elementləri və yaddaqalan marka ilə cəlb etməyə kömək edəcəkdir.

Beləliklə, haradan başlamaq lazımdır …

Contents

Veb saytınızın rəng sxemini yaratmaq üçün 7 addım

1. Əsas rənginizi tapın

Artıq əsas rənginizi seçmisiniz. Bir logo və ya hər hansı bir mövcud marka varsa, dizaynda üstünlük təşkil edən bir əsas rəng var. Bu, markanızın əlaqələndiriləcəyi rəngdir – əsas marka rənginizdir.

Əgər yekun qərara yaxın deyilsinizsə, bu sınağı alın seçimlərinizi anlamaq, bazar araşdırması aparmaq və saytlardan istifadə etmək Çəkmək və ya Davranış bir az ilham üçün.

Ayrıca baxa bilərsiniz bu hex kodu palitrasının siyahısı fikirlərinizi genişləndirmək üçün dünyanın ən tanınmış markalarından bəziləri.

Xüsusilə göz oxşayan bir dizayn və ya görüntüyə rast gəldiyiniz zaman hex kodunu tutub sevdiyləriniz siyahısına əlavə etmək üçün rəng seçici istifadə etməkdən çəkinməyin.. ColorZilla məşhur bir vasitə kimi görünür. Chrome’u əsas brauzeriniz kimi istifadə edirsinizsə, baxın Göz damcısı brauzerinin uzadılması xaricdəki ən yüksək səviyyəli vasitələrdən biri olduğu üçün.

2. Rənglərin sayı barədə qərar verin (tövsiyə olunur: 3)

Birincil rəng çubuğuna vurulduqdan sonra növbəti addım qarışığa neçə rəng əlavə edəcəyinizə qərar verməkdir.

Adətən üç rəngli birləşmədən istifadə etmək tövsiyə olunur. Üçbucaqlı rəng sxemi, Rəng çarxının ətrafına bərabər şəkildə düzülmüş üç rəngdən ibarət olan, yaxşı bir başlanğıc nöqtəsidir. Üç əsas rəng palitrası üç əsas canlı rəngə sahibdirsə, olduqca dramatik ola bilər, buna görə dizaynerlər çox vaxt ikincil tonların birləşməsini seçirlər.

Veb dizaynına rəng sxeminizi tətbiq edərkən faydalı ola biləcək köhnə bir dizaynerin qaydası da var. Kimi tanınır 60-30-10 qayda.

60-30-10 qayda ilə seçilən rənglərin bərabər miqdarından istifadə etməməyi məsləhət görür, əksinə faizlərə bölün və müvafiq olaraq tətbiq edin. Təcrübədə bu qaydanın yaxşı bir nümunəsi kişinin kostyumudur: blazer və süstlər görünüşün 60% -ni, köynək başqa 30% -ni və qalstuk 10% -ni təşkil edir..

3. Ehtiyac olduqda ikinci dərəcəli rənglərdən istifadə edin

İkinci rəngləri əsas marka rənglərinizə uyğunlaşdırmaq bir mübarizə ola bilər, amma ümidsiz olmayın! İnternetdə bu işi çox asanlaşdıracaq çox sayda ağıllı pulsuz vasitə var. Məsələn, baş vura bilərsiniz ColorSpace, seçdiyiniz rəngin hex kodunu daxil edin və geri oturun! (Aşağıda daha çox rəng palitrası generatoru alətləri …)

Hər halda ikinci dərəcəli rəng əlavə etməyin mənası nədir? Bəzən bir dizayn bir neçə ilkin rəngdən daha çox şey tələb edəcəkdir. Bu, xüsusən məzmun və açılış səhifələri ilə dolu olan saytlar üçün doğrudur – məhsullar, istifadə materialları, yüklənə bilən aktivlər və s..

Mailchimp, bütün markalı məzmunu üçün geniş və düşünülmüş bir veb sayt sxeminə malikdir.
Məsələn, Mailchimp bütün markalı məzmunu üçün geniş və düşünülmüş veb sayt sxeminə malikdir.

Başlıqları, panelləri, başlıqları, düymələri və digər elementləri vizual olaraq ayırmaq imkanı dönüşüm sürətini artırır və istifadəçi təcrübəsini artırır.

Bu qayıqda olsanız, əlavə rənglər axtarmaq əvəzinə əsas rənglərinizə fərqli rənglər və rənglər əlavə etməyi düşünməyə dəyər. Bəzən sadəlik ən yaxşı strategiyadır.

4. Neytral rənglərinizi (ağ, qara boz) unutma

Mətn üçün vacib elementlər üçün kontrast yaratmaq və ya fon rəngləri üçün neytral rənglərə ehtiyacınız olacaq.

Müasir veb dizayndakı neytral rəngin funksiyası ağ məkana bənzəyir – istifadəçilərə fasilə vermək və səhifədəki məlumatları daha yaxşı həzm etmək və prioritetləşdirmək üçün vaxt vermək.

Müxtəlif istifadə halları üçün bir qaranlıq və bir açıq neytral rəngin olması yaxşı bir fikirdir. Ən çox görülən neytral rənglərdir ağ, qara və boz. Uyğunlaşdırmaq üçün bir az çətin olsa da, üstünlük təşkil edən rənglərinizi neytral kimi istifadə edə bilərsiniz..

Spotify Brend Təlimatları
Misal üçün, Spotify loqotipinin dörd mümkün versiyasını təklif edir, qara loqotipi açıq rəngli fonlarda, ağ rəngini tünd rəngli fonlarda istifadə etmək üçün açıq bir göstərişlə.

Fikirləriniz üçün yapışırsınızsa, geri qayıdın Çəkmək və ya Dizayn təyini və başqalarının nə etdiyini görmək üçün rəng axtarışından istifadə edin.

5. Aşağıdakı yerlərdə ibtidai, orta və neytral rənglər əlavə edin:

Veb saytın rəng sxemini tətbiq etməyə necə gedirsiniz? Hansı rənglər hara gedir və niyə?

  • İlkin rənglər veb səhifənizdəki “qaynar nöqtələrə” gedin. İstifadəçilərin diqqətini cəlb etmək və hərəkətə keçmək üçün bu cəsarətli, canlı rənglərdən istifadə etməlisiniz. CTA düymələri, başlıqlar, faydalar nişanları, yükləmə formaları və digər vacib məlumatlar ilkin rənglərdən istifadə olunmaqla vurğulanmalıdır.
  • Orta rənglər veb saytdakı az əhəmiyyətli məlumatları, məsələn, ikinci düymələr, alt başlıqlar, aktiv menyu maddələri, arxa planlar və ya suallar və ifadələr kimi dəstəklənən məzmunu vurğulamaq üçün istifadə olunur.
  • Neytral rənglər çox güman ki, mətn və arxa plan üçün istifadə ediləcək, ancaq saytın rəngli hissələrində lazımlı olaraq istifadə edilə bilər, sadəcə onu azaltmaq və gözə fokus vermək üçün.

6. Prosesdən bir neçə dəfə keçin

Rəng palitrasını nəhayət hazırladığınız zaman müxtəlif ssenarilərdə sınayın. Çapda işləyəcəkmi? Bir mal satmağa başlamaq qərarına gəlsəniz? Gözlədiyiniz qonaqlara təsir edərmi??

Bu prosesi bir neçə dəfə keçmək və bir neçə fərqli rəng palitrası yaratmaq yaxşıdır. Bütün tələblərinizi yerinə yetirmədikdə, B planınız olacaq.

7. Ehtiyac olduqda beyin fırtınası

Gözəl rəng sxemləri hara baxacağınızı biləndə gəlmək o qədər də çətin deyil. Ən yaxşı veb rəng birləşmələri üçün axtarışınızda sizi istiqamətləndirəcək faydalı vasitələrin siyahısı.

  1. ColorSpace – bu sayt bir seçilmiş rəngin hex koduna əsaslanaraq bütöv bir rəng sxemi yarada bilər.
  2. Adobe Rəngi – bu Adobe aləti rəng çarxı anlayışı ətrafında qurulmuşdur və bir neçə kliklə istənilən veb sayt rəng sxemini inkişaf etdirməyə imkan verir. Faylınızı alətə sürükləyərək atmaqla rəng kodlarını çıxarmaq üçün bir şəkil də yükləyə bilərsiniz.
  3. Paletton – Paletton, texniki və ya dizayn bilikləri olmadan gözəl rəng sxemləri yaratmaq üçün başqa bir istifadəçi dostu bir vasitədir.
  4. Soyuducular – bu vasitə müxtəlif rənglərin necə birlikdə işləməsini sınamaq üçün əlverişlidir. Sürükləmə-buraxma interfeysi ilə rəngləri ətrafa daşıya bilərsiniz və bir-birinə zidd olduqlarını və ya birlikdə işlədiyini görə bilərsiniz.
  5. ColorSpire – başqa bir veb rəng sxemi generatoru.
  6. Canvanın rəngli təkəri – bu pulsuz vasitə super istifadəçidir və hansı rənglərin birlikdə gözəl göründüyünü və hansı rəng birləşmələrinin “xeyr” olduğunu anlamağa kömək edə bilər. Üstəlik, rəng nəzəriyyəsi və rəng çarxı ilə bağlı hər hansı bir sualınıza cavab vermək üçün çox sayda təhsil məzmunu var.

Ən çox verilən suallar:

1. Veb saytın rəng sxemi niyə vacibdir??

Rəngin insan beyninə təsiri əsl hadisədir. Bunun təsirini şüurlu şəkildə hiss etsək də, hiss etməməyimizdən asılı olmayaraq rənglər beynimizin məlumatları və ətrafımızdakı dünyanı necə emal etməsinə böyük təsir göstərir.

Elm göstərdi qırmızı tirajı artıra bilər, mavi isə sakitləşdirici təsir göstərir.

Məsələn, 2000-ci ildə, Qlazqo təqdim etdi şəhərin mənzərəsini yaxşılaşdırmaq üçün mavi küçə işıqlandırması təsadüfən mavi işıqlarla işıqlandırılan ərazilərdə cinayətlərin sayının nəzərəçarpacaq dərəcədə azalmasına səbəb oldu. oxşar, Tokionun Yamanote dəmir yolu İntihar sayını azaltmaq üçün qatar platformalarının sonunda mavi işıqlar quraşdırmaq üçün xətt seçildi. Nəticədə bu stansiyalardakı intiharlar 74% azalıb.

Yəqin ki, əksər tibbi və əczaçılıq markalarının əsas rəng olaraq mavi seçmələrini izah edir.

Bir şey aydındır: düzgün istifadə edildikdə rənglər üzərimizə böyük güc gətirə bilər. Və veb saytınız üçün düzgün rəng sxemini seçmək çox vacibdir.

Fərqli rəngləri və rəngləri birləşdirərək dizayna uyğunluq gətirən, arzuolunan duyğuları aşılayan, istifadəçilərin əhval-ruhiyyəsinə təsir göstərən və marka haqqında təsəvvürlərini formalaşdıran rəng palitraları yarada bilərik..

2. Hansı duyğular müxtəlif rənglərlə əlaqələndirilir?

Rəngin insan davranışına təsirini öyrənməyə həsr olunmuş bütün bir elm sahəsi var – buna rəng psixologiyası deyilir. Çoxları vasitəsi ilə təcrübələr və tədqiqatlar, elm adamları rənglərin həqiqətən duyğuları oyandırdığını müəyyən etdilər: bəziləri bizi xoşbəxt, həyəcanlı və rahatlaşdırır, digərləri daha qaranlıq hisslərə qapılır və bizi narahat və ya kədərləndirə bilər.

Faktiki olaraq, Alıcıların 85% -i bunu söylədi yalnız rəng əsasında məhsullar alırlar.

Veb saytınız üçün düzgün rəng palitrası seçərək, insanların marka haqqında düşündüklərini dəyişdirə və istehlakçıların alış qərarlarına səbəb olacaq davamlı emosiyalar yarada bilərsiniz..

Ancaq haradan başlamaq lazımdır?

Burada altı əsas var bənzərsiz emosional reaksiya verən rənglər tamaşaçılarda:

Qırmızı

Qırmızı əhəmiyyət, ehtiras və təcavüzü simvollaşdırır. Qırmızı xalçanı, ürəyi bir sevgi simvolu və ya dayanma işarəsi olaraq düşünün. Diqqəti tələb edir və dizayna gəldikdə, izləyicini əsəbləşdirməmək və yorulmamaq üçün ehtiyatla istifadə etmək lazımdır..

Vodafone.
Şəkil krediti: Vodafone.

Narıncı

Portağal enerji, oynaqlıq və aşağı qiymətlərlə əlaqələndirilir. Veb dizaynında portağaldan istifadə markanın cavanlığını ortaya çıxarmağa və hətta impuls alıcıların diqqətini çəkməyə kömək edə bilər.

asan qrup
Şəkil krediti: asan qrup.

Sarı

Günəşin rəngi kimi sarı xoşbəxtlik və əyləncəli məqamlarda oynaya bilər. Ancaq beyindəki narahatlıq bölgəsini də aktivləşdirir, buna görə də ehtiyatla və müxtəlif çalarlarda istifadə edilməlidir.

Tırtıllar
Şəkil krediti: Tırtıllar.

Yaşıl

Təbiətin, yaşıl rəngin sağlamlıq, rifah və ətraf mühitə yönəlmiş təşəbbüslərlə güclü bir əlaqəsi var. Çöldə və təbiətə yönəlmiş hər cür üzvi və təbii məhsullara və markalara özünü gözəl bir şəkildə verir.

Starbucks
Şəkil krediti: Starbucks.

Mavi

Rəngi ​​mavi dərhal etibarını ruhlandırır və təhlükəsizlik hissi oyadır. Üstəlik, beyinə sakitləşdirici təsir göstərdiyi, buna görə də qonaqpərvər və səmimi göründüyü bildirilir. Çox yönlü və canlı olan mavi, veb dizaynerlər arasında ən populyar rəng seçimlərindən biridir.

NHS
Şəkil krediti: NHS.

Bənövşəyi

Bənövşəyi – qonorarın rəngidir. Tez-tez zəriflik, sirr və yaradıcılıqla əlaqəli, yüksək və ya lüks cazibədarlığı qazanan və ya veb sayt dizaynı ilə daha həssas bir cazibə yaratmaq istəyən markalar üçün rəngdir..

Cadbury
Şəkil krediti: Cadbury.

Veb saytınızın rəng sxemi üçün hansı əsas və ikincil rənglərin istifadə ediləcəyini düşünmək, insanların veb saytınıza və markanıza olan münasibətinə təsir göstərməyə imkan verəcəkdir..

3. Cins / yaş fərqləri haqqında nə bilməliyəm?

Ən yaxşı fəaliyyət göstərən saytlarda ortaq bir şey var – hədəf hədəflərini tanıyırlar. Bazar araşdırması və ya sənayedəki illər boyu təcrübə apararaq kimə müraciət etmək istədiyinizi bilməlisiniz. Niyə? Çünki rənglər, dizayn seçimləri, mətbəə və səs tonu kimi şeylər fərqli demoqrafikaya fərqli təsir göstərir.

Həm də rənglərə fərqli baxan fərqli demoqrafiya deyil. Məlum olub ki, kişi və qadınlar da fərqli rənglərə üstünlük verirlər.

2012-ci ildə edilən bir araşdırmada, təxminən 2000 kişi və qadından bənövşəyi, mavi, yaşıl, sarı, narıncı, qırmızı və ya çəhrayı rənglərə üstünlük verdikləri soruşuldu.

Kişilərin 42% -i mavinin ən çox sevdikləri rəng olduğunu, ardınca yaşıl (25%) və bənövşəyi (12%) olduğunu söylədi. Qadınlar mavi rəngin ən çox seçilən rəng olduğunu (29%), ardınca bənövşəyi (27%) və yaşıl (19%) izlədiklərini söylədi..

Pie Chart: Bəşəriyyətin Sevimli Rəngləri
Pie chart: bəşəriyyətin ən sevimli rəngləri.

İncə olsa da, kişi və qadın arasındakı rəng üstünlükləri bir markanın müvəffəqiyyətinə əhəmiyyətli təsir göstərə bilər. Hamısı belə deyil. Hər iki cinsə müraciət edən veb sayt rəng sxemi yaratarkən ən az sevilən rəngləri də nəzərə almaq lazımdır.

Beləliklə, fərqli cinslər hansı rənglərə üstünlük verirlər?

Beləliklə, fərqli cinslər hansı rənglərə üstünlük verirlər? Bəziləri tədqiqat bu istiqamətdə görülüb.

Ucuz və ya təcrübəsiz rənglər

Bu araşdırmaya görə, həm kişilər, həm də qadınlar qəhvəyi və narıncı rəngləri bəyənmirlər. Qadınların 17% -i də ən çox sevilən üç rəngin siyahısına boz qoyur. Maraqlıdır ki, hər iki cins də eyni rəngləri “ucuz” və ya “ucuz” hesab edirlər.

4. Hansı rənglər ən çox diqqət çəkir?

Düzgün rəng birləşmələri veb dizaynında vacibdir, çünki dizaynerlərə kömək edirlər vizual iyerarxiya qurmaq. Vizual iyerarxiya, öz növbəsində istifadəçilərə demək olar ki, dərhal əsas elementləri ayırd etməyə və ilk növbədə ən vacib məlumatları tapmağa imkan verir.

Guggenheim Muzeyi
Məsələn, Guggenheim Muzeyi müxtəlif yerləri vurğulamaq və veb saytdakı ən vacib məlumatları vurğulamaq üçün rəng istifadə edir.

Ancaq dizayn dizaynını verən müxtəlif rəngli birləşmələr deyil. Rənglər təbii olaraq hər rəngin duyğularımıza, hisslərimizə və davranışlarımıza verdiyi təsir ilə ən yaxşı şəkildə təyin olunan öz iyerarxiyasına sahibdirlər..

Kimi qalın rənglər var qırmızı, sarı və ya narıncı, praktiki olaraq qəbuledilməzdir və bizim ayrılmaz diqqətimizi tələb edir. Kontrast yaratmağa və vacib elementləri pop etməyə kömək edən boz, ağ və ya açıq mavi kimi zəif rənglər var.

Dizaynerlər naviqasiyanı kəskinləşdirmək və daha asan istifadəçi təcrübəsi yaratmaq üçün qalın rənglərdən istifadə etməyi sevirlər. Bundan əlavə, qalın rənglər müxtəlif səhifələrdə ardıcıllıq yaratmaq üçün istifadə edilə bilər və istifadəçilərə daha sürətli ehtiyaclarını tapmalarına kömək edir. Məsələn, hərəkətə çağırış düymələri üçün qırmızı rəng istifadə olunur veb saytınızda dönüşüm nisbətinizi artırmaq və UI dizaynını daha asan edə bilərsiniz.

5. Hansı sənayedə fərqli rənglər üstünlük verir?

Rəng psixologiyasının marka, şəxsiyyət və loqo dizaynı üçün nə qədər vacib olduğunu və hər kölgənin müştəriyə fərqli psixoloji təsir göstərdiyini artıq müzakirə etdik..

Buna görə fərqli sənayelərin fərqli rənglərə üstünlük verdiyini öyrənmək təəccüblü deyil, çünki xüsusi emosiyalar oyatmağa və sənayedə əlaqəli birliklər yaratmağa çalışırlar..

Bir araşdırma 520 loqotipi təhlil etdi hansı sektorun hansı rəngə üstünlük verdiyini müəyyən etmək üçün bir sıra sahələrdə. Tapıntılar hər bir sənayedəki ən yaxşı 20 markanı və onların üstünlük təşkil edən rənglərini əks etdirən rəngli bir cədvələ yığılmışdır.

6. Markanın tanınmasını necə inkişaf etdirirəm?

Rəng yaddaqalan markanın ən vacib elementlərindən biridir – mətbəə, marka adı və qrafika ilə yanaşı.

Bilirik ki, bizim beyinlər vizual məlumatlara can atırlar. Doğru rənglərdən və göz oxşayan dizayndan istifadə edən cəlbedici vizual məzmunun hazırlanması, məlumatın işlənməsindən çox əvvəl istifadəçilərin marağını və kilidlərini seçir. Vizual istəkləri emal etmək üçün beynin saniyənin dörddə biri lazımdır, ortalama istehlakçı diqqəti isə cəmi 8 saniyədir.

Tez bir təcrübə edək. Gözlərinizi yumun və bu üç markanı düşünün: Milka Chocolate, IKEA və Carlsberg. Onların marka rənglərini gördünüzmü? Düşünürəm ki, beyniniz dərhal bənövşəyi, mavi-sarı və yaşıl təsvirlərlə duşlandı.

Milka
Şəkil krediti: Milka.

Tədqiqatlar göstərir ki rəng marka tanınmasını 80% artırır. Daha yaxşı marka tanınması qurmaq, öz növbəsində şirkətlərə tanışlıq yaratmağa kömək edir. Bir şey nə qədər çox tanış olsa, bir o qədər ona güvənirik.

Rəng psixologiyasını öyrənmək eyni zamanda markanızın düzgün duyğularla əlaqəli olmasını və istehlakçılarda müsbət bir fikir yaratmağınıza kömək edə bilər.

Bu veb sayt rəng sxemi kimi təməl bir şey üçün çox iş kimi görünə bilər, ancaq veb dizayn prosesində vacib bir addımdır. İstifadəçilərin markanızı görmələrinin və hiss etmələrinin təsirini göstərmək üçün rənglər və duyğular arasındakı əlaqəni daha yaxşı başa düşməliyik.

7. Neytral rənglər nədir?

Heç bir rəng istifadə etmədən cazibədar veb sayt tərtib edə bilərsinizmi? Cavab bəli, ancaq ziyarətçilərin diqqətini cəlb etmək üçün digər dizayn elementləri, məsələn, mətbəə, grid və düzeni yaxşı başa düşməyi tələb edir.

Qara və ağ veb sayt dizaynı monoxromatik rəng sxemi kimi tanınır. Qara və ağ rənglərin birləşməsi təhlükəsiz bir bahisdir – bunlar heç vaxt modadan çıxmayacaq iki rəngdir. Ancaq monoxromatik bir rəng sxemi hər hansı bir rəngə əsaslana bilər, nə qədər ki, tək bir hue əldə edilir və rəngləri, kölgələri və tonlarını istifadə edərək uzadılır..

Yaxşı işlənmiş monoxromatik bir dizayn, veb saytının mükəmməl, yüksək dərəcəli və eskirməz kimi olmasını təmin edir.

Xüsusi Təklif Studiyası
Budur monoxromatik rəng sxeminin nümunəsi əsas hue kimi qırmızı istifadə edir.

İşin mənfi tərəfində, ziyarətçilərdən emosional cavab almaq çətin ola bilər. Rəngsiz, monoxromatik veb dizaynlar da şəxsiyyət və duyğu baxımından məhrumdur. Dizaynerlər monoxromatik rəng sxeminə üstünlük verdikdə cəlbedici tarama təcrübəsini inkişaf etdirmək barədə yaradıcı düşünməlidirlər.

Veb dizaynında minimalizmlə bağlı araşdırmalar vurğu rənginin qəsdən və ardıcıl olaraq dizayn boyunca istifadəsi ən vacib məlumatları vurğulamağa kömək etdiyini və istifadəçiləri hərəkətə keçməyə sövq edir.

Bir araşdırma 520 loqotipi təhlil etdi
Bir araşdırma 520 loqotipi təhlil etdi.

Mavi, qırmızı və yaşıl, demək olar ki, hər sənayedə yetişən üç dominant rəngdir.

Ancaq var biri rəng mavi tətbiq olunan istisna. Qida tədqiqatçılarına görə, insanlar qida axtardıqda, tez-tez mavi, qara və ya bənövşəyi rəngdə olan zəhərli və ya korlanmış əşyaların qarşısını almağı öyrəndilər. Mövzuları öyrənmək üçün mavi rəngə boyanmış yeməklər verildiyi zaman iştahsızlıq olur.

Sənayenizdəki hər digər marka eyni rənglərdən istifadə edərsə, fərqlənə bilən və tanınan bir marka qurmaq qeyri-mümkün görünə bilər. Buna görə birincil və ikincil rənglərin sadə birləşməsi ilə getmək əvəzinə, bütün marka və marketinq materiallarına tətbiq ediləcək daha geniş rəng sxemini tərtib etmək vacibdir..

8. Yaxşı veb sayt rəng sxemlərinin nümunələri varmı??

Var! Veb saytınızın rəng sxemini ilhamlandıran 20 nümunə.

1. Parlaq vurğu rəngi

Crescosa
Şəkil krediti: Crescosa.

Veb saytınızın rəng sxemində vurğu rəngini istifadə etmək, ziyarətçinin diqqətini səhifədəki ən vacib məlumatlara yönəltməyin ən təsirli yollarından biridir. Aşağıdakı misalda üç cəsarətli rəng – sarı, bənövşəyi və qırmızı – əsas xidmətləri ayırmaq və yaddaqalan bir konsepsiya yaratmaq üçün istifadə olunur.

2. Parlaq, lakin balanslı rəng sxemi

Mükəmməl Fırtına
Şəkil krediti: Mükəmməl Fırtına.

Bu veb rəng sxemi, vurğu rəng olaraq parlaq qırmızıdan istifadə edərək iki canlı rəngləri tarazlaşdırır.

Daha parlaq vurğu rəng sxemlərini kəşf edin Adobe Rəngi.

3. Təzə və üzvi görünüşlü rəng sxemi

Calem
Şəkil krediti: Calem.

Əvvəlcə gözlərimizlə yediyimiz deyilir. Dad qönçələrimiz işə başlamazdan əvvəl beynimiz gözlərdən yaxşı bir siqnal alır. Rəng, tez-tez gözlərimizin bir qida məhsulu ilə əlaqədar gördüyü ilk elementdir, yemək yeməyimizi dadını və ləzzətini necə qəbul etdiyimizi müəyyənləşdirir. Aşağıdakı nümunədə, sarı, ağ və yaşıl rənglərdə üstünlük təşkil edən təbii rəng sxemindən istifadə edərək üzvi və təzə bir görünüş yaratdığını görürük..

4. Yer tonları

Başlat Buzz
Şəkil krediti: Başlat Buzz.

Bu veb rəng sxemi məhsulun şaftalı rəngini çıxarmaq üçün neytral rəngli bir fon istifadə edir.

Daha çox yeni rəng sxemlərini kəşf edin Adobe Rəngi.

5. Sakit və minimalist rəng sxemi

Məsuliyyətlə işləyin
Şəkil krediti: Məsuliyyətlə işləyin.

Yerli, sakit rənglərin bu sadə birləşməsi rahat bir atmosfer yaradır və veb saytın mesajı üçün düzgün ton – stress və narahatlığı aradan qaldırır. Ayrıca məhdud bir rəng palitrasının ziyarətçinin əhvalına və davranışına təsir göstərmək üçün hələ də güclü ola biləcəyinə bir nümunədir.

6. Hamar və rahat rəng sxemi

Giriş
Şəkil krediti: Giriş.

Müxtəlif rəngli mavi çalarları uyğun pastellərlə birləşdirərək bu parlaq veb rəng sxemi sakit və xəyalpərəst bir mühit yaradır..

Daha minimalist rəng sxemlərini kəşf edin Adobe Rəngi.

7. Pastel və səssiz rəngli sxem

Tamamlama
Şəkil krediti: Tamamlama.

Yumşaq, pastel rəng sxemindən istifadə edərək, bu veb sayt dizaynı üzvi axın və vizual quruluş təəssüratı yaratmağı bacarır. Zövqlü və yaxşı tarazlıdır, ziyarətçini ətrafda gəzməyə və gəzməyə davam etməyə vadar edir.

8. Yumşaq və dəvətedici rəng sxemi

Cédric Pereira
Şəkil krediti: Cédric Pereira.

Bu veb rəng sxemi, yumşaq və cazibədar bir görünüş yaratmaq üçün bir neçə pastel rəng birləşdirir.

Daha çox pastel rəng sxemlərini kəşf edin Adobe Rəngi.

9. Canlı və qalın rəng sxemi

MA Əsl Cannabis
Şəkil krediti: MA Əsl Cannabis.

Rəngi ​​və enerjisi ilə yanan bu canlı rəng palitrası parlaq sarı və canlı mavini bir araya gətirərək güclü birləşmə yaradır. Parlaq rənglər və maraqlı dizayn elementləri ilə veb sayt uzunmüddətli təəssürat və sitruslu ləzzət partlayışını buraxır..

10. Canlı kontrast

Dropbox Dizayn
Şəkil krediti: Dropbox Dizayn.

Bu rəng sxemində göz alıcı bir kontrast yaratmaq üçün iki canlı rəng istifadə olunur.

Daha canlı rəng sxemlərini kəşf edin Adobe Rəngi.

11. Rəngli və müasir rəng sxemi

Təsdiq edin
Şəkil krediti: Təsdiq edin.

Bu sayt, parlaq rəngli məhsulları neytral fon ilə birləşdirərək mürəkkəb və müasir bir dizayndan çəkilir. CTA düymələri üçün bir vurğu rəngi ilə veb sayt dizaynı ziyarətçini istədiyiniz hərəkətə yönəltməkdə gözəl işləyir.

12. Əyləncəli və oynaq

Planınız, Planetiniz
Şəkil krediti: Planınız, Planetiniz.

Müxtəlif rəng və rəngləri özündə birləşdirən bu veb sayt, məlumat kateqoriyalarını yaratmaq üçün rəng istifadə edən oynaq bir rəng sxemini çıxarır.

Daha çox rəngli rəng sxemlərini kəşf edin Adobe Rəngi.

13. Monoxromatik rəng sxemi

Revolve Studio
Şəkil krediti: Revolve Studio.

Dokulu və qara və boz rəngli müxtəlif çalarları ilə oynayan bu rəng palitrası, əsrarəngiz, lakin əlçatan veb sayt dizaynını yaratmağa kömək edir. Bu veb dizayndakı rəngin olmaması ziyarətçini nüsxə, şekiller və vizual materiallar da daxil olmaqla digər elementlərə diqqət yetirməyə məcbur edir.

14. Zərif və dinc

Mowellens
Şəkil krediti: Mowellens.

Bir neçə yaşıl kölgə ilə oynayan bu veb saytın dizaynı dərinliyi yaradır və ziyarətçilərin diqqətini çəkmək üçün sakit, təmiz rəng sxemindən istifadə edir.

Daha çox monoxrom rəng sxemlərini kəşf edin Adobe Rəngi.

15. Canlı və kəskin rəng sxemi

Böyük Göz maralları
Şəkil krediti: Böyük Göz maralları.

Kəskin rəng sxemini yayımlayan bu veb sayt dizaynı güclü ilk təəssürat yaradır. Parlaq rənglərlə rəhbərlik etməkdən çəkinməyən veb sayt dizaynı fərqli bir çalarları birləşdirərək parlaq bir kontrast yaradır və qonağın diqqətini cəlb edir – dərin çəhrayıdan yaşıl və zəngin maviyə qədər rəng sxemi eklektik və balanslıdır.

16. Qalın rənglərdən qorxma

Kodda Rəng
Şəkil krediti: Kodda Rəng.

Yüksək kontrast və üç canlı rəng ilə bu veb rəng sxemi cəsarətli bir təəssürat yaradır.

Daha parlaq rəng sxemlərini kəşf edin Adobe Rəngi.

17. Zərif və dəbdəbəli rəng sxemi

Cher Ami
Şəkil krediti: Cher Ami.

Bu gözəl rəng sxemi dərin mavini qızıl rəng çalarları ilə birləşdirərək kral, zərif bir görünüşü çəkir. Güclü bir vizual təcrübə verən və dərhal markanı yüksək səviyyəli oyunçu kimi təqdim edən müasir bir bükülmə ilə klassik rəng sxemidir..

18. Qızıl toxunuşu ilə

Paola Krauze
Şəkil krediti: Paola Krauze.

Aşağıdakı nümunə, güclü mədəni birliklərə sahib bir rəngə necə atıldığını göstərir – bu vəziyyətdə; qızıl – bütün dizaynın dinamikasını dəyişdirə və daha möhtəşəm görünə bilər.

Daha zərif rəng sxemlərini kəşf edin Adobe Rəngi.

19. Korporativ hələ enerjili rəng sxemi

Bambuk Crowd
Şəkil krediti: Bambuk Crowd.

Canlı, lakin ənənəvi rəng palitrasına güvənən bu veb sayt dizaynı, irəli düşünən, müasir marka təəssüratı yaratmaqla etimad oyandırmağı bacarır. Güclü kontrast və möhtəşəm görünmə ilə qırmızı və mavinin birləşməsi veb saytına dinamik və güclü bir vibe verir.

20. Ənənəvi, lakin maraqlıdır

Kredit
Şəkil krediti: Kredit.

Qırmızı və mavinin klassik birləşməsi bu sərin veb dizaynında canlanır.

Daha çox korporativ rəng sxemlərini kəşf edin Adobe Rəngi.

İndi bir veb saytının rəng sxemini necə tərtib edəcəyinizi bilirsiniz

Həqiqət budur ki, gözəl bir veb rəng sxemini tərtib etmək üçün bir dizayner olmaq lazım deyil. Rəng psixologiyasını, rəng nəzəriyyəsinin əsaslarını və faydalı vasitələrin arsenalını geniş şəkildə anlayaraq markanıza güclü vizual şəxsiyyət bəxş edən rəng palitrası inkişaf etdirə bilərsiniz..

Yaradıcı nümunələri araşdırmağa, fərqli rəng birləşmələrini sınamağa və birlikdə yaxşı işləyən əlavə rənglər tapmağa vaxt ayırın. Mükəmməl dizayn nisbidir – markanız üçün işləyirsə, nişan sürürsə və markanın tanınmasını artırırsa, bu, həqiqətən vacibdir.

İndi dizayner şapkasını geyin və rəng palitrası ilə təcrübə etməyə başlayın!

Bülletenimizə qoşulun

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me