Spacing
Spacing er viktig for å skape system, hierarki og god rytme på tvers av løsninger. Ved å etablere gode standarder for avstand blir det enklere og raskere for designere og utviklere å ta gode valg.
Skala
Spacing | Variabel | Rem | Pixler |
---|---|---|---|
$spacing-3xs | N/Arem | N/A | |
$spacing-2xs | N/Arem | N/A | |
$spacing-xs | N/Arem | N/A | |
$spacing-s | N/Arem | N/A | |
$spacing-m | N/Arem | N/A | |
$spacing-l | N/Arem | N/A | |
$spacing-xl | N/Arem | N/A | |
$spacing-2xl | N/Arem | N/A | |
$spacing-3xl | N/Arem | N/A | |
$spacing-4xl | N/Arem | N/A |
Praktisk
For å gjøre det lettere å jobbe med skalaen i Figma kan du sette verdien av "big nudge" til 8px. Dette gjør du under Hamburgermeny (øverst til venstre) → Preferences → Nudge Amount.
Hvordan bruke spacingskalaen?
Det er ingen konkret fasit på hvilke verdier i skalaen du skal benytte. Det vil avhenge av løsningen som designes.