Vai al contenuto
Chiedi un preventivo

Glossario · Web design

Sito responsive

Si dice anche: responsive design, responsive web design, design responsivo.

Definizione

Un sito responsive è un sito web che adatta la disposizione di testi, immagini e menu alla larghezza dello schermo, dal telefono al computer. Le pagine e l'indirizzo restano gli stessi: cambia solo il modo in cui i contenuti si dispongono. Google lo indica come la soluzione più semplice da realizzare e da gestire.

A cura di , graphic designer a CataniaAggiornata il

Un sito responsive su tre schermi: stesse pagine e stessi contenuti, cambia solo la disposizione, da tre colonne a una.
  1. Sito responsive: in pratica

    Sono Gaia Rundo, graphic designer a Catania: di un sito responsive progetto la grafica, e disegno ogni pagina sia per il computer sia per il telefono. Che il sito pubblicato si adatti davvero dipende poi da chi lo sviluppa: per questo chi sviluppa e pubblica si stabilisce già nel preventivo. Per riconoscerlo apri il sito dal telefono: i testi si leggono senza ingrandire, i pulsanti si toccano con il dito, niente scorre di lato. Oppure, dal computer, restringi la finestra del browser: le colonne devono riordinarsi.

  2. Sito responsive: un esempio

    Un sito responsive si progetta su più schermi. Nel portfolio il sito dell'Hotel Le Mandala, boutique hotel di Saint-Tropez, mostra la stessa home su telefono, portatile e monitor: cambiano le proporzioni, restano titolo, fotografia e testo.

  3. Sito responsive: da non confondere con

    Un sito responsive non è un sito con una versione mobile separata. Nel primo c'è un solo sito, allo stesso indirizzo, che si riordina da solo. Nel secondo i siti sono due, per computer e per telefono, e vanno aggiornati entrambi.