Un buon design tiene in considerazione gli spazi. Il layout è un insieme di griglie che servono a dettare il ritmo, la proporzione e la posizione degli elementi all’interno dello spazio di lavoro, sia che si lavori su un’intera pagina, su un’icona o su un singolo componente.
In un sistema di griglie sono riconoscibili:
- Unità: Le unità sono le divisioni verticali più piccole della pagina.
- Colonne: Le colonne sono un set di unità raggruppate insieme per creare un’area di lavoro per i contenuti. Per esempio, una griglia base di 12 unità può essere raggruppata in due colonne di 6, tre di 4 o 6 di due.
- Regioni: Le regioni sono gruppi di colonne che formano le basi del layout. Per esempio, una base di 12 unità con 6 colonne può essere separata in due regioni, una di 4 colonne e una di 2 colonne.
- Baseline: Una baseline è un sistema tipografico a cui riferirsi per appoggiare la base orizzontale dei caratteri.
- Gutters: sono gli spazi bianchi tra gli elementi, o verticalmente tra le unità, colonne e regioni o orizzontalmente tra i fields.
Per la buona costruzione di un sistema di griglie è utile seguire il concetto di Base 4, o Base 8. È uno standard di design dove tutti i calcoli possibili sono divisibili per multipli di 4, o di 8, in modo da determinare le dimensioni dei paddings, margini e ogni altro elemento in modo consistente e allineato in griglia.
Scritto da
edoardo
01/06/2018 - 10:40
Modificato da ila 04/10/2019 - 14:07
Modificato da ila 04/10/2019 - 14:07