Kortversjonen
- For å velge merkevarefarger starter du med merkevarens karakter og publikum, og ser så på hvilke farger kategorien din allerede bruker.
- En sterk merkevarepalett bygges rundt én hovedfarge som folk kan forbinde med deg, ikke flere likeverdige farger.
- Mesteparten av en merkevarepalett er nøytrale farger: en tonet mørk til tekst, en tonet lys til bakgrunner og én eller to stille støttefarger.
- En aksentfarge, brukt sparsomt, gir handlingsknapper og uthevinger et sted å skille seg ut.
- Enhver merkevarepalett bør testes for tekstkontrast og i ekte formater, i små størrelser og på trykk, før den skrives ned.
På denne siden
Slik velger du merkevarefarger, kort fortalt: bestem hva merkevaren skal føles som, se på fargene konkurrentene dine allerede eier, velg én hovedfarge som skiller deg ut, omgi den med nøytrale farger og en liten aksent, og test det hele for kontrast og i ekte design. Stegene nedenfor gjør det til en metode du kan fullføre på en ettermiddag. Resultatet er en palett med en jobb til hver farge, i stedet for fem farger du tilfeldigvis liker.
Er fargetone, metning og lyshet nytt for deg, bør du lese grunnleggende fargelære først. Det gjør hvert steg enklere.
Metoden på ett blikk
- 1
Skriv merkevarens karakter i tre ord
Rolig, presis, varm. Dristig, leken, lokal. Disse ordene avgjør temperatur, metning og kontrast før du ser på en eneste fargeprøve.
- 2
Vit hvem som ser på
Tenk på publikummet ditt, hvor de kommer til å se deg, og, hvis du jobber på tvers av land, hva fargene betyr der. Fargenes betydning rundt om i verden hjelper.
- 3
Kartlegg kategorien din
Samle logoene, nettstedene og emballasjen til ti konkurrenter, og noter hovedfargene deres. Du ser etter hva som er overfylt, og hva som er ledig.
- 4
Velg én hovedfarge
Én farge folk kommer til å forbinde med deg. Den bør passe de tre ordene dine og skille seg ut i kategorikartet.
- 5
Legg til nøytrale farger
En tonet nesten svart til tekst og en tonet nesten hvit til bakgrunner, pluss én stille støttetone.
- 6
Legg til én aksent
En kontrasterende farge til knapper, priser og uthevinger, brukt sparsomt.
- 7
Test kontrasten
Sjekk hvert par av tekst og bakgrunn mot WCAG-forholdene.
- 8
Test i sammenheng og skriv det ned
Sett paletten på ekte formater, og noter deretter hver kode og rollen til hver farge.
Steg 1 til 3: karakter, publikum og kategori
De fleste merkevarepaletter mislykkes før en farge er valgt, fordi ingen bestemte hva merkevaren skulle føles som. Tre ord er nok. Varm, håndlaget, uten hastverk peker mot jordnære, dempede farger med myk kontrast. Skarp, rask, teknisk peker mot kjølige, mettede farger med sterk kontrast. Fargepsykologi går gjennom hva farger gjerne signaliserer, og hvorfor sammenhengen betyr mer enn regler.
Se så på konkurrentene. Si at du er et lite kaffebrenneri, og at brenneriene i nærheten stort sett bruker brunt, krem og svart. Enda en brun går i ett med resten. Et kategorikart gjør det synlig.
| Konkurrent | Hovedfarge | Føles |
|---|---|---|
| Brenneri A | Espressobrun | Tradisjonelt |
| Brenneri B | Krem og svart | Minimalistisk, klassisk |
| Brenneri C | Kraftpapirbrun | Håndverk |
| Brenneri D | Skoggrønn | Naturlig |
| Hull | Varm oransje, dyp blågrønn | Ingen i nærheten bruker dem |
Å være annerledes betyr ikke å være tilfeldig. De beste hullene passer fortsatt de tre ordene dine. Et varmt, håndlaget brenneri kan ta en ristet oransje; en sterk elektrisk blå ville vært annerledes, men feil.
Steg 4 til 6: hovedfarge, nøytrale og aksent
En hovedfarge er den folk husker. Gi den de fleste av merkevarens fargeøyeblikk: logoen, emballasjen, det første bildet i hvert innlegg. Å velge to eller tre likeverdige hovedfarger sprer gjenkjennelsen tynt; én er sterkere.
De nøytrale gjør det meste av jobben. Ren svart og hvit føles generiske; ton dem litt mot hovedfargen eller mot varmt eller kjølig, så føles hele paletten beslektet. Legg så til én stille støttefarge til paneler og illustrasjon, og én aksent til de få tingene som må skille seg ut.
Unngå
- Fem farger med lik vekt
- Ren
#000000og#ffffffsom nøytrale - En aksent som brukes overalt
- Å velge etter personlig yndlingsfarge
Gjør
- Én hovedfarge som tydelig leder
- Nøytrale tonet mot merkevaren
- En aksent forbeholdt handlinger og uthevinger
- Å velge etter karakter og hull i kategorien
60-30-10-regelen er en hendig rettesnor for proporsjoner: omtrent 60 % nøytralt, 30 % hovedfarge og støtte, 10 % aksent. De nøyaktige tallene betyr mindre enn å ha en tydelig rekkefølge.
Steg 7: test kontrasten
WCAG krever et kontrastforhold på minst 4,5:1 for vanlig tekst og 3:1 for stor tekst. Sjekk hvert par du har tenkt å bruke. Merkevarefarger midt i lyshetsskalaen, som mange oransje og grønne, fungerer ofte med hvit tekst, men ikke med svart, eller bare i store størrelser.
| Tekst på bakgrunn | Forhold | Bruk til |
|---|---|---|
| Blekk på papir | 16.4:1 | All tekst |
| Papir på ristet oransje | 4.9:1 | Brødtekst og stor tekst |
| Blekk på ristet oransje | 3.4:1 | Bare stor tekst |
| Dyp blågrønn på papir | 5.1:1 | Lenker og brødtekst |
| Blekk på havre | 12.9:1 | All tekst |
Fargekontrast forklarer forholdene og hvordan du måler dem. Består ikke hovedfargen med verken lys eller mørk tekst, gjør du den litt mørkere i stedet for å gi den opp; noen få prosent lyshet blir sjelden lagt merke til.
Steg 8: test i sammenheng, og skriv det ned
Fargeprøver lyver. En farge som ser raffinert ut som et lite kvadrat, kan bli overveldende over en hel historie, og en diskret nøytral kan forsvinne på en telefon i sollys. Sett paletten på formatene du faktisk kommer til å bruke.
Instagram-innlegg
1080 × 1350
Historie
1080 × 1920
Nettsted-hero
1920 × 1080
Visittkort
1050 × 600
- Små størrelser: leses hovedfargen fortsatt som hovedfargen i et favikon eller profilbilde?
- Trykk: lar hovedfargen seg gjengi i trykkfarge? Svært livlige skjermfarger blir ofte mattere på trykk. Se gradienter på trykk.
- Mørk modus: lar de nøytrale seg snu på en pen måte?
- Ved siden av konkurrenter: legg innlegget ditt ved siden av deres. Ser du på et blunk hvilket som er ditt?
Til slutt skriver du det ned: navn, HEX og RGB for hver farge, tilsvarende CMYK eller spotfarger hvis du trykker, rollen til hver farge og de godkjente tekstparene. Legg det i merkevaremanualen og merkevaresettet ditt, så det brukes på samme måte overalt.
Spørsmål folk stiller
Hvor mange merkevarefarger bør jeg ha?
Som regel én hovedfarge, to nøytrale, én støttefarge og én aksent. Flere enn det blir vanskelig å bruke konsekvent.
Hvordan velger jeg en merkevarefarge som skiller seg ut?
Kartlegg hovedfargene til konkurrentene dine, finn en farge som ikke er overfylt i kategorien din, og sjekk at den fortsatt passer merkevarens karakter.
Bør merkevarefarger bygge på fargepsykologi?
Bruk assosiasjoner som rettesnor, ikke som regel. Fargenes betydning avhenger sterkt av kultur, kategori og sammenheng, så det å være særpreget og konsekvent betyr som regel mer.
Hvilken kontrast trenger merkevarefarger for tekst?
WCAG anbefaler minst 4,5:1 for vanlig tekst og 3:1 for stor tekst. Sjekk hvert par av tekst og bakgrunn du planlegger å bruke.
Kan jeg endre merkevarefargene mine senere?
Ja, men gjenkjennelsen som er bygget på de gamle fargene, forsvinner gradvis. Små justeringer av lyshet eller metning er enklere enn å bytte fargetone.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår
