Nel web design, una griglia è un susseguirsi di piazze che riempie lo spazio che occuperà il vostro sito Web. La griglia stessa non è in genere visibile nel progetto finale, ma un design basato su una griglia in genere sarà facile da individuare quando rispetto ad altri disegni di forma più libera. Grid-based progettazione potrebbe essere la scelta estetica perfetta per il tuo sito, ma si può anche beneficiare di più semplici disegni o quelli che consentono il contenuto del sito per adattarsi all'interno di forme e dimensioni dello schermo variabili.
Il tuo pubblico
Se i visitatori del sito si aspettano di trovare i contenuti presentati in sezioni distinte, simile ad un box, una griglia ospiterà le loro aspettative. Una griglia può presentare una sezione principale dove le più importanti informazioni o notizie più recenti sono ben visibile al fine di catturare l'attenzione del vostro pubblico, e le altre sezioni possono quindi essere dedicate a funzionalità aggiuntive.
Il tuo contenuto
Se avete meno contenuti da offrire, una griglia può non essere necessaria. Ad esempio, un weblog che visualizza semplicemente i post del tuo blog in ordine cronologico può avere un design molto semplice che assomiglia a un elenco puntato. Se il sito è pesante sul contenuto, tuttavia, un design non organizzato può lasciare il vostro spettatori confuso e disorientato. Utilizzando una griglia per separare e chiamano più o meno attenzione alle diverse caratteristiche contenuti può alleviare questa preoccupazione. Esempi di contenuti aggiuntivi che meglio vengono visualizzati in un layout di griglia includono calendari online, collegamenti preferiti, widget e pubblicità. Nell'esempio del weblog, se fosse necessario aggiungere questi e altri pezzi aggiuntivi di contenuti al tuo blog, si sarebbe quasi certamente desidera disporli all'interno di una griglia per guidare l'attenzione dei visitatori del tuo sito per il contenuto più importante prima.
Layout del tuo sito su più tipi di schermo
Considerare il modo diversi dispositivi visualizzerà il layout basati su griglia.
Una griglia presuppone una specifica dello schermo dimensione e risoluzione. Se si progetta la tua griglia per uno schermo più piccolo o risoluzioni inferiori, verrà visualizzato in modo diverso su schermi più grandi. Web designer in genere superare questa preoccupazione inserendo uno spazio vuoto di larghezza variabile su entrambi i lati il disegno a griglia, che visualizzando il sito Web su uno schermo più grande centri semplicemente il design tra gli spazi vuoti. Su schermi più piccoli, come quelli su dispositivi mobili abilitati al web, il contenuto può risultare illeggibile dopo che si è ridotto fino a una dimensione abbastanza piccolo per adattarsi sullo schermo. Utilizzando le funzionalità di zoom del browser mobile può ingrandire il contenuto, ma anche questo amplierà l'intero disegno, causando gran parte di essa per spostare all'esterno dell'area di visualizzazione dello schermo.