Am scris saptamana trecuta un articol despre regulile designului de interioare si maniera in care acestea se aplica in web design. Ne intoarcem, de acesta data, cu alte reguli si mai multe exemple, asa cum v-am promis. 
Accentul
Cum functioneaza
Accentul se aseamna cu centrul de interes. Televizoarele, semineele, scaunele avangardiste, operele de arta – toate aceste sunt pentru fiecare dintre noi demne sa constituie piese centrale in casele pe care le locuim. Aceste elemente se regasesc de obicei in partea centrala si sunt primele care capteaza privirea.
In web design, la fel ca in designul de interioare, cream de multe ori puncte de focalizare in mod neintentionat. Acest lucru este cauzat de obictele mari plasate intr-un anumit design sau de un text de dimensiune mare. Pentru a echilibra centrul de interes este de preferat sa utilizati si alte elemente, precum culoarea, forma sau textura.
De ce este important
In timp ce obiectele care constituie centre de interes sunt alese in functie de valoarea lor estetica, ele serves unor scopuri mai largi in design. Centrul de interes reprezinta punctul de ancorare a intregului design, iar obiectul care este ales in acest scop trebuie sa influenteze toate celelalte decizii de design.
Sugestii pentru designeri
Obiectele secundare nu trebuie sa fie neglijate. Alegerea centrului de interes confera spatiului fundatie de la care trebuie sa plecam. Utilizati obiectele inconjuratoare intr-un fel care pare dezorganizat.
Exemple
Centrul de interes din acest caz – masina de scris – este primul element care ne capteaza privirea. Acest lucru are doua cauze. In primul rand, este una dintre cele mai mari imagini utilizate in layout. In al doilea rand, aceasta imagine contine in cea mai mare proportie culoarea alb, ceea ce creeaza un contrast puternic. Celelalte imagini ultilizate, care graviteaza in jurul masinii de scris, sunt construite in aceeasi paleta cromatica, aspect care le evidentiaza.
Numele si fotografia lui Ecko sunt centrele principale de interes. Ele se comporta drept ancore pentru intregul design, facand ca celelalte imagini sa para asezate intamplator, intr-o ordine aleatoare, insa profesioniste si alese cu cu grija.
Cainele, centrul de interes in acest caz, nu mai actioneaza ca o ancora si nici nu este plasat in partea centrala a imaginii. Totusi, faptul ca este multicolor si utilizeaza culori stralucitoare, in contrast cu tonurile de gri utilizate in restul layout-ului, atrage atentia instant.
Culoarea
Cum functioneaza
Culorile functioneaza impreuna in multiple moduri. Nenumaratele combinatii posibile ne ifluneteaza gandurile, opiniile si sentimentele. Avand efecte atat de semnificative, este important sa ne concentram pe consecintele pe care culorile le detemina intr-un spatiu limitat al unui design.
In ceea ce priveste interioarele, utilizarea culorilor calde sau reci este dictata de cantitatea de lumina care partunde in camera, de cat de mult timp petreceti acolo si, nu in ultimul rand, de marimea incaperii. Web designerii nu trebuie sa isi faca astfel de probleme, insa trebuie sa ia in considerare influentele spatiale pe care le au culorile atunci cand lucreaza cu layout-uri mai grele sau mai usoare.
Daca layout-ul in cauza este ingreunat de text, imagini si texturi este bine sa apelati la tonuri mai reci precum albastrul, turcoazul sau verde. Acestea vor largi spatiul si vor echilibra greutatea vizualului. Utilizati tonurile mai calde in designuri minimaliste, pentru a crea impresia de extra spatiu.
De ce este important
Culorile folosite in casele noastre ne reflecta personalitatea la fel cum site-urile noastre sunt casele noastre tehnologice.
Sugestii pentru designeri
Atunci cand vreti sa stiti daca culorile se potrivesc unele cu altele, indreptati-va catre natura. Ganditi-va la o plaja si veti realiza ca turcoazul se combina extrem de bine cu bejul si cremul. Ganditi-va la peisajele tomnatice si veti vedea cum se completeaza rosul, portocaliul, maroul si verdele.
Griurile, negrul si marourile vor incadra intotdeuna alte culori, reducandu-le din duritate. Datorita neutralitatii lor, colorile-ancora nu trebuie luate in considerare la numaratoarea culorilor, caci ele permit diversitatea.
Exemple
Layout-ul site-ului Saskia Music este larg, spatios, si contine un volum mediu de informatii si grafice. Backgorund-ul albastru face ca informatia sa para mai putin ingramadita, largind spatiul.
Site-ul Octonauts este extrem de aglomerat: background-ul se constituie pe baza unui pattern, imaginea de pe header este animata, iar cele doua coloane de text contin ultimele stiri. Tonurile de albastru sunt sunt cele care dau fluiditate design-ului.
Textura
Cum functioneaza
Cheia succesului este combinarea texturilor diferite. Acest lucru se plica pe web la fel de bine ca in designul de interior. Amestecati rigide cu neted, stralucitor cu mat, scamosat cu matasos. Veti fi suprinsi de modul in care texturile scot in evidenta ceea ce este mai bun din celelalte.
De ce este important
Textura este unul dintre cei mai puternici factori care determina un raspuns emotional din partea utilizatorului. Echilibrul, proportia, ritmul, accentul si culoarea constituie principii de baza. In aceasta ecuatie, textura este amplificatorul necesar - este, daca vreti, cireasa de pe tort.
Sugestii pentru designeri
Nevoie de utilizare a texturii se dubleaza atunci cand utilizam o paleta monocroma. Aceste tipuri de palete cromatice pot deveni cu usurinta plictisitoare, atat in designul interior cat si pe web. Totusi, ele pot fi si intrigante si multifatetate, iar cea mai usoara cale de a obtine acest efect este utilizarea texturilor.
Exemple
Site-ul Coraline contine o varietate de texturi, insa diversitatea nu altereaza conceptul.
In cazul Five Cent Stand, stratificarea ziarelor si a fotografiilor vechi este extrem de interesanta.
Rose Fu combina texturi multiple intr-o paleta monocroma. In cazul in care ar fi fost utlizate mai multe culori, numarul mare de texturi nu ar mai fi fost necesar.
Liniile
Cum functioneaza
Locurile cele mai des utilizate pentru incadrarea liniilor intr-un design de interioare sunt podeaua, tapiteriile si peretii. Desi sunt considerate elemente simpliste, modul in care liniile sunt utilizate spune mult despre un anumit spatiu.
De exemplu, liniile orizontale creeaza o atmosfera primitoare, casual, in timp ce liniile verticale inspira formalitate. Liniile curbe denota gratie pe cand diagonalele marcheaza ritmul si dinamica unei incaperi.
De ce este important
Poate ca cel mai important lucru care poate fi spus despre linii este ca acestea creeaza o stare de spirit. Iar acest lucru se poate transpune la fel de bine si in mediul online. Foarte interesant este ca puteti sa va jucati cu liniile astfel incat ele sa fie la fel de sterse sau puternice precum vi le doriti, potrivindu-se deciziilor de design pe care le luati.
Sugestii pentru designeri
Nu fiti reticenti la combinarea liniilor pentu obtinerea echilibrului. De exemplu, adaugand linii orizontale puteti sa “indulciti” formalismul liniilor verticale. In aceeasi masura, luniile orizontale creeaza o atmosfera mai jucausaatunci cand sunt combinate cu liniile curbe.
Exemple
Vyniknite utilizeaza linii curbe pentru a reprezenta bataia vantului, ceea ce confera o atmosfera stranie layout-ului.
Site-ul lui Daniel Kusaka utilizeaza linii diagonale care intersecteaza imaginile dreptunghiulare, creand senzatia de miscare intr-un layout care ar putea parea cu usurinta static. Acest artificiu este deblat de colorile variate ale liniilor, evidentiindu-le si, astfel, sporindu-le eficienta.
Speram ca lucrurile prezentate mai sus vi s-au parut interesante si, nu-i asa, ca veti avea o perspectiva ceva mai diferita atunci cand veti gandi propriile voastre site-uri!
Tags: Accentul, Culoarea, design de interioare, Liniile, Textura, We know, web design
