2.1 Psihologia culorilor
Fie că dezactivați o bombă cu ceas sau căutați să creați un site cu aspect elegant, dacă alegeți culorile greșite, sunteți pierdut. Ei bine, alegerea culorii greșite pentru un site web client nu este fatală, dar ar putea scurta cariera ta în plină dezvoltare ca designer de web. Alegerea culorilor nu este ușoară. Trebuie să luați în considerare aspectele estetice, dar și identitatea companiei sau ușurința utilizatorului. Și pentru a face lucrurile și mai dificile, ecranele pot afișa peste 16 milioane de culori. Cu aceasta, există un număr infinit de combinații de culori îngrozitoare care așteaptă să fie folosite. Din fericire, nu trebuie să fii o carte de mostre de culoare lentă pentru a găsi combinații de culori bune. Este disponibilă o mulțime de cunoștințe, de la îndrumări psihologice delicate (așa cum le numesc eu) până la teoriile de culoare încercate și testate, care te pot ajuta să faci alegeri bune de culoare. culoare
Scheme de culori 57 2.6.1 O schemă de culori monocromă Când am vorbit mai devreme despre valorile culorilor, ne-am uitat și la clarificare și întunecare. O schemă de culori monocromă conține o singură culoare de bază și orice număr de nuanțe ale acelei culori. Aici în Figura 2.14 maimuța noastră regală poate fi văzută într-o schemă de culori monocromă bazată pe culoarea mov. Fig. 2.14 O maimuță monocromă Exemple de scheme de culori monocrome Pagina introductivă a Mint, o aplicație de internet de la Shaun Inman care poate fi utilizată pentru a urmări statisticile de acces la site-ul web, este atât utilă, cât și elegantă. 3 Atât site-ul web, cât și aplicația în sine utilizează o schemă de culori uniformă, în principal monocromă, cu mai multe nuanțe de verde, după cum puteți vedea în Figura 2.15. Fig. 2.15 Site-ul Mint, monocrom în verde Dacă marca și identificarea dvs. încep cu o culoare, o schemă de culori monocromă este întotdeauna o opțiune evidentă. Cei de la compania de consultanță și design Blue Flavor au preluat această idee. 4 Uită-te la figura 2.16. În loc să căutați culori care se potrivesc cu sigla 3 http://www.haveamint.com/ 4 http://www.blueflavor.com
58 se potrivesc culorii, au inclus culoarea albastră în marca lor, oferindu-le o schemă de culori uniformă și simplă. Fig. 2.16 Schema de culori albastru Blue Flavor, care se potrivește cu marca comercială Superfluous Banter, este site-ul privat al designerului Dan Rubin. 5 Ultima dată când a reproiectat designul (sau „reporniți”, așa cum îi place să spună), Dan a creat o temă de design pe care a numit-o Orangina, în care culoarea portocalie este foarte generoasă. La fel ca precedentele două exemple de scheme de culori monocrome, acest design este cu adevărat atrăgător. Puteți vedea acest lucru în Figura 2.17. Suntem atât de obișnuiți cu desenele multicolore pe internet încât un design care are o singură culoare ne captivează cu adevărat imediat, mai ales dacă acea culoare este un portocaliu strălucitor. Fig. 2.17 Site-ul web Superfluous Banter o temă de design în portocaliu 5 http://www.superfluousbanter.org/
60 Maimuțe de circ Hoity-Toity de culoare Fig. 2.19 O maimuță într-o schemă de culori analogică Exemple de scheme de culori analogice Am menționat deja că portocaliul este foarte bun pentru publicitatea alimentelor și că castanul sau burgundul se potrivesc bine cu acesta. Site-ul Regine's Patisserie 7 profită de aspectele psihologice ale acestor două culori. Acest site în sine arată ca o cofetărie delicată și radiază aromă și căldură, așa cum puteți vedea cu siguranță din Figura 2.20. Dacă culorile nu îți stimulează imediat pofta de mâncare, atunci fotografiile o fac. Fig. 2.20 Regine s Patisserie mmm Site-ul web al Blinksale 8, pe care îl puteți vedea în Fig. 2.21, este o aplicație de internet cu ajutorul căreia puteți genera, gestiona și trimite facturi online, formatate cu CSS sau în format text. Este, de asemenea, un exemplu excelent al impactului pe care o schemă creativă de culori analogice îl poate avea pe un site web de afaceri. Elimină noțiunile preconcepute despre cum ar trebui să arate site-urile de afaceri și le aruncă pe toate într-o mare rece de culori care variază de la albastru-verde la galben. 7 http://www.regines.net.au 8 http://www.blinksale.com
Scheme de culori 61 Fig. 2.21 Blinksale un site de afaceri interesant Deși culorile site-ului urlgreyhot 9 al lui Michael Angeles se schimbă în fiecare zonă a site-ului, schema de culori predominantă a paginii de pornire este aceeași. Puteți vedea această pagină în Figura 2.22. Fig. 2.22 Pagina de pornire a analizei urlgreyhot și de culoare pământ NOTĂ Modificarea schemelor de culori Multe site-uri web folosesc scheme de culori diferite pentru diferitele zone de conținut. Această abordare poate accentua conținutul și îi conferă caracter, dar poate duce și la probleme de identitate. Atunci când utilizați scheme de culori diferite pe același site web, aveți grijă deosebită să păstrați sigla, meniul și aspectul general al site-ului consecvente pentru a evita confuzia. 9 http://urlgreyhot.com/
62 Culoare 2.6.3 O schemă de culoare complementară Schemele de culori complementare, cum ar fi cele prezentate în Figura 2.23, conțin culori opuse una pe cealaltă pe roata de culoare, cum ar fi roșu și verde, galben și violet sau portocaliu și albastru. Aceste culori sunt denumite ca fiind complementare unele cu altele sau ca culori complementare. Fig. 2.23 O maimuță ciudată complementară Exemple de scheme de culori complementare Culorile de la Universitatea din Florida 10, unde soția mea a studiat, sunt un excelent punct de plecare pentru o schemă de culori complementară. Unii oameni pot fi contrariați de acest contrast puternic al schemei de culori complementare, așa cum se arată în Figura 2.24. Dar dacă aceste culori reprezintă compania sau organizația pentru care proiectați, aveți întotdeauna dreptate. Echipa care a făcut reproiectarea acestui site a făcut o treabă bună combinând această alegere neobișnuită a culorilor cu un aspect frumos și un cod HTML conform standardelor. Fig.2.24 Pagina principală a Universității din Florida 10 http://www.ufl.edu/
Scheme de culori 63 Incubatoarele de credință 11 este o organizație care și-a stabilit sarcina de a crea, testa și optimiza conținutul educațional pentru a consolida credința creștină. Violetul logo-ului dvs., pe care îl vedeți în Figura 2.25, este utilizat pe tot site-ul web și este compensat de utilizarea unui galben neutru. Fig. 2.25 Pagina de început a Incubatoarelor Faith Dacă numele tău este Rob Goodlatte, cum te poți înșela cu o paletă de culori de cafea cafeniu și tonuri de pământ? Rob este designer și student la Universitatea Duke și, se pare, are o înțelegere profundă a principiilor de design grafic. Alegerea culorii verzi pentru bara laterală și alte accente ale site-ului 12 prezentate în Figura 2.26 nu sunt evidente, dar transformă o simplă temă analogică într-un design cu o paletă complementară sofisticată. Fig.2.26 Nuanțe de cafea maro și verde pe site-ul web al lui Rob Goodlatte 11 http://www.faithink.com/ 12 http://www.robgoodlatte.com/