Farver i webdesign handler ikke kun om at få en hjemmeside til at se flot ud. De hjælper også brugeren med at forstå indholdet, finde de vigtigste funktioner og træffe beslutninger. Det ses tydeligt på SYGT.DK, hvor en enkel og kontrastrig farvepalet er en central del af oplevelsen.
SYGT.DK er en digital folkedomstol, hvor besøgende kan indsende tvivlsom hverdagsadfærd og lade andre stemme “SYGT” eller “IKKE SYGT”. Konceptet er enkelt, og farverne understøtter denne enkelhed ved at give hver funktion en tydelig visuel rolle.
En begrænset farvepalet med klare funktioner
Designet er hovedsageligt bygget op omkring fire farver:
- En varm, lys baggrund
- Sort
- En kraftig rødorange
- En skarp gulgrøn
Paletten er forholdsvis begrænset, men det er netop en af dens styrker. Når få farver bruges konsekvent, bliver det lettere for den besøgende at forstå, hvad der er indhold, hvad der er dekoration, og hvor der kan foretages en handling.
Farverne konkurrerer ikke om opmærksomheden. De har hver deres opgave.
Rødorange signalerer “SYGT”
Den rødorange farve bruges blandt andet til valget “SYGT”. Det er et naturligt valg, fordi røde nuancer ofte forbindes med energi, fare, advarsler og stærke reaktioner.
På SYGT.DK fungerer farven næsten som et visuelt stempel. Når en handling dømmes “SYGT”, understøtter farven følelsen af, at der er blevet truffet en markant afgørelse.
Den orange undertone gør samtidig farven mere legende og mindre alvorlig end en mørk, traditionel rød. Det passer til hjemmesidens humoristiske tone. Der er tale om en folkedomstol for hverdagsvaner – ikke en rigtig retssal.
Farven skaber derfor både opmærksomhed og energi uden at gøre oplevelsen unødigt dramatisk.
Gulgrøn skaber kontrast og handling
Over for den rødorange farve står en skarp gulgrøn nuance. Den bruges til “IKKE SYGT” og flere af hjemmesidens centrale knapper.
Grøn forbindes ofte med accept, tilladelse og noget positivt. Derfor fungerer farven naturligt som modpol til den røde dom. Den gule tone gør den mere energisk og iøjnefaldende end en traditionel grøn.
Farven ligger tæt på neon og kan derfor hurtigt fange øjet. Det gør den velegnet til knapper og andre elementer, som brugeren skal opdage med det samme.
Samtidig skaber kombinationen af rødorange og gulgrøn en tydelig forskel mellem de to valgmuligheder. Brugeren behøver ikke bruge tid på at afkode grænsefladen, men kan straks forstå, hvor der skal stemmes.
Valgene kommunikeres dog ikke kun gennem farver. De er også tydeligt markeret med tekst, hvilket er vigtigt, fordi farver aldrig bør stå alene som forklaring på en funktion.
Sort tilfører autoritet
Sort spiller en vigtig rolle i designet. Farven bruges til tekst, rammer, skygger, knapper og grafiske detaljer.
Hvor de stærke accentfarver skaber energi, giver sort designet tyngde og struktur. Den leder tankerne hen på avisoverskrifter, officielle dokumenter, stempler og retslige afgørelser.
Det understøtter idéen om en folkedomstol, men på en overdrevet og humoristisk måde. De markante sorte rammer og forskudte skygger får flere elementer til at ligne fysiske kort, plakater eller dokumenter, der er blevet lagt oven på hinanden.
Sort er derfor ikke blot valgt for læsbarhedens skyld. Farven er med til at etablere hele hjemmesidens identitet.
Den varme baggrund gør udtrykket mindre digitalt
I stedet for en helt hvid baggrund bruger SYGT.DK en varm, lys nuance. Det giver siden et blødere og mere fysisk udtryk.
Den varme baggrund kan minde om papir og passer derfor godt sammen med referencerne til aviser, plakater og sagsakter. Samtidig giver den en behagelig kontrast til den sorte tekst og de mættede accentfarver.
En ren hvid baggrund kunne have gjort designet mere neutralt og teknologisk. Den varme nuance tilfører i stedet personlighed og får de øvrige farver til at virke mere sammenhængende.
Farverne understøtter hjemmesidens personlighed
Det særlige ved farvevalget på SYGT.DK er ikke de enkelte farver, men måden de arbejder sammen på.
Rødorange og gulgrøn skaber energi og konflikt. Sort tilfører autoritet og struktur, mens den varme baggrund giver designet en fysisk og redaktionel karakter.
Resultatet ligger et sted mellem en kampagneplakat, en tabloidavis og et officielt dokument. Det passer til et koncept, der tager små hverdagskonflikter og behandler dem, som om de skulle afgøres ved en rigtig domstol.
Farverne hjælper dermed ikke kun brugeren med at navigere. De fortæller også, hvilken stemning og humor man kan forvente.
7 principper for et tydeligt farvevalg
SYGT.DK illustrerer flere nyttige principper for farver i webdesign:
- Begræns antallet af centrale farver.
- Giv hver farve en tydelig funktion.
- Brug kontraster til at fremhæve valg og handlinger.
- Sørg for, at farverne passer til konceptets personlighed.
- Kombinér altid farvesignaler med tydelig tekst.
- Brug baggrundsfarven som en aktiv del af designet.
- Vær konsekvent, så brugeren lærer farvernes betydning.
Et effektivt farvevalg behøver altså ikke bestå af mange nuancer. Ofte er det vigtigere, at de valgte farver bruges målrettet og konsekvent.
Når farver, typografi, tekst og funktion arbejder sammen, bliver designet ikke blot dekorativt. Det bliver en del af selve oplevelsen.
Vil du se farverne i funktion, kan du besøge SYGT.DK og afsige din egen dom.
