Kortversjonen
- Merkevarestemme er hvordan en merkevare høres ut i ord, og det visuelle uttrykket bør vise den samme karakteren i farge, skrift, tekstur, bevegelse og oppsett.
- Når stemme og uttrykk er uenige, for eksempel et mildt budskap i et høylytt neonuttrykk, merker folk misforholdet selv om de ikke kan sette ord på det.
- Hvert stemmetrekk kan knyttes til konkrete visuelle valg: rolig peker mot mild kontrast og sakte bevegelse, modig peker mot høy kontrast og tung skrift.
- Skriv hvert stemmetrekk som «dette, ikke dette», så de visuelle valgene får en grense i tillegg til en retning.
- Bevegelse har også en stemme: farten og myken i en animasjon kan høres rolig, modig, leken eller presis ut.
På denne siden
Merkevarestemmen din er hvordan merkevaren høres ut i ord: rolig eller modig, leken eller presis, varm eller kjølig. Det visuelle uttrykket bør si nøyaktig det samme i farge, skrift, tekstur, bevegelse og oppsett. Den praktiske veien dit er å ta hvert stemmetrekk og knytte det til bestemte visuelle valg, og så sjekke hvert design mot det kartet. Når de to er enige, føles et innlegg oppriktig før noen har lest det.
De fleste merkevarer definerer stemmen for tekstforfattere og uttrykket for designere, hver for seg. Slik ender du opp med en mild, betryggende bildetekst på en skrikende neonbakgrunn. Denne guiden binder de to sammen. Har du ikke landet på karakteren din ennå, start med merkevarepersonlighet.
Hvorfor merkevarestemme og visuelt uttrykk må stemme overens
Folk tar inn utseendet på et innlegg før ordene. Utseendet setter en forventning, og ordene bekrefter den eller motsier den. En motsigelse registreres ikke alltid bevisst, men den gjør at merkevaren føles litt skjev, som en venn hvis tonefall ikke passer til det de sier.
Stemme og uttrykk er uenige
- En stille, gjennomtenkt merkevare i mettet neon med sprett i animasjonene
- En leken merkevare i grått, tynn skrift og strenge rutenett
- En presis, teknisk merkevare i håndtegnede skrifter og myke uskarpheter
- En varm, lokal merkevare i kaldt blått og kjedelige bildebankbilder
Stemme og uttrykk er enige
- Den samme stille merkevaren i dype nøytrale toner, en fin serif og sakte drift
- Den leken merkevaren i lyse, uventede kombinasjoner og avrundet skrift
- Den tekniske merkevaren i en ren sans, skarp kontrast og nøyaktig avstand
- Den varme merkevaren i jordfarger, papirtekstur og ekte ansikter
Et kart fra stemmetrekk til visuelle valg
Bruk denne tabellen som et utgangspunkt, ikke en lov. De fleste merkevarer er en blanding av to eller tre trekk. Velg det dominerende for fargen og la de andre forme skrift og bevegelse.
| Stemmetrekk | Farge | Skrift | Tekstur og bevegelse | Oppsett |
|---|---|---|---|---|
| Rolig | Mild kontrast, nære toner, dempet | Lette eller vanlige snitt, åpen avstand | Fint korn, sakte drift | Mye rom, få elementer |
| Modig | Høy kontrast, mettet, få farger | Tunge snitt, store størrelser, tett avstand | Skarpe flater, raske klipp | Stor skrift, kant til kant |
| Leken | Uventede kombinasjoner, lyse pastellfarger | Runde former, blandede størrelser | Myke materialer, sprettende easing | Løst, litt utenfor rutenettet |
| Presis | Tilbakeholden, én tydelig aksent | Ren sans, jevn rytme | Glatt, minimal tekstur, nøyaktig timing | Strengt rutenett, justerte kanter |
| Varm | Jordnære og solfylte toner | Vennlig serif eller humanistisk sans | Papir, korn, dagslys | Romslige marger, bilder av mennesker |
Fire stemmer, fire uttrykk
Her er de samme typene valg gjort for fire ulike stemmer. Legg merke til hvor mye fargen alene allerede forteller før noen ord er lagt til.
Rolig: én kort linje, et lett snitt, mesteparten av flaten latt tom.
Modig: ett digert ord, ingenting annet som konkurrerer med det.
Leken: et spørsmål, en invitasjon, en lettere hånd.
Presis: en liste, justerte kanter, ingen dekor som ikke er informasjon.
Slik finner du din visuelle stemme
- 1
Skriv trekkene dine som «dette, ikke dette»
«Selvsikker, ikke arrogant.» «Varm, ikke sukkersøt.» Den andre halvdelen gir de visuelle valgene en grense i tillegg til en retning.
- 2
Velg det ledende trekket
Bestem hvilket trekk som styrer fargen. To ledere som drar i hver sin retning, som rolig og modig, gir et uklart uttrykk.
- 3
Knytt hvert trekk til valg
Bruk tabellen over til å velge farge, skrift, tekstur, bevegelse og oppsett. Skriv valgene ved siden av hvert trekk.
- 4
Kjør samme setning gjennom to uttrykk
Sett én ekte linje fra teksten din i uttrykket du valgte og i det motsatte. Hvis det motsatte føles sannere, ta trekkene opp til vurdering.
- 5
Skriv det ned sammen
Sett stemmen og de visuelle reglene på samme side i stilguiden for merkevaren, så skribenter og designere jobber fra én kilde.
Bevegelse har også en stemme
Farten og kurven i en animasjon høres ut som noe. En lang, myk utgang føles rolig. Et kort, skarpt trekk føles bestemt. En liten overskyting føles leken. Hvis merkevaren din vises i video eller på et nettsted, gi bevegelsen den samme stemmen som ordene. Easing forklarer kurvene i detalj.
/* Calm: slow, soft landing */
.calm { transition: transform 900ms cubic-bezier(0.22, 1, 0.36, 1); }
/* Bold: fast and decisive */
.bold { transition: transform 180ms cubic-bezier(0.2, 0, 0, 1); }
/* Playful: a small overshoot past the target */
.playful { transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1); }
/* Precise: short, even, no flourish */
.precise { transition: transform 200ms ease-out; }Det samme gjelder skrift. Overskriftsskriften din er den høyeste delen av den visuelle stemmen, og skriftkombinasjoner avgjør om den snakker alene eller i en samtale. I Gradiently bærer hver Mark en skriftstemme ved siden av fargene og materialene sine, så uttrykket og bokstavene kommer ferdig avstemt.
Spørsmål folk stiller
Hva er merkevarestemme?
Merkevarestemme er den konsekvente karakteren en merkevare uttrykker i ordene sine, for eksempel rolig, modig, leken eller presis. Tonen tilpasser stemmen til situasjonen.
Hvordan uttrykker visuelle elementer merkevarestemmen?
Gjennom farge, skrift, tekstur, bevegelse og oppsett. Mild kontrast og åpen avstand høres rolig ut, mens høy kontrast og tung skrift høres modig ut.
Hva er forskjellen på merkevarestemme og merkevarepersonlighet?
Personlighet er merkevarens karakter, og stemme er hvordan karakteren kommer til uttrykk i ord. Det visuelle uttrykket bør vise den samme personligheten som stemmen.
Kan en merkevare ha mer enn ett stemmetrekk?
Ja, de fleste har to eller tre. Velg ett som leder fargen, og la de andre forme skrift, bevegelse og oppsett.
Påvirker animasjon merkevarestemmen?
Ja. Sakte, myk bevegelse føles rolig, raske trekk føles bestemte og en liten overskyting føles leken, så bevegelsen bør passe stemmen i ordene.
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
