By Pentru realizarea grafica a site-urilor web, au fost introduse mai multe tehnici si tehnologii. Un design responsive face ca un site web sa fie adaptabil la o multitudine de rezolutii ale ecranelor. Indiferent dupa ce dispozitiv este vizualizat site-ul web, atat continutul de tip text cat si imaginile nu sunt alterate, ele fiind vizualizate integral.
Odata cu aparitia telefoanelor inteligente, dezvoltatorii de site-uri web si-au dat seama, ca un site web care arata fabulous pe un ecran mare de desktop, nu arata bine pe telefon. Deoarece dimensiunile ecranelor difera de la un dispozitiv la altul, ar fi fost nevoie ca design-ul site-urilor sa fie realizat pentru fiecare dispozitiv in parte. Nimeni nu poate face acest lucru.
O solutie inteligenta pentru a rezolva aceasta problema a aparut odata cu dezvoltarea acestui tip de design responsive, care nu face altceva decat sa redirectioneze automat continutl si aspectul site-ului web pentru a se potrivi cu toate dimensiunile ecranelor.
Modalitatea de realizare a site-urilor web
Principiul de baza a site-urilor cu design responsive, este redimensionarea in functie de marimea ecranului. Ca si concept un design responsive este bazat pe trei elemente fundamentale: media queries, imagini flexibile care isi modifica dimensiunea, cat si griduri fluide care iau in considerare rezolutia ecranului.
Un site redimensionat pentru mobil nu va prezenta aceleasi butoane sau acelasi meniu ca si pe desktop. De aceea site-urile sunt concepute separate pentru versiunea de mobil fata de cea desktop. Principalul obiectiv urmarit atunci cand este dezvoltata o interfata a unui site pentru versiunea mobila, il reprezinta optimizarea continutului. Toate elementele vor fi redimensionate sau optimizate pentru o buna vizibilitate pe gageturi sau mobil. Astfel ca in moemtul in care vizualizati un site pe mobil, ve-ti putea vizualiza versiunea de mobil a site-ului.
In loc sa fi nevoit sa construiesti doua site-uri separate, pentru doua dimensiuni diferite de mobil si desktop, designul responsive te poate ajuta sa creezi un singur site web dinamic, care adapteaza continutul la dimensiunile ecranului dispozitivului de pe care vizualizezi site-ul.
Un site cu design responsive, este scalat imediat pentru a se potrivi cu dimensiunea ecranului. In caz ca te afli pe un desktop, poti vedea versiunea pentru mobil astfel: micsoreaza fereastra browserului tragand din coltul de jos dreapta. Atunci vei putea observa cum site-ul se adapteaza la diferite dimensiuni ale browserului, cum isi schimba aspectul si cum sunt rearanjate elementele de continut.
Designul responsive poate fi o solutie eleganta pentru a face ca site-ul sa fie bine primit pe vizitatori indiferent de pe ce dispozitiv acestia il acceseaza. Cu toate acestea cel mai bun sfat este sa colaborati cu o firma web design sau cu un programator independent care cunoaste in detaliu date tehnice si va poate oferi cele mai bune solutii pentru nevoile dumneavoastra.
Cateva frameworkuri responsive
Cateva dintre framework-urile responsive:
– Twitter Bootstrap
– Less Framework
– Skeleton
– Foundation
– Responsive Grid System
– Gumby Framework
– Base
– Semantic Grid System
– Compass
Concluzie
Aceste tehnici sunt doar simple confirmări că web design-ul evoluează rapid, în pas cu inovațiile tehnologice. De acum, lucrurile au devenit mai clare: nu mai ajunge sa proiectezi o interfață și să torni pur și simplu conținut, este important să oferi o experiență completă, adaptabilă, care să evolueze odată cu nevoile utilizatorului.
