Lyhyesti
- Brändiääni on se, miltä brändi kuulostaa sanoissa, ja sen visuaalien pitäisi ilmaista sama luonne värissä, kirjasimessa, tekstuurissa, liikkeessä ja asettelussa.
- Kun ääni ja visuaalit ovat ristiriidassa, kuten lempeä viesti äänekkäässä neonilmeessä, ihmiset aistivat epäsuhdan, vaikka eivät osaisi nimetä sitä.
- Jokainen äänen piirre vastaa konkreettisia visuaalisia valintoja: rauhallinen viittaa pehmeään kontrastiin ja hitaaseen liikkeeseen, rohkea korkeaan kontrastiin ja paksuun kirjasimeen.
- Kirjoita jokainen äänen piirre muotoon ”tämä, ei tuo”, jotta visuaalisilla valinnoilla on sekä suunta että raja.
- Liikkeellä on myös ääni: animaation nopeus ja pehmennys voivat kuulostaa rauhalliselta, rohkealta, leikkisältä tai täsmälliseltä.
Tällä sivulla
Brändiäänesi on se, miltä brändisi kuulostaa sanoissa: rauhallinen tai rohkea, leikkisä tai täsmällinen, lämmin tai viileä. Visuaalisi pitäisi sanoa täsmälleen sama asia värissä, kirjasimessa, tekstuurissa, liikkeessä ja asettelussa. Käytännöllinen tapa päästä sinne on ottaa jokainen äänen piirre ja liittää se tiettyihin visuaalisiin valintoihin ja tarkistaa sitten jokainen suunnitelma tätä karttaa vasten. Kun nämä kaksi sopivat yhteen, julkaisu tuntuu vilpittömältä ennen kuin kukaan lukee sen.
Useimmat brändit määrittelevät äänensä tekstinkirjoittajille ja ilmeensä suunnittelijoille erikseen. Siitä syntyy lempeä, rauhoittava kuvateksti huutavalla neontaustalla. Tämä opas yhdistää nämä kaksi. Jos et ole vielä ratkaissut luonnettasi, aloita brändin persoonasta.
Miksi brändiäänen ja visuaalien pitää sopia yhteen
Ihmiset omaksuvat julkaisun ilmeen ennen sanoja. Ilme luo odotuksen, ja sanat joko vahvistavat sen tai ovat sen kanssa ristiriidassa. Ristiriita ei aina rekisteröidy tietoisesti, vaan se saa brändin tuntumaan hieman vinolta, kuin ystävä, jonka äänensävy ei vastaa sitä, mitä hän sanoo.
Ääni ja ilme ovat ristiriidassa
- Hiljainen, harkitseva brändi kylläisessä neonissa ja pomppivassa animaatiossa
- Leikkisä brändi harmaassa, ohuessa kirjasimessa ja tiukoissa ruudukoissa
- Täsmällinen, tekninen brändi käsin piirretyissä fonteissa ja pehmeissä sumennuksissa
- Lämmin, paikallinen brändi kylmässä sinisessä ja yritysmäisissä kuvapankkikuvissa
Ääni ja ilme sopivat yhteen
- Sama hiljainen brändi syvissä neutraaleissa, hienossa serifissä ja hitaassa ajelehtimisessa
- Leikkisä brändi kirkkaissa, yllättävissä pareissa ja pyöreässä kirjasimessa
- Tekninen brändi selkeässä sansissa, terävässä kontrastissa ja tarkassa välistyksessä
- Lämmin brändi maanläheisissä sävyissä, paperin tekstuurissa ja oikeissa kasvoissa
Kartta äänen piirteistä visuaalisiin valintoihin
Käytä tätä taulukkoa lähtökohtana, älä lakina. Useimmat brändit ovat kahden tai kolmen piirteen sekoitus. Valitse hallitseva värille ja anna muiden muovata kirjasinta ja liikettä.
| Äänen piirre | Väri | Kirjasin | Tekstuuri ja liike | Asettelu |
|---|---|---|---|---|
| Rauhallinen | Pehmeä kontrasti, läheiset sävyt, vaimennettu | Kevyet tai normaalit painot, väljä välistys | Hieno rakeisuus, hidas ajelehtiminen | Paljon tilaa, vähän elementtejä |
| Rohkea | Korkea kontrasti, kylläinen, vähän värejä | Paksut painot, suuret koot, tiivis välistys | Terävät pinnat, nopeat leikkaukset | Suuri kirjasin, reunasta reunaan |
| Leikkisä | Yllättävät parit, kirkkaat pastellit | Pyöreät muodot, sekakoot | Pehmeät materiaalit, pomppiva pehmennys | Löyhä, hieman ruudukon ulkopuolella |
| Täsmällinen | Hillitty, yksi selvä korostus | Selkeä sans, tasainen rytmi | Sileä, minimaalinen tekstuuri, tarkka ajoitus | Tiukka ruudukko, tasatut reunat |
| Lämmin | Maanläheiset ja auringon valaisemat sävyt | Ystävällinen serif tai humanistinen sans | Paperi, rakeisuus, päivänvalo | Runsaat marginaalit, ihmisvalokuvat |
Neljä ääntä, neljä ilmettä
Tässä on samanlaisia valintoja neljälle eri äänelle. Huomaa, kuinka paljon pelkkä väri jo kertoo ennen kuin sanoja on lisätty.
Rauhallinen: yksi lyhyt rivi, kevyt paino, suurin osa kehyksestä tyhjänä.
Rohkea: yksi valtava sana, mikään muu ei kilpaile sen kanssa.
Leikkisä: kysymys, kutsu, kevyempi ote.
Täsmällinen: lista, tasatut reunat, ei koristetta, joka ei ole tietoa.
Miten löydät visuaalisen äänesi
- 1
Kirjoita piirteesi muotoon ”tämä, ei tuo”
”Itsevarma, ei ylimielinen.” ”Lämmin, ei siirappinen.” Jälkimmäinen puolikas antaa visuaaleille rajan suunnan lisäksi.
- 2
Valitse johtava piirre
Päätä, mikä piirre ohjaa väriä. Kaksi vastakkaisiin suuntiin vetävää johtajaa, kuten rauhallinen ja rohkea, tuottavat sekavan ilmeen.
- 3
Liitä jokainen piirre valintoihin
Käytä yllä olevaa taulukkoa värin, kirjasimen, tekstuurin, liikkeen ja asettelun valintaan. Kirjoita valinnat jokaisen piirteen viereen.
- 4
Aja sama lause kahden ilmeen läpi
Aseta yksi oikea tekstirivisi valitsemaasi ilmeeseen ja sen vastakohtaan. Jos vastakohta tuntuu todemmalta, palaa piirteisiin.
- 5
Kirjoita se ylös yhdessä
Laita äänen ja ilmeen säännöt samalle sivulle brändin tyyliopas -oppaassasi, jotta kirjoittajat ja suunnittelijat työskentelevät yhdestä lähteestä.
Liikkeelläkin on ääni
Animaation nopeus ja pehmennys kuulostavat joltakin. Pitkä, lempeä ease-out tuntuu rauhalliselta. Lyhyt, terävä liike tuntuu päättäväiseltä. Pieni yliammunta tuntuu leikkisältä. Jos brändisi esiintyy videolla tai verkkosivulla, anna liikkeelle sama ääni kuin sanoille. Pehmennys selittää käyrät tarkemmin.
/* 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; }Sama pätee kirjasimeen. Otsikkofonttisi on visuaalisen äänesi kovaäänisin osa, ja fonttiparit ratkaisevat, puhuuko se yksin vai keskustelussa. Gradientlyssä jokainen Mark kantaa kirjasimen äänen värien ja materiaalien rinnalla, joten ilme ja kirjaimet tulevat valmiiksi yhteensovitettuina.
Usein kysyttyä
Mitä brändiääni on?
Brändiääni on johdonmukainen luonne, jonka brändi ilmaisee sanoissaan, kuten rauhallinen, rohkea, leikkisä tai täsmällinen. Sävy mukauttaa tuon äänen tilanteeseen.
Miten visuaalit ilmaisevat brändiääntä?
Värin, kirjasimen, tekstuurin, liikkeen ja asettelun kautta. Pehmeä kontrasti ja väljä välistys kuulostavat rauhallisilta, korkea kontrasti ja paksu kirjasin rohkeilta.
Mikä ero on brändiäänellä ja brändin persoonalla?
Persoona on brändin luonne, ääni on se, miten tuo luonne välittyy sanoissa. Visuaalien pitäisi ilmaista sama persoona kuin ääni.
Voiko brändillä olla useampi kuin yksi äänen piirre?
Kyllä, useimmilla on kaksi tai kolme. Valitse yksi johtamaan väriä ja anna muiden muovata kirjasinta, liikettä ja asettelua.
Vaikuttaako animaatio brändiääneen?
Kyllä. Hidas, lempeä pehmennys tuntuu rauhalliselta, nopeat liikkeet päättäväisiltä ja pieni yliammunta leikkisältä, joten liikkeen pitäisi vastata sanojen ääntä.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme
