Dimensioni

A cosa servono

Le dimensioni di un elemento sono misure che definiscono lo spazio occupato in altezza e in larghezza da un elemento.

Definendo dimensioni standard, infatti, è possibile garantire una coerenza visiva all'interno di un'interfaccia.

Le misure sono espresse in percentuale perché possono essere relative a:

• la dimensione dello schermo (viewport);
• la dimensione del contenitore in cui è inserito l'elemento, come le colonne della griglia.

Come usarle

È possibile utilizzare misure diverse per uno stesso elemento in base a specifiche necessità di layout.

Ad esempio, un pulsante può avere una dimensione 100% su dispositivi mobile perché essere facilmente cliccabile, mentre una dimensione ridotta su dispositivi più grandi dove lo spazio a disposizione è maggiore.

Queste misure si adattano alla griglia, ma non la sostituiscono in quanto non prevedono intercolonna e margini laterali.

I token per le dimensioni

I token relativi alle dimensioni appartengono alla tipologia globali. Come tali, possono essere riutilizzati come misura di riferimento per token semantici o specifici.