Progettazione per Web e tablet - Progettazione reattiva

• Potrebbe 2, 2024

Il termine Responsive è stato in prima linea per un po ', ma cosa significa esattamente? Internet è cambiato molto nel corso degli anni, da una piattaforma prevalentemente basata su testo a un ambiente interattivo, coinvolgente, multimediale e multi-dispositivo.

Le pagine Web sono cambiate nell'ultimo decennio per riflettere i miglioramenti a Internet e ai dispositivi che utilizziamo per visualizzarla. Parlando di dispositivi, abbiamo diversi tipi tra cui scegliere, inclusi computer, mini-computer, tablet e smartphone. Con l'aumentare del numero di dispositivi e delle loro variazioni, diventa evidente un problema. Ogni dispositivo e ogni variante di un dispositivo ha le proprie dimensioni dello schermo.

Quando dovevamo progettare solo siti Web per computer desktop e laptop, la nostra considerazione principale era come assicurare che la pagina Web fosse visualizzata allo stesso modo, indipendentemente dal computer o dal browser web. La risposta è stata quella di progettare per i migliori browser Web e le risoluzioni dello schermo più comuni. Ha funzionato per un breve periodo. Un altro problema è diventato evidente poiché questi parametri hanno continuato a cambiare. Le dimensioni dello schermo per il mio primo computer erano 800 x 600 e l'ho adorato comunque. Quindi 1024 x 800 divenne la norma. Ora i computer sono cresciuti a 27 pollici e più grandi. Quindi la risoluzione target per un sito Web ha continuato a cambiare.

Proprio quando abbiamo iniziato a divertirci a progettare per questi schermi più grandi, la popolarità di smartphone e tablet è aumentata notevolmente, con le loro fantastiche app ma schermi più piccoli. In effetti, si prevede che smartphone e tabelle verranno utilizzati più spesso dei computer per visualizzare il Web in pochi anni. All'inizio c'erano solo pochi dispositivi mobili. Quindi abbiamo iniziato a progettare sia un sito Web principale per l'utente del computer sia un secondo sito per l'utente mobile. Ma questo non ha risolto completamente il problema, perché stavamo ancora progettando per layout a larghezza fissa.

Ora, non puoi presumere quale dispositivo utilizzerà lo spettatore per visualizzare il tuo sito web. Quindi progettare per determinate dimensioni di schermi fissi non è più la migliore risposta al problema. Ciò di cui abbiamo bisogno è un modo per determinare le dimensioni dello schermo del dispositivo dell'utente e visualizzare la pagina Web di conseguenza. Quindi, un design web reattivo, che utilizza CSS per determinare la larghezza dello schermo e per visualizzare una pagina Web in modo diverso, se necessario. Questo ci consente di avere un solo sito Web che si trasformerà in diverse versioni in base alle esigenze.

Istruzioni Video: Club Professionisti in Rete: il Portale Web per la Progettazione di Schneider Electric Italia (Potrebbe 2024).