Kontrast

kontrast grunder webbdesign
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 grunder webbdeisgn

Proportion

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

Whitespace

Whitespace är tomrummet runt och mellan element på en designyta, vilket skapar balans och ökar läsbarheten.
visuell hierarki grunder webbdesign

Visuell hierarki

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

Jämförelser

Resurser

google analytics webbdesign certifiering certifikat
Skapad med 🧡 av 0102
Dribbble Instagram
Rulla till toppen
Vi använder kakor för att göra din upplevelse bättre.
Läs mer
Okej!