Intr-o lume in care imaginea vinde inainte de toate, designul devine unul dintre cele mai importante instrumente. Designerii activeaza in domenii extrem de diverse – de la web, industrial, la interioare – fiecare fiind specializat pentru nisa care ii corespunde.
Totusi, abordarile cu adevarat inovatoare se pot naste privind dincolo de granitele domeniului de activitate. Cei de la Smashing Magazine au incercat sa stabileasca cateva principii ale designului de interioare si sa le aplice in domeniul web design-ului, in scopul de a sparge patternurile exsitente astazi.
Echilibrul
Cum functioneaza
In designul de interioare, echilibrul este de doua tipuri – formal si informal.
Echilibrul formal poate fi obtinut destul de usor – cu alte cuvinte, toate obiectele plasate de o partea a unei camere trebuie sa se regaseasca in oglinda si de cealalta parte. Astfel, se stabileste o relatie de simetrie.
Ganditi-va doar la doua noptiere plasate de o parte si de alta a unui pat, sau la doua faclii care incadreaza un semineu. Singurul risc pe care vi-l asumati atunci cand optati pentru acest gen de design este faptul ca poate deveni extrem de obositor si coplesitor atunci cand se utilizeaza o gama prea mare de obiecte sau culori.
Echilibrul informal se constuieste pee o abordare asimetrica bazata pe greutatea vizuala. Pentru a obtine echilibru nu este neaparat sa utilizati obiecte de acelasi tip – este recomandat sa foolositi obiecte diferite, insa care respecta aceeasi proportie vizuala. De exemplu, pentru a contrabalansa o canapea mare puteti sa asezati in oglinda o plasma de marime asemanatoare.
Acelasi lucru se intampla si in web design. Caracterele foarte mari pot contrabalansa imagini de mari dimensiuni. Echilibrul informal ne permite sa ne jucam – el poate reprezenta intriga unui design minimalist si poate sa dea valoare unui look vintage.
De ce este important
Echilibrul este unul dintre primele aspecte pe care le remarcam atunci cand analizam un design. Daca ceva pare nepotrivit, atunci probabil ca este o probleme ce tine de echilibru. Este destul de dificil sa se faca abstractie de acest lucru pentru a ne concentra pe alte aspecte ale designului.
Echilibrarea imaginilor, culorilor si texturilor ofera oricarui design un aspect curat si oraganizat, demonstrand faptul ca designerul este extrem de atent la detalii.
Sugestii pentru designeri
Evident ca echilibrul nu se limiteaza la a fi simetric sau nu. Un alt tip de echilibru este cel radial. Acesta poate fi obtinut centrand o imagine circulara si adaugand de jur imprejurul acesteia imagini mai mici. Asa cum se intampla in cazul meselor circulare inconjurate de scaune. Acest tip de design se concentreaza in jurul unui punct focal.
Exemple
In acest caz, designerii au utilizat regula proportiei vizuale pentru a obtine echilibrul. Cuvantul “analog” este extrem de mare, insa se echilibreaza cu latimea si lungimea imaginii camerei foto. is extremely big, but it balances out the larger width and length of the camera image — a point-size smaller and the word would have been lost.
Sub imagine regasim un text scris cu caractere mult mai mici. Acest artificiu functioneaza deoarece paragraful urmareste aceleasi dimensiuni ca cele ale imaginii.
Designul Ethno Port Ponzan se construieste pe baza regulii echilibrului radial. Linkurile pentru subpagini sunt plasate pe inele in jurul logo-ulu, care constituie punctul central de interes. Desi acestea sunt pozitionate la distante diferite, echilibrul vizual este sustinut prin faptul ca plasarea lor este echidistanta fata de punctul central.
Metoda radiala reprezinta una dintre cele mai facile metode de a obtine echilibrul vizual iar Ethno Port Ponzan este un exemplu de succes in acest sens.
Site-ul Zee constituie un exemplu de echilibru asimetric in care textul este utilizat ca design. Sintagma “Always in the loop” constituie punctul central, designerii utilizand proportia vizuala a fonturilor , semnele de punctuatie mari si imagini de dimensiuni mici pentru echilibrarea designulu.
Proportia
Cum functioneaza
Proportia are leatura cu modul in care relatia pe care o stabilesc intre ele dimensiunile obiectelor dintr-o camera. De exemplu, o canapea de dimensiuni mari nu ar trebui asezata in fata unu ecran TV de 16″, iar un pat foarte mari nu ar trebui sa fie incadrat de noptiere de mici.
Aceleasi reguli se aplica si in cazul web designului. Un foat foarte mare nu trebuie sa fie asociat cu un punct focal de dimesniuni mici. Aceste elemente trebuie luate in considerare si atunci cand se gandeste designul unei “scene”, cum este cazul peretilor cu rame si ilustratiile cu peisaje.
De ce este important
Proportia este la fel ca echilibrul: o percepem imdiat si, daca nu este respectata, privitorului ii este greu sa se concentreze asupra altor detalii. Proportia este vitala in crearea unui anumit mediu. Daca o cana de cafea este prea mare in comparatie cu biroul pe care este asezata sau daca o vaca este mult prea mare fata de peisajul care o inconjoara, vizualul devine nerealist.
Sugestii pentru designeri
Multi dintre noi considera ca alaturarea unei imagini de dimesiuni mari unui text cu caractere la fel de mari este prea mult. De aceea, exista tendinta de solutionare a acestei false probleme prin micsorarea uneia dintre ele. Totusi, regula proportiei ne recomanda sa pastram mare cu mare si mic cu mic, pentru ca astfel putem sa construim un vizual credibil si echilibrat.
Exemple
Designul site-ului celor de la Foxie este un bun exemplu de eficienta a abordarii bazate pe proportie, avand in vedere ca sectiunea de biblioteca contine obiecte care respecta in mare marimea lor naturala, fiind, astfel, credibile. Celalelte obiecte plasate pe rafp, precum telecomanda si trofou, au rolul de a recrea impresia unei scene realiste.
La fel cum se intampla si in cazul Foxie, privirea noastra se muta in mod natural de la elementele de design catre partea informationala, nefiind distrasi de disproportionalitate. La Work Awsome, colajul este alcatuit dintr-o tastatura, o cana de cafea si un mouse, toate acestea pastrand o proprtie realista.
In opozitie cu Work Awesome, unde componenta principala a site-ului este cea informationala, designul site-ului RZMota se construieste in jurul credibilitatii scenei prezentate. Cu siguranta ca nu este usor sa faci atatea obiecte proportionala, insa, iata ca cei de la RZMota arata ca se pooate.
Ritmul
Cum functioneaza
In ceea ce priveste interioarele, ritmul poate fi creat plasand un element unificator intr-o incapare – o culoare, un model, o textura. Atunci cand acest element se repeta in acelasi spatiu, se creeaza o experienta dinamica – ochiul nu mai zaboveste asupra unui singur obiect, ci se muta in locurile diverse in care este asezat elementul unificator.
Aceeasi strategie se poate aplica si in web design, repetand o textura, un pattern sau o anumita forma in design.
De ce este important
Ritmul asigura formarea unei atmosfere legate intr-o camera si permite ochiului sa faca usor tranzitia intre elementele de mediu, experimentand toate aspectele de design. La fel ca in spatiile fizice, ritmul este extrem de important pentru web design.
Sugestii pentru designeri
Cel mai important lucru care trebuie retinut este varietatea repetitiei. Daca alegeti culoarea alb drept element unificator, puteti sa o folositi in texturi, imagini, CSS etc. Varietatea este intotdeauna binevenita si previne un design care ar putea deveni plictisitor.
Exemple
Ritmul site-ului Interaktionsdesign se construieste dincolo de accentele de culorii galben. Repetitia sagetilor de mici dimensiuni permite ochiului sa se miste in pagina si confera unitate designului. Utilizarea sagetilor in header, sub-headere si ca link-uri in coltul din stanga jos ghideaza vizitatorii catre informatiile care le sunt necesare.
Galbenul actioneaza aici ca un adaos, evidentiind sectiunile, in cazul in care sagetile nu reusesc sa capteze atentia vizitatorilor.
Repetitia formelor utilizata in cazul site-ului Digital Podge creeaza coeziune in design. Pentru acest site regula ritmului actioneaza in mod diferit – oricaer ar fi elementul repetititv, acesta poate fi ultilizat pentru a evidentia link-uri si alte informatii care sunt vitale pentru crearea experientei consumatorului.
Pe Digital Podge, cercurile pot fie sa indice link-uri catre alte pagini, fie sa evidentieze sectiuni care trebuie vizualizate de catre vizitator.
Culoarea galben si liniile inclinate dau ritmul acestui site, prin miscarile pe care le efectueaza in site pentru a capta atentia. Asta atrage atentia aspura faptului ca un site poate sa exploateze mai multe elemente repetitive in procesul de creare a ritmului.
Daca vi s-a parut interesanta incursiunea noastra in lumea designului, trebuie sa va spunem ca mai avem pregatite si alte exemple cu care vom reveni in curand! 
