April 4
Nel web design, una griglia è una serie di quadrati che riempie lo spazio il vostro sito occuperà. La griglia in sé non è in genere visibile nel progetto finale, ma un progetto basato su una griglia sarà tipicamente facile da individuare rispetto ad altri disegni più a forma libera. disegno di griglia a base può essere la scelta estetica perfetta per il vostro sito web, ma si può anche beneficiare di disegni più semplici o quelli che permettono il contenuto del sito per adattarsi all'interno di varie dimensioni e forme dello schermo.
Se i visitatori del tuo sito si aspettano di trovare il contenuto presentato in sezioni scatolari distinti, allora una griglia ospiterà le loro aspettative. Una griglia può presentare una sezione principale dove notizie o informazioni più importanti più recente è ben visibile in modo da catturare l'attenzione del pubblico, e le altre sezioni può essere dedicato ad altre funzioni.
Se si dispone di meno di contenuti da offrire, una griglia potrebbe non essere necessario. Ad esempio, un blog che visualizza semplicemente il tuo blog in ordine cronologico può avere un design molto semplice che si presenta come un elenco puntato. Se il sito è pesante sul contenuto, tuttavia, un design disorganizzata può lasciare l'attenzione degli spettatori confusi e disorientati. Utilizzando una griglia per separare e chiamare più o meno attenzione alle diverse caratteristiche dei contenuti può alleviare questa preoccupazione. Esempi di contenuti aggiuntivi che sono meglio visualizzate in un layout di griglia comprendono calendari online, collegamenti preferiti, widget e pubblicità. Nell'esempio del weblog, se si dovesse aggiungere questi ed altri pezzi aggiuntivi di contenuti per il tuo blog, si sarebbe quasi certamente voglia di sistemarli all'interno di una griglia per guidare l'attenzione dei visitatori del tuo sito per i contenuti più importanti per primo.
Una griglia assume specifiche dimensioni dello schermo e la risoluzione. Se si progetta la griglia per uno schermo più piccolo o risoluzioni più basse, verrà visualizzato in modo diverso su schermi più grandi. Web designer tipicamente superare questo problema mettendo spazio vuoto di larghezza variabile su entrambi i lati del disegno di griglia, in modo che la visualizzazione del sito web su uno schermo più grande Centri semplicemente il disegno tra spazi vuoti. Su schermi più piccoli, come quelli su dispositivi mobili web-enabled, il contenuto potrebbe essere illeggibile dopo che si restringe fino a una dimensione di piccolo abbastanza per adattarsi allo schermo. Utilizzando le funzionalità di zoom di un browser mobile può ingrandire il contenuto, ma questo sarà anche ingrandire l'intero progetto, causando gran parte di essa di muoversi al di fuori dell'area di visualizzazione dello schermo.