Ce înseamnă design responsive?

    Toată lumea vorbește în ultima vreme despre responsive web design. Practic, nu mai facem versiune de mobil a website-ului sau magazinului online, ci îl gândim cu totul responsive, de la început.

    Un website este responsive dacă are capacitatea să-și adapteze layout-urile (designul) paginilor în functie de mediul de vizionare (mai precis de rezoluția ecranului – desktop, laptop, tabletă, telefon), fără a suferi degradări majore, pentru a le oferi utilizatorilor o experiență excelentă de navigare.

    Conceptul de Responsive Design a fost prima dată introdus în 2010 de Ethan Marcotte în articolul său scris pe AListApart, însă a câștigat popularitate în ultimii 2-3 ani. El se bazează pe 3 elemente esențiale:
    • Griduri fluide, care iau în considerare o paletă largă de rezoluții. Pe măsură ce rezoluția se schimbă, elementele din pagini se redimensionează / rearanjează;
    • Imagini flexibile, care își pot modifica înaltimea și/sau lațimea în funcție de grid;
    • Interogările media.
    Gridurile fluide au luat inevitabil locul celor fixe datorită multitudinii de rezoluții existente în prezent. Acestea se bazează pe calculul proporțiilor și îsi pot modifica lățimea și înălțimea în funcție de rezoluție. Dimensiunile nu se mai măsoară în pixeli, ci în procente și unități relative.

    Imaginile flexibile îsi pot modifica dimensiunile în funcție de rezoluția dispozitivului și dimensiunea gridului. Este indicat să fie salvate pe server mai multe dimensiuni pentru fiecare poză, iar mai apoi să fie încarcată dimensiunea potrivită rezoluției.

    Interogarile media (media queries) reprezintă un procedeu eficient de a încarca diferite proprietăți CSS în funcție de rezoluție. Site-ul recunoaște automat tipul dispozitivului și rezoluția acestuia încarcând proprietățile CSS corespunzătoare.

    Crearea unui design responsive mărește timpul alocat creării designului și implementării acestuia HTML CSS. În loc să se creeze o singură versiune de layout, se creează de la 3 la 5, fiecare dintre ele trebuind și implementate. În loc să ai o singură imagine (o singură dimensiune) pentru un anume loc în layout, ai aceeași imagine la mai multe dimensiuni, uploadate pe server, de unde se va încarca imaginea potrivită în funcție de rezoluție.

    Avantajele unui website responsive:
    • Accesibilitate – există o versiune de site funcțională pe toate dispozitivele! Nu mai sunt necesare versiuni speciale de mobil, care trebuie dezvoltate separat, prin urmare se eficentizează costurile;
    • Simple sharing – un singur URL pentru toata lumea;
    • Experiență bună de navigare – fiindcă se adaptează rezoluției, se elimină erorile de nagivare, apariția scroll-urilor orizontale, întâlnirea butoanelor prea mici pentru a fi apăsate, etc.
    Chiar dacă crește volumul de muncă, după cum am specificat mai sus, costurile pentru website-uri nu cresc în cazul nostru. Versus Design nu încasează plăți suplimentare pentru un site responsive. În plus, noi întotdeauna recomandăm clientului ca website-ul creat de noi să fie unul sută la sută responsive.

Activăm

în Chişinău

Orele de lucru

Luni - Vineri
9:00 - 18:00

Telefon

+373 69 85 95 88

Email

contact@versusdesign.us