Design responsive site web

Design responsive site web

Introducerea tehnicilor moderne de realizare a site-urilor web, designul responsive face ca un site web sa fie adaptabil la o multitudine de rezolutii ale ecranelor de pe care este vizualizat. Indiferent dupa ce dispozitiv este vizualizat site-ul web, atat continutul de tip text cat si imaginile nu sunt alterate, ele fiind vizualizate integral.

 

Modalitatea de realizare a site-urilor web

Principiul de baza a site-urilor responsive este redimensionarea in functie de marimea ecranului. Ca si concept designul 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. Toate elementele vor fi redimensionate sau optimizate pentru o buna vizibilitate pe gageturi sau mobil.

 

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.

Leave a Comment

*Required fields Please validate the required fields

*

*

*