Combinația de culori în designul web este o disciplină importantă care datează din Evul Mediu și este folosită pentru a crea lucrări remarcabile ale omenirii. Deci haideți să încercăm să-l strângem într-un post mic!)
Desigur, o postare nu este suficientă pentru a înțelege întreaga esență a teoriei culorii, dar conține principalele teze și concepte ale acestei discipline.
Iată 5 pași pe care trebuie să-i faci pentru a alege schema de culori potrivită pentru site-ul tău.
Primul pas este cel mai important. Culoarea principală creează prima impresie a site-ului și, de asemenea, stabilește o legătură între brandul tău și emoțiile pe care publicul tău le trăiește. Toate acestea vă creează identitatea, așa că alegerea culorii principale ar trebui abordată foarte amănunțit.
Desigur, dacă marca ta este deja asociată cu o culoare, atunci acest pas va fi mult mai ușor.
În primul rând, trebuie luat în considerare faptul că culorile diferite evocă emoții diferite. Și acest fapt este confirmat științific. Chiar și nuanțe diferite ale aceleiași culori afectează emoțiile publicului în moduri diferite. Există întotdeauna un anumit grad de incertitudine în funcție de asociațiile personale ale unei persoane, dar, în general, aceleași culori pot evoca aceleași emoții la diferiți oameni.
- Roșu: pasiune, agresivitate, relevanță.
- Portocaliu: joacă, energie.
- Galben: entuziasm, fericire, atenție/avertisment.
- Verde: creștere, stabilitate, natură.
- Albastru: seninătate, deschidere.
- Albastru: securitate, încredere, profesionalism.
- Alb: puritate, sănătate.
- Violet: lux, mister, romantism (nuanțe deschise).
Nu este surprinzător că multe bănci folosesc o schemă de culori bazată pe albastru.
Amintiți-vă că proiectați pentru un anumit grup de oameni care pot experimenta emoții diferite decât voi. În plus, merită să luăm în considerare atitudinile diferite față de aceeași culoare ale oamenilor de diferite genuri, culturi sau religii.
Atunci când alegeți o culoare principală, merită să începeți prin a elimina culorile concurenților din lista de considerații. După aceea, trebuie să iei în considerare ce stare de spirit ar trebui să creeze brandul tău și ce emoții ar trebui să treacă.
Determinați culoarea exactă (nuanța și saturația acesteia)
Când ați ales culoarea principală, trebuie să determinați tonul și saturația acesteia. După cum sa menționat mai sus, tonul unei culori și saturația acesteia îi pot schimba sensul. De exemplu, nuanțele mai închise de galben (de exemplu, auriu) dau impresia de antichitate, nuanțele mai deschise nu vor da un astfel de efect.
Regula generală este că nuanțele deschise creează o senzație de energie, prospețime, distracție, nuanțele mai închise creează stabilitate și profesionalism.
După aceea, trebuie să determinați valoarea numerică exactă a culorii în sistemele RGB, CMYK, HEX sau Pantone pentru a o utiliza în procesul de proiectare.
Dacă, de exemplu, ați ales o culoare care este deja folosită pe o resursă web și doriți să o aplicați sau să le aplicați, puteți utiliza serviciul Stylify Me, care vă va ajuta să determinați culorile folosite pe orice site.
Alegeți un tip de schemă de culori
Înainte de a alege alte culori, trebuie să determinați cum vor interacționa acestea. Vrei o schemă de culori mai contrastantă sau una mai calmă?
De asemenea, puteți amesteca și potrivi culorile după cum doriți, dar aici am prezentat cele mai comune opțiuni de schemă de culori.
monocrom
Implica utilizarea diferitelor tonuri ale culorii principale. Folosit mai frecvent pentru stiluri de design minimalist.
analogic
Culori similare situate aproape una de alta pe roata de culori.
gradient
Trecerea treptată de la o culoare la alta. Mai colorat decât analogic, dar poate afecta alte elemente de design.
Contrast
Două culori opuse. Dacă te uiți la roata culorilor, culorile care sunt opuse una de cealaltă sunt cele mai contrastante. De exemplu, roșu și verde sau galben și violet. Utilizarea unei astfel de scheme de culori adaugă dinamică efectului vizual al designului.
Contrastele ajută la manipularea atenției utilizatorului, permițându-vă să evidențiați elemente (butoane) mai importante și să le ascundeți pe cele mai puțin semnificative.
Duplex
Creați imagini folosind doar 2 culori. nu este atât o schemă de culori, cât este un tip de design pentru o schemă de culori contrastantă.
Mai simplu spus, duotonul arată grozav, este un efect vizual dinamic care atrage atenția utilizatorului.
Triadă
Trei culori la distanță egală pe roata de culori. Una dintre cele mai frecvent utilizate scheme de culori, triadica este un standard solid. Este dificil de folosit corect, doar desenați un triunghi echilateral pe roata de culori și veți obține cele trei culori ale triadei dvs.
Contrast împărțit (divizat).
Folosind o a treia culoare în plus față de cele două contrastante. La fel ca schema contrastantă, vă permite să creați accente pe părțile necesare ale designului, dar are mai multe opțiuni pentru aceasta.
Alege culori secundare
Definirea unei scheme de culori va facilita selectarea culorilor secundare. Dar toată lumea va trebui să lucreze la alegerea nuanțelor și a saturației, așa cum a făcut atunci când a ales o culoare primară.
Un instrument simplu Paletton vă ajută să vizualizați diferite scheme de culori. Puteți alege culoarea principală și defini schema de culori, iar Paletton definește culorile secundare.
Decide unde și cum vei folosi fiecare culoare
Deci, ai o paletă de culori grozavă pentru proiectul tău... acum ce să faci cu ea? Utilizarea culorilor pe un site web este locul în care arta și priceperea unui designer se întâlnesc.
Accentul nu trebuie folosit doar pe elemente de îndemn sau butoane importante. Le puteți aplica în diferite părți ale site-ului. De exemplu, evidențiați cuvintele importante din text, astfel încât utilizatorul să le acorde o atenție deosebită.
Mai întâi trebuie să proiectați site-ul în alb și negru. Folosind scara de gri pentru a determina importanța unui element, construiește o ierarhie în funcție de importanța fiecărei părți a proiectului tău.
Concluzie
Așadar, am aflat că alegerea unei combinații de culori în web design este o etapă importantă în designul site-ului, care trebuie abordată cu atenție. Alegerea culorii principale este foarte importantă, deoarece. determină starea generală de spirit pe care o va avea site-ul dvs.
Tipul de schemă de culori afectează și emoțiile pe care site-ul le va evoca vizitatorilor. Tipul determină numărul de instrumente pe care le puteți utiliza atunci când determinați ordinea în care sunt utilizate culorile.
Teoria culorilor în designul web este un subiect vast care necesită multă practică pentru a înțelege aplicarea sa. Alegerea culorii depinde și de mediu și de specificul muncii designerului web însuși, deoarece privim culorile și nuanțele puțin diferit față de ilustratorii și artiștii.
Parțial, am dedicat deja materialele noastre colorării în web design și Photoshop. Dar astăzi vrem să vorbim și să ne uităm puțin la culorile și paletele de culori în termeni generali, unde și cum este mai ușor și mai convenabil să le alegeți combinațiile, la ce să acordați atenție și mai mult. Una peste alta, am adunat câteva resurse de potrivire a culorilor, am găsit câteva palete prefabricate interesante și dorim să aprofundăm puțin și în teoria culorilor.
Teoria culorii în câteva paragrafe
Când proiectăm site-ul, avem 16,8 milioane de culori din care să alegem. Și toate acestea trebuie combinate și selectate, iar dacă vă imaginați câte opțiuni pentru astfel de combinații există, atunci ... este aproape nesfârșit. Dar culorile au sens. Imaginează-ți că ți se oferă articolul tău preferat. Ești fericit, ești fericit. Acum imaginează-ți că un lucru este un lucru, dar culoarea lui este cea mai urâtă de tine. De exemplu, o nuanță de amestec de verde, galben și gri. O, vei fi emoționat, vei fi puternic, dar bucuria va ajunge la nimic.
Culorile au sens. Ele dau ton, afectează emoțional în același mod în care fontul are un impact uriaș asupra psihologiei umane.
Culorile primare sunt cele principale pentru nuanțe. Ochiul uman percepe trei culori primare: cyan, galben și magenta. Orice culoare pe care o vedeți în fața dvs. chiar acum este o combinație a acestor trei, dar în cantități diferite de luminozitate, nuanță și așa mai departe. Da, da, imprimarea se face în aceste culori.
Pe Internet, dimpotrivă, sunt utilizate RGB (roșu, verde, albastru) și valorile sale hexazecimale.
RGB (59, 89, 145) sau #3b599b - Facebook albastru
RGB (0, 0, 0) sau #000000 - negru
Fiecare două caractere din codul de 16 zecimale indică culoarea principală: roșu - 3b, verde - 59, albastru - 9b.
Frig-caldura
Culorile durează și pentru nuanțe reci (abundență de albastru și verde) și calde (multe roșu și galben). Culorile fierbinți în designul web evocă sentimente de căldură și pasiune. Sunt agresivi și îndrăzneți, dar simbolizează și faptul că unele lucruri trebuie să se oprească, așa că sunt folosite pentru mesaje, pictograme și multe altele esențiale.
Culorile reci aduc racoare, potrivite pentru teme de iarna, noapte, trist sau apa. Ei poartă singurătate și frig, frică. Dar, între timp, sunt non-agresive și liniștitoare.
Temperatura
De asemenea, puteți modifica temperatura imaginilor, ceea ce modifică nivelul de portocaliu. Astfel, transformăm poza într-una mai caldă și mai veselă. La fel cum arată lumea mai fericită când soarele își aruncă razele galben-portocalii asupra ei. Reducerea temperaturii, pe de altă parte, face ca imaginea să fie mai rece și mai puțin atractivă, de parcă ar transmite natura într-o zi cu nori.
Nuanțe și umbre
Nuanțele sunt create prin adăugarea de alb la o culoare, în același mod în care adăugați negru pentru a crea o umbră. Nuanțele și umbrele vă permit să creați culori și palete monocromatice adăugând cantități diferite de alb și negru.
De exemplu, să luăm culoarea principală #8dbdd8 (albastru deschis). Imaginile de mai jos prezinta o paleta monocroma, in care cele doua nuante din dreapta si din stanga sunt rezultatul adaugarii unor cantitati diferite de alb-negru.
Saturație, nuanță, lumină
De asemenea, culorile sunt distribuite prin saturație, nuanță și luminozitate. Saturația vă permite să faceți culoarea mai bogată și mai închisă. Când spunem „albastru deschis” sau „verde închis” ne referim la saturație.
Nuanța determină diferența față de culoarea principală a curcubeului (există șapte). Adică, de exemplu, „albastru-verzui”. Nici asta, nici asta, ci doar tonul.
Luminozitatea definește o culoare în raport cu albul pur, cât de strălucitoare sau plictisitoare este. Ceva similar cu saturația, dar depinde de un parametru diferit.
Scheme de culori
Dacă luăm în considerare schemele de culori, atunci există doar patru dintre ele: monocrom (nuanțe ale unei culori primare), complementare (două culori care se află pe părțile opuse ale roții de culoare), analog (trei culori care sunt una lângă cealaltă pe roată de culori), triadă sau triadică (trei culori care se află la colțurile unui triunghi desenat peste roata de culori).
Design al amenajării florilor
Aceasta este teoria pe scurt și ne vom referi în continuare la acest material. Dar și la începutul învățării designului web, această teorie este importantă, deși de multe ori ochii tăi pot înțelege că ceva arată complet diferit de ceea ce este descris în cifre. Cam albastru, dar simți că nu este suficient de saturat. Acestea sunt caracteristicile naturii dezvoltării fiecărei persoane. Acesta este motivul pentru care mulți web designeri se cufundă în designul paletei de culori, în același mod în care unii se dedică învățării tipografiei. Aceștia experimentează diferite nuanțe, saturații, temperaturi în combinație cu alte variații și văd când, ce și cum funcționează.
Cu toate acestea, când vine vorba de culorile web, există un astfel de concept ca „culori sigure pentru web”. A apărut când nici măcar ecranele nu puteau transmite 16 milioane de culori. Dar dacă există culori atât de sigure, de ce ai nevoie de altceva? Dar, vezi tu, e frumos să știi de ce există și cum afectează alegerea culorilor în general.
Merită să înțelegem că, deoarece putem folosi orice culoare, cele mai bune proiecte web sunt obținute prin utilizarea grupului principal de culori. Și da, ai încredere în ochii tăi. Dacă nu le place ceea ce văd, atunci încearcă să-l schimbi.
Când este nevoie de ajutor
Dacă aveți dificultăți de proiectare în stadiul zero, atunci ideile de culoare pot fi întotdeauna găsite pe Internet. Doar vizitați site-ul paletei de culori și personalizați-l după bunul plac, apoi colectați culorile dorite și lucrați cu ele în Photoshop. De exemplu, studiați webdesign-inspiration sau awwwards, sortați după culoare și găsiți inspirație.
Explorator de culori
Este o bibliotecă și un atelier pentru crearea unei palete de culori. Biblioteca conține seturi de palete pentru imprimare și web. Puteți alege o culoare și puteți vedea mai multe nuanțe și variații de tonuri.
Color fiul eweb
Se potrivește cu toate culorile și nuanțele pentru culoarea specificată. În plus, resursa oferă culori pentru combinare și combinație, o paletă monocromă, analog, variații de saturație, tonuri, luminozitate și multe altele.
Copaso
Permite nu numai alegerea unei culori folosind mai mulți parametri simultan, ci și asamblarea unei palete în funcție de o anumită culoare. În prima versiune, am creat o culoare, iar în a doua, am creat o paletă și o răspândire de nuanțe și tonuri de culoare.
Colorotate
Aceasta este una dintre puținele aplicații mobile care vă permite să lucrați cu palete de culori pe smartphone sau tabletă. Dar există și o versiune pentru browserul PC. O caracteristică a proiectului este lucrul cu culoarea în 3D. Ni se oferă un con de flori. Fiecare punct de amestecare a nuanței se mișcă doar în triunghiul său, iar conul însuși poate fi rotit după cum este convenabil.
În plus, există seturi de palete gata făcute pentru Crăciun, monocrome, moderne, citrice și altele.
iubitorii de culoare
Site-ul a fost de mult timp un director de scheme de culori personalizate. De regulă, include culori de design plat, precum și numeroase modele, texturi și fundaluri care sunt disponibile gratuit.
Paletele de culori pot fi selectate din fotografii și imagini. Am vorbit deja despre asta și despre resursele pentru asta. Ideea în ansamblu este interesantă și foarte utilă, citiți pe îndelete.
Profiluri de culoare
Dar, între timp, selecția unei palete nu este atât de rea. Cel mai actual subiect în web design este alegerea profilurilor de culoare. Am atins acest subiect puțin mai devreme (link la începutul materialului), dar iată ce vrem să notăm acum. Fiecare monitor poate fi calibrat la un anumit profil de culoare. Acest lucru se face, de exemplu, în Windows 10 -> Control Panel -> Color Management. În consecință, anumite culori pot apărea diferit pe diferite monitoare.
Subiectul, așa cum am spus, este confuz și, prin urmare, mulți designeri web nu sunt întotdeauna siguri dacă au ales culoarea potrivită. SRGB este recomandat mai des, dar nu este necesar sau absolut cea mai bună soluție și alegere. Acest lucru se aplică și imaginilor care sunt salvate cu profiluri încorporate și aspectului site-ului web. Cu alte cuvinte, acest subiect poate fi tratat mult timp.
Dar, între timp, mulți designeri încearcă să nu se gândească deloc la ele și lucrează cu setările implicite pe computer și în Photoshop. Și asta este și adevărat, din moment ce chiar dacă coordonezi culorile cu clientul/clientul, tot nu poți influența culorile de pe monitorul utilizatorului final.
Material UI Culori
Google, creând reguli pentru designul materialelor, a descris în detaliu prevederile privind culoarea. Cu toate acestea, regulile sunt atât de simple în general încât pot fi aplicate cu ușurință oricărei interfețe, ceea ce le-a făcut populare.
Când vine vorba de alegerea unei culori, designul Material urmează un stil similar cu designul plat. Modelele de materiale pentru aplicații și site-uri web sunt disponibile gratuit pe internet, astfel încât să puteți vedea seturi de culori, să creați palete și multe altele.
Dacă decideți să lucrați numai cu Google Color Picker, vă recomandăm să testați ambele instrumente pentru a vedea cum se completează reciproc. Apoi, puteți utiliza suplimentar resursa de la 0 la 255, pentru a potrivi culorile în luminozitate și saturație.
Concluzie
Culoarea pe web este practic simplă și nu durează mai mult de câteva săptămâni pentru a-i înțelege bazele și teoriile. Dar dacă decideți să aprofundați în această teorie a culorii, atunci veți învăța multe, multe complexități, caracteristici, modele, influențe și soluții. Poate că unii dintre voi se vor simți amețiți din cauza abundenței de informații; cineva decide asta el nu trebuie să știe asta, a întins o pipetă în logo și a pictat site-ul". Dar cineva decide să se uite în teorie din nou, și din nou; decide să se adâncească în „coșul de flori” și nuanțe, decide să înceapă să experimenteze.
Sperăm doar ca materialele noastre pe culoare să vă ajute puțin pe viitor cu proiectele dumneavoastră. Ele vă vor ajuta să găsiți acea modalitate simplă de a înțelege cum funcționează culorile web prin practică, repetiție, aveți încredere în ochii tăi.
Există o mulțime de resurse pentru alegerea paletelor de culori, site-uri și pentru inspirație, dar când te așezi să-ți „desenezi” propriul proiect, capul tău cumva... devine gol. Stai și te gândești: Ce nuanță de albastru ai vrea să iei... puțin mai închis sau puțin mai deschis... eh... dar clientul nu a vrut să se gândească la asemenea fleacuri... pentru el, că, desigur,... fleacuri...”
Zilele de Anul Nou și petrecerea timpului liber sunt un prilej bun de creativitate, fantezie ușoară pentru propria plăcere, când, de exemplu, nu există putere să mergi în sirba și să te distrezi.
De la autor: Un web designer are în arsenalul său multe instrumente pentru a interacționa cu utilizatorii folosind culoarea. Combinația de culori în designul web este un instrument de marketing eficient, cu toate acestea, ar trebui folosită cu mare atenție pentru a nu obține un design „extra-ochi” care lasă utilizatorilor sentimente neplăcute și nervi zdrobiți.
Acesta este, desigur, un exemplu extrem. Ideea principală a articolului meu este că designul ar trebui să fie nu numai funcțional și util, ci și atractiv din punct de vedere emoțional. Pentru a face acest lucru, trebuie să luați în considerare cu atenție paleta de culori a site-ului, care este un set de culori utilizate în dezvoltarea designului web.
Se impun cerințe destul de serioase asupra schemei de culori a site-ului, deoarece combinația de culori pentru design web nu numai că determină aspectul resursei dvs., ci va fi asociată și cu marca dvs. pe Internet. Majoritatea site-urilor au o paletă de 2 până la 4 culori, fără a lua în calcul alb-negru. Să încercăm să ne dăm seama cum să creăm cea mai atractivă și eficientă combinație de culori în designul site-ului web.
Alegeți culoarea principală
Dacă aveți deja un logo gata făcut, atunci cel mai bine este să utilizați una dintre culorile sale ca principală. Dacă trebuie să ridicați paleta site-ului web de la zero, va trebui să utilizați o altă metodă. Analizați publicul țintă al resursei dvs. în ceea ce privește preferințele de culoare socială sau de vârstă.
Luați, de exemplu, un site web cu tematică de nuntă. Miresele noastre poartă rochii albe, simbolizând inocența și puritatea. În China, albul este considerat culoarea doliu, așa că miresele chineze se îmbracă în rochii roșii, deoarece roșul pentru chinezi este un simbol al iubirii, fericirii și norocului. Adăugați mai multă vopsea galbenă aici și obțineți culoarea puterii și a bogăției.
Cu toate aceste nuanțe culturale, este foarte dificil să găsești combinațiile perfecte de culori pentru design web care să se potrivească cu adevărat site-ului tău și să funcționeze pentru el. Prin urmare, multe companii care se respectă fac versiuni locale de site-uri pentru diferite țări și popoare.
Cele mai sigure culori sunt violet și albastru. Violetul peste tot, cu excepția Thailandei, este considerat culoarea bogăției, a puterii și a statutului social înalt (în Thailanda este un simbol al durerii). Albastrul este asociat cu optimism, încredere, fericire. Adevărat, în Japonia înseamnă atrocitate, iar în India - tristețe.
Tipuri de contraste de culoare
Contrast în ton. Acest tip de contrast trebuie utilizat cu atenție, de preferință în combinație cu alte tipuri de contrast și numai atunci când este justificat. Cel mai pronunțat contrast în web design este combinația a trei culori: roșu, galben și albastru. Cu cât culorile combinate sunt mai îndepărtate în roata de culori de aceste trei, cu atât contrastul de ton este mai slab.
Contrastul de lumină și întuneric. Cea mai strictă pereche contrastantă constă, desigur, din alb și negru. Dintre culorile complementare, cel mai mic contrast de luminozitate este între verde și roșu, iar cel mai mare este între violet și galben.
Viziunea noastră este mai sensibilă nu la gradațiile de culoare ale obiectelor, ci la nuanțele luminozității lor. Pentru un web designer, capacitatea de a descompune armonios punctele întunecate și luminoase în designul site-ului este cheia unui design eficient.
Rece și caldă. Nu este surprinzător faptul că tonurile reci și calde sunt asociate la oameni cu temperatura. Acest lucru se datorează faptului că atmosfera pământului colorează obiectele îndepărtate în tonuri albăstrui.
Astfel, cu cât un obiect este mai departe de noi, cu atât ne imaginăm că este mai rece. Această proprietate este foarte folosită atât de artiști, cât și de designeri web pentru a evoca emoțiile dorite în utilizator.
Îndreptați-vă către minimalism
Astăzi, tendința este nuanțe luminoase și dinamice, minimalism și scheme monocrome care nu distrag atenția cu contrastul dintre culori. Combinată cu un stil minimalist (folosind butoane transparente sau fonturi albe îndrăznețe, de exemplu), o singură schemă de culori este ușor de implementat și plăcut la vedere.
Majoritatea oamenilor preferă să combine aceleași culori de fundal cu o paletă contrastantă de alte elemente în design web. Prin urmare, logic ar fi să folosiți o paletă de 1-2 culori pentru fundalul site-ului și o paletă contrastantă pentru butoane și alte obiecte care cheamă la acțiune.
Trebuie să fi întâlnit cel puțin o dată serviciul web Twitter și să fi observat că paleta sa de culori este formată din mai multe nuanțe de albastru. Știți deja că albastrul este cea mai sigură culoare de utilizat online, așa că nu este surprinzător că Twitter o folosește, mai ales având în vedere popularitatea globală a serviciului, suportul său pentru un număr mare de limbi și, în consecință, culturi.
Culoarea ca mijloc de navigare
Un alt mod câștigător de a folosi culorile de fundal și de accent este crearea unui fel de „ierarhie a culorilor” care „educa” utilizatorul că o anumită culoare înseamnă o anumită acțiune pe site.
Să rezumam. Culoarea și capacitatea de a combina culorile în design web este cel mai important instrument al unui designer web. Dacă îl utilizați corect și nu uitați de utilitatea site-ului, atunci puteți evidenția favorabil conținutul, „direcționând” ușor și discret vizitatorul să efectueze anumite acțiuni.
Imaginați-vă că mii și milioane de oameni vă vor vizita site-ul - de aceea merită să faceți tot posibilul pentru ca utilizarea acestuia să fie cât mai simplă și confortabilă.
Sper că acest material v-a fost de folos. Abonați-vă la actualizările blogului nostru pentru a nu rata toată distracția. Pa!
Tendințe și abordări moderne în dezvoltarea web
Aflați algoritmul pentru creșterea rapidă de la zero în construirea site-ului web
Culoarea este unul dintre cele mai importante elemente de design web care va ajuta să capteze atenția utilizatorilor. Alegerea este un mic truc, o manipulare sinceră care va ajuta la menținerea utilizatorului pe site-ul dvs. și chiar îl poate direcționa către o anumită acțiune. Am întocmit o listă cu cele mai populare și necesare culori pentru web design, am determinat combinația lor corectă, laturile pozitive și negative. Și cel mai important, au făcut toate acestea pe exemple reale.
roșu
Roșul este o culoare puternică, dinamică și cea mai fierbinte, care este adesea folosită în promoții. Alegeți roșu pentru a vă accentua designul web.
Se combina cu culorile alb, gri, albastru deschis sau argintiu.
Pro:
- creează un sentiment de urgență
- asociat cu dragostea
- poate provoca sentimente de entuziasm sau încurajare
Minusuri:
- nu uitați că această culoare poartă o asociere cu cuvântul „stop”, „pericol”
- supraabundența sa poate descuraja dorința de a rămâne pe site-ul tău
Albastru/cian
În psihologie, albastrul este considerat culoarea oamenilor intenționați și încrezători în sine. Iar pentru vizitatorii tăi, nuanța potrivită de albastru poate aduce o liniște plăcută. Culoarea albastru închis este considerată de afaceri, profesionistă și de autoritate - nu degeaba oamenii de afaceri o iubesc atât de mult.
Albastrul este adesea folosit pe site-urile web legate de tehnologie, deoarece evocă un sentiment de fiabilitate și încredere.
Combinat cu alb, verde, bej.
Pro:
- este o culoare linistitoare
- favorizează relaxarea fizică
- creează o atmosferă de securitate și încredere
- albastrul este considerat culoarea creativității
Minusuri:
- este rece, ceea ce atrage atenția de la el, în contrast cu roșul și galbenul cald, care atrag instantaneu privirile tuturor.
Verde
Este culoarea armoniei și a sentimentului interior de fericire. Apropo, popularitatea culorii nu se limitează la utilizarea sa în modelarea hainelor pentru podiumuri și mersul la petreceri de modă, este folosită cu îndrăzneală de către designeri pentru a proiecta site-uri web.
Se potrivește bine cu tonuri de alb, verde deschis, maro, portocaliu, negru și gri.
Pro:
- împrospătează și relaxează, lăsând oamenii să se simtă inspirați
- reprezintă echilibrul și armonia în design, ca și în natură
Minusuri:
- Kandinsky notează pe bună dreptate: „Verdele absolut este cea mai calmă culoare care există. Nu se mișcă nicăieri și nu are o tentă de bucurie, tristețe, pasiune. Nu cere nimic, nu sună nicăieri. Este un element imobil, mulțumit de sine, cu spațiu limitat.”
Violet
Movul este folosit în lenjerii de pat frumoase și la modă, deoarece violetul este mai liniștitor decât orice altă culoare. Este considerată mai feminină și romantică decât o culoare masculină. La fel ca și roșu, oamenii consideră că violetul este prea puternic și strălucitor, îi face să se simtă obligați să facă orice.
Prin urmare, ar fi eficient să împerechezi această culoare cu negru, crem sau alb.
Pro:
- cel mai adesea asociat cu concepte precum imaginația, creativitatea, demnitatea, noblețea
- Nuanțele luminoase de violet sunt mai mult asociate cu primăvara și romantismul, în timp ce tonurile sale mai închise sunt asociate cu luxul și bogăția.
Minusuri:
- când te uiți la lucruri, imagini și obiecte de culoare violet, pare în mod clar artificial, deoarece această culoare este foarte rară în natură
portocale
Plină de energie, această culoare strălucitoare încurajează, mai degrabă decât forțează, oamenii să acționeze. Portocaliul este doar uneori perceput ca intens - necesită acțiuni precum cumpărarea, abonamentul, vânzarea. Este recomandat să folosiți culoarea portocalie dacă după ce vă vizitați site-ul doriți să lăsați vizitatorul să se simtă motivat, fericit și entuziast.
Se combina cu albastru, albastru, liliac, violet.
Pro:
- cele mai strălucitoare nuanțe de portocaliu sunt asociate cu sociabilitatea, distracția, energia
- viteză, ritm precis, emoții de foc
- excelent antidepresiv
Minusuri:
- semnal de „avertizare”.
- deliberare
Desigur, culorile ar trebui să fie în armonie între ele și să corespundă structurii și conținutului site-ului. Schema de culori este atmosfera sa, ar trebui să fie sigură: nu intruzivă, moderat luminos.
Fără îndoială, există un obiectiv pe care ți-l stabilești atunci când creezi un site: ca vizitatorul acestuia să se aboneze, să cumpere, să facă clic pe „următorul”, adică să apese pe un anumit buton.
Indiferent de buton pe care se face clic sau nu, depinde de modul în care se simte vizitatorul când se află pe site-ul dvs. Și acum știi că unul dintre elementele decisive aici este culoarea.
Pe o notă!
Amintiți-vă, dacă lucrați pentru un public internațional, percepția culorilor poate varia de la o țară la alta. Iată o notă despre semnificația culorilor luate în considerare în diferite părți ale lumii:
roșu
- China: noroc, sărbătoare
- India: curățenie
- Africa de Sud: culoarea doliu
- Est: bucurie (combinat cu alb)
- Vest: entuziasm, dragoste, pasiune
- SUA: Crăciun (cu verde), Ziua Îndrăgostiților (cu alb)
- Japonia: viață
Albastru
- Europa: calm
- Iran: doliu, culoarea cerului și spiritualitate
- China: nemurire
- Orientul Mijlociu: Protecție
- În lume: culoarea securității
- Vest: tristețe, depresie
portocale
- Europa: toamna, recolta, creativitate
- SUA: Halloween (cu negru), bunuri ieftine
Verde
- Japonia: viață
- Europa / SUA: primăvară, naștere nouă, ziua Sf. Patrick, Crăciun (cu roșu)
- SUA: bani
Violet
- Thailanda: doliu (văduve)
