Layout

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