Kontrast

TILLBAKA

I korthet

Kontrast innefattar användning av olika färger, former eller storlekar för att särskilja ett element från resten.

Nyckelpunkter för Kontrast

1

Graden av kontrast mellan två objekt indikerar graden av skillnad mellan dem.

2

Använd kontrast för att betona viktig information eller knappar.

3

Fetmarkera viktiga textpartier för att skapa kontrast mot resten av brödtexten.

4

Använd en kontrasterande färg på länkar för att visa att de är klickbara.

5

Kombinera färgpsykologi och kontrast för att skapa effektfulla knappar och CTA.

Exempel

TEXT

Läs mer om Kontrast

How to Use Contrast in Web Design: Tips and Examples

elementor.com

How to Design With Contrast

uxpin.com

Proportion

Proportion innebär att du använder storlek för att symbolisera värde och prioritering i din komposition.

Grafiska principer

Grafiska principer beskriver hur vi förenklar och organiserar komplexa bilder genom att se dem som en helhet, snarare än som separata delar.

Visuell hierarki

Visuell hierarki innebär att organisera designelementen för att styra besökarens ögon så att de fokuserar på sidans viktigaste delar.