Sunteți pe pagina 1din 6

CULORILE IN WEBDESIGN

Psihologia culorilor in marketingul pe internet Ai auzit probabil ca un bun web design include o navigare usoara. Site-urile bune sunt extrem de optimizate pentru motoarele de cautare si introduc cititorul catre mesajul convenit. Asa cum ochiul uman scaneaza o pagina, web designerii pot optimiza site-ul pentru vizitatorii lui. Intotdeauna trebuie sa iei in considerare culorile cand proiectezi un site web. Culorile pot afecta dispozitia vizitatorilor tai. Prin intelegerea psihologiei culorilor, poti usor imbunatati propriul web design, poti crea un brand memorabil si poti creste numarul vizitelor pe site-ul tau Cand culorile sunt corect folosite pot transmite multe mesaje cititorului. De asemenea pot sublinia aspectele importante. In acelasi timp daca sunt gresit folosite pot conduce la confuzii si cititorii pot iesi de pe web site-ul tau. Culorile pot starni o varietate de emotii si amintiri. Interpretarea culorilor depinde de varsta, profesie, nationalitate si preferinte personale. Ca sa stii care culori atrag cititorii, trebuie sa-ti cunosti foarte bine publicul. Cercetarea pietei este foarte importanta. Daca ai intentii serioase in a-ti maximiza profiturile, trebuie sa sondezi cerintele pietei in ce priveste culorile. Aceasta te va ajuta sa construiesti un web site care sa raspunda cerintelor pietei. In general, rosul, portocaliul si galbenul sunt culori excitante in timp ce violet, albastru si verde sun culori calmante. Web designul si mesajul pe care-l transmiti nu sunt entitati separate. Ambele se intrepatrund si influenteaza foarte mult vizitatorii. Nu este o coincidenta ca McDonalds foloseste culorile rosu si galben. S-a facut o cercetare intensiva inainte de a determina ca acestea sunt culorile care vor atrage ochiul. Culorile luminoase ca acestea incurajeaza pe cei de la mese sa manance dar si sa plece repede. Arunca o privire pe strada cand conduci. Vei regasi un numar insemnat de firme care folosesc rosu si galben in reclamele lor. Fiecare tara asociaza diferite intelesuri si emotii cu diferite culori. Iata cateva referinte despre cateva culori in America: Rosu: emotie, putere, rezistenta, forta, pasiune, viteza, indrazneala, determinare, precizie, dorinta, cerere, bravura, curaj Galben: caldura, cordialitate, senin, luminos, fericire, realizare, confort, siguranta, energie Albastru: incredere, siguranta, certitudine, apartenenta, devotament, loialitate, profesionalism Este una din cele mai populare culori, in special in afaceri. Portocaliu: joaca, zburdalnicie, caldura, loialitate, resonant, avant, entuziasm, creativitate, deschidere, talent Verde: natura, nou, recent, proaspat, calm, indifferent, progres, dezvoltare, crestere, abundenta, intelegere, armonie Roz: pufos, moale, suav, placut, siguranta, certitudine Violet: regal, spirituaitate, demnitate, prestigiu, noblete, rafinament, bogatie, fast, lux, eleganta Alb: pur, cast, curat, inocent, tineresc, inocenta, nevinovatie, simplitate, credulitate Negru: sofisticat, formalitate, ceremonios, ispititor, seducator, misterios Auriu: prestigiu, costisitor, scump, elitist Argintiu: prestigiu, rezervat, special, rece, expert, abil, stiintific, riguros

Companiile cu buget cheltuie milioane pentru cercetarea de piata a culorilor. Psihologii sugereaza ca impresia pe care o lasa culorile contribuie cu peste 60% la acceptare sau respingerea produsului sau a serviciului. Clasificarea culorilor Culori calde Rosu este una dintre cele mai puternice culori, care capteaza atentia. Rosul simbolzeaza pasiune, foc si dragoste. A fost demonstrat ca are ca efect cresterea tensiunii si cauzeaza transpiratie. Rosul transmite energie si simbolizeaza razboiul, violenta, sangele si agresiune. Desi este foarte asemanator cu culoarea rosie, rozul este romantic, relaxant si feminin. Portocaliu vibrant si cald, portocaliul este asociat cu toamna. Mosteneste multe trasaturi de la rosu, dar este mai putin inflacarat. Este cunoscut faptul ca portocaliul stimuleaza apetitul. Fiind culoarea unor citrice, simbolizeaza sanatate. Galben simbolizeaza soarele si caldura. Poate insemna speranta, lumina si energie. Pe de alta parte, poate insemna o stare de slabiciune, boala, sau poate simboliza frica si lasitate. Culori reci Verde simbolizeaza sanatate si crestere (la vegetatie), primavara, reinnoire, regenerare si fertilitate. Poate insemna insa si gelozie sau lipsa de experienta. Albastru este una dintre cele mai relaxante culori, este asociat cu cerul si marea. Este considerat ca fiind o culoare sigura, si inseamna inteligenta, calm si incredere. Poate semnifica depresie si tristete. Purpuriu combinatie intre rosu si albastru, este una dintre cele mai intrigante culori. Simbolizeaza creativitate, este spiritual si misterios. Purpuriul inchis este asociat cu regalitatea si bogatia, iar noantele mai deschise sunt asociate cu romantismul si nostalgia. Culori neutre Negru poate reprezenta putere, eleganta, rafinament, dar si moarte (in culturile occidentale), rau, furie si tristete. Alb reprezinta curatenia, puritatea si spiritualitatea, viata si casatoria (in culturile occidentale), dar si moarte (in culturile orientale). Gri combinatia dintre negru si alb, o culoare conservativa. Simbolizeaza siguranta, maturitate si incredere, dar si tristete. Maro uneori este clasificat ca o culoare speciala, poate fi folosita ca neutra sau calda. In fiecare dintre cazuri reprezinta credibilitate, stabilitate, inima, casa, pamantul. Desi calculatoarele moderne sunt capabile sa afiseze milioane de culori pe monitor, realizarea siteurilor este limitata la doar 216 culori, deoarece PC-urile si MAC-urile folosesc palete de culori complet diferite, dar au 216 culori comune. Aceste culori sunt considerate web safe, iar folosirea acestora va asigura ca culorile site-ului creat vor aparea la fel pe ambele sisteme. Alegerea unei combinatii de culori Odata ce ati inteles conotatiile culorilor, puteti sa alegeti un set de culori pentru site. Dar unde sa incepeti? Sa vedem cateva tipuri de combinatii de culori: Monocromatice folosesc o singura culoare. Folosirea diferitelor noante poate crea senzatia ca defapt sunt mai multe culori. Un site monocromatic emana calm, liniste si armonie. Folosirea unei singure culori creaza unitate. Culori asemanatoare foloseste culori inrudite, creaza combinatii atragatoare. O combinatie de albastru si purpuriu, sau rosu si portocaliu formeaza un set de culori asemanatoare. Dintr-o astfel de gama de culori, se pot folosi 2 sau mai multe, dar o culoare va fi cea dominanta, iar celelalte se vor folosi ca accente.

Culori in contrast sunt complementare si placute ochiului. Culorile complementare creaza aranjamente in contrast, de exemplu galben si purpuriu sau rosu si verde. De obicei se foloseste o culoare calda si una rece pentru a crea contrast, dar nu este neaparat necesar sa se foloseasca combinatiile de baza, cum ar fi albastru cu portocaliu. Puteti incerca sa combinati gri cu albastru deschis, sau maro si verde deschis pentru a crea aranjamente placute in contrast. Atentie De obicei, ochiul nu poate focusa pe culori in contrast in acelasi timp. Un text portocaliu pe un fond albastru este foarte dificil de citit. Folositi contraste pentru accent, si nu puneti contraste mari intre fond si text. Seturi triadice din 3 culori opuse. Rosu, galben si albastru ar fi o combinatie triadica. Ca si in cazul culorilor complementare, nu este necesar sa folositi doar combinatiile triadice de baza. Folosind nuante mai stinse se ajunge la o combinatie rafinata, mai subtila si armonioasa. Alegerea culorilor potrivite este un joc distractiv. Culorile ne inconjoara, in natura, pe masini, pe mobila, pe site-urile de pe Net, sau in print. Analizati toate culorile si combinatiile folosite de alti designeri, stabiliti ce va place si ce nu va place la aceste culori. Natura este o sursa de inspiratie importanta. Flori si pasari, munti si deserturi, toate au combinatii de culori fabuloase. Site-uri care ajuta in alegerea paletelor de culori:. Colors Schemer Create matching color schemes at the click of a button. Color Scheme Generator A nice clor schemer generator Color Scheme Tool You just insert the hex or rgb codes from or into Adobe Photoshop or any other image editing software and voila you are on your way to a great color scheme! Infohound Color Schemer This color schemer is a simple tool to help you experiment with various color schemes for your next web or print project. Website Color Match How to match web site colors website color scheme and color code.

NOI CULORI FOLOSITE IN WEB DESIGN Culori Neutre Shiny silver [#EEEEEE] Magnolia Mag.nolia [#F9F7ED] Interactive action yellow [#FFFF88] Qoop Mint [#CDEB8B] Gmail Blue [#C3D9FF] Shadows Grey [#36393D] Culori de impact

Mozilla Red [#FF1A00] Rollyo Red [#CC0000] RSS Orange [#FF7400] Techcrunch Green [#008C00] Newsvine Green [#006E2E] Culori Mute Ruby on Rails Red [#B02B2C] Etsy Vermillion [#D15600] 43 Things Gold [#C79810] Writely Olive [#73880A] Basecamp Green [#6BBA70] Mozilla Blue [#3F4C6B] Digg Blue [#356AA0] Last.fm Crimson [#D01F3C] Noile culori mpreuna cu deja consacratele : Negru [ #000 / #000000 ] Alb [ #FFF / #FFFFFF ] Gri nchis [ #444 / #444444 ] Rou / vermillion [ #F10 / #FF1100 ] Portocaliu (dusky) [ #E70 / #EE7700 ] Galben auriu [ #FD0 / #FFDD00 ] Verde [ #0F0 / #00FF00 ] Albastrul cerului (sky blue) [ #9EF / #99EEFF ] Albastrul marii(navy blue) [ #04A / #0044AA ] Roz/ magenta [ #E0F / #EE00FF ] Si altele , pot fi folosite in combinaie pentru a crea un site cu viziune moderna de web design.

In teorie aceasta roata de culori este de fapt spectrul luminii

spectrul luminii ndoit in forma circulara astfel incat rosul sa se intalneasca cu violetul si este folosit pentru a ne ajuta sa vedem cum se mbina culorile intre ele.

roata culorilor Culorile principale sunt bineinteles rosu, verde si albastru care in combinatie vor crea noi culori. Rosu si verde vor forma galben, verde si albastru vor forma cyan, albastru si rosu vor forma magenta, acestea fiind denumite culori secundare. Iar toate 3 combinate alb, daca inversam culorile adica daca inlocuim rosu, galben si albastru cu aceste 3 culori secundare, rezultatul va fi exact invers cu o diferenta daca combinam cele 3 culori impreuna vor forma negru. Intre culorile primare si secundare se gasesc culorile tertiare care impreuna vor forma roata culorilor

culorile-principale

culorile-secundare In principiu cele mai bune combinatii de culori sunt cele in forma analog(armonie), adica culorile aflate de o parte sau alta ale unei anumite culori date

culorile complementare(contrast), adica cele care se afla de o parte sau alta a roti de culori

culorile complementare impartite(contrastul si armonia in balanta), adica cele care folosesc o combinatia de analog si cea complementara

sau combinatia de culori triad(design colorat dar aflat in balanta) adica 3 valori de hue aflate la distanta egala intre ele.

Unul din site-urile care va pot ajuta in gasirea de combinatii atragatoare pentru web este KULER Unde designeri din intreaga lume incarca zilni noi si noi combinatii de culori, totodata daca aveti o poza sau un screenshot cu pagina uni site unde ati gasit culori care vi se potrivesc le puteti urca pe acest site si el va va ajuta sa gasiti cele mai bune combinatii dintre culorile oferite in poza. Trebuie luat in considerare si contrastul dintre fundal(background) si continut(foreground) Acest contrast nu trebuie sa fie nici prea evident pt a nu crea stres vizual dar nici prea difuz ,altfel se va ingreuna citirea continutului principal sau gasirea elementelor in pagina. Un alt lucru important si care trebuie luat in considerare este mesajul transmis al unei paginii web si culorile impreuna cu fonturile alese pentru a transmite acel mesaj.