Una griglia funziona da base per la progettazione del layout di pagina. Essa divide la pagina orizzontalmente e verticalmente in colonne e righe creando così gli spazi per disporre informazioni ed elementi del design in maniera ordinata e armonica.
Le linee della griglia non devono necessariamente essere visibili: sono usate dal designer per creare le giuste proporzioni di larghezza e altezza degli elementi da allineare.
Perché usare il design basato su griglie?
Le griglie nel web design sono un valido aiuto sia per i designer che per i visitatori. Un designer potrà, già in fase di progettazione, avere un’idea precisa di come disporre tutti i contenuti del sito con la certezza quasi matematica di ottenere un risultato visivo armonico e bilanciato.
Un layout a griglia guida naturalmente l’occhio del visitatore alla scoperta delle differenti aree della pagina, col risultato che tutto il sito diventa più facile da leggere e scorrere a tutto vantaggio dell’usabilità.
Approfondimenti & Tools
A questo indirizzo, un interessante ed esauriente articolo sull’approccio al design con le griglie, con parecchi esempi e utili suggerimenti.
Qui trovi un importante contributo di Khoi Vinh e Mark Boultons (articolo in pdf).
Grid System Generator: un utile tools per creare online griglie di tutti i tipi.
