Brändin liike: miten brändi liikkuu ja miltä se näyttää

Brändin liike on identiteetin osa, joka kertoo, miten brändi liikkuu: kuinka nopeasti asiat tapahtuvat, miten ne kiihtyvät ja hidastuvat, mihin suuntaan ne kulkevat ja mikä saa ylipäätään liikkua. Paikalleen napsahtava logo kertoo eri asian kuin hitaasti liukuva. Muutamaksi säännöksi kirjattuna liike saa kaikki videot, tarinat, verkkosivut ja sovellukset tuntumaan samalta brändiltä, vaikka värit ja sommittelut muuttuvat.

Miksi liike kuuluu brändi-identiteettiin

Useimmat brändiohjeet päättyvät logoon, väriin ja typografiaan, koska ne kirjoitettiin painotuotteita varten. Nyt ihmiset kohtaavat brändin usein liikkeessä: Reelissä, animoidussa tarinassa, verkkosivun pääkuvassa tai tuotteen käyttöliittymässä. Jos kukaan ei päätä niiden liikettä, jokainen suunnittelija ja työkalu päättää erikseen. Brändi alkaa käyttäytyä kuin monta eri yritystä.

Myös enimmäkseen paikallaan oleva brändi hyötyy. Yksi sääntö, kuten ”sanat tulevat pehmeästi nousten, eivät koskaan pyörien”, estää paljon brändiin sopimatonta työtä ennen sen alkua. Jos brändisi ei ole koskaan liikkunut, liikegrafiikka brändeille tarjoaa lempeän aloituksen.

Brändin liikkeen neljä päätöstä

1. Tahti. Kuinka kauan asiat kestävät. Lyhyet kestot tuntuvat tehokkailta ja eläviltä, pitkät rauhallisilta, harkituilta tai ylellisiltä.
2. Liikekäyrä. Miten liike kiihtyy ja hidastuu. Pehmeä loppuhidastus tuntuu luonnolliselta, pieni ylitys leikkisältä ja tasainen nopeus mekaaniselta. Liikekäyrät näyttää käyrät.
3. Suunta ja käyttäytyminen. Nousevatko, liukuvatko, skaalautuvatko, häipyvätkö vai paljastuvatko asiat? Valitse kaksi tai kolme tapaa ja käytä niitä johdonmukaisesti.
4. Liikkuvat osat. Päätä, mitkä saavat liikkua: tausta, sanat, logo tai valokuvat. Pidättyvyys erottaa laadukkaan ilmeen kiireisestä.

Taustaperiaatteita, kuten ajoitusta, hierarkiaa ja jälkiliikettä, käsittelee liikesuunnittelun periaatteet. Brändin liike tarkoittaa niiden valitsemista ja valintoihin sitoutumista.

Yhteiset liikesäännöt suunnittelijoille ja kehittäjille

Liikeohjeet epäonnistuvat pelkkinä adjektiiveina. ”Sulava ja itsevarma” tarkoittaa jokaiselle eri asiaa. Nimeä muutama kesto ja liikekäyrä ja anna ne suunnittelijoille sekä kehittäjille samoilla sanoilla. Brändi liikkuu silloin samalla tavalla videoeditorissa ja koodissa.

:root {
  /* Pace */
  --motion-quick: 180ms;
  --motion-base: 320ms;
  --motion-calm: 600ms;
  --motion-ambient: 12s;

  /* Easing */
  --ease-arrive: cubic-bezier(0.16, 1, 0.3, 1);   /* soft ease out */
  --ease-move: cubic-bezier(0.65, 0, 0.35, 1);    /* ease in out */
  --ease-leave: cubic-bezier(0.7, 0, 0.84, 0);    /* ease in */
}

.headline-enter {
  animation: rise var(--motion-base) var(--ease-arrive) both;
}

@keyframes rise {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .headline-enter { animation: none; }
}

Huomaa viimeinen sääntö. Liike häiritsee joitakin ihmisiä tai saa heidät voimaan pahoin, joten he pyytävät laitteeltaan vähemmän liikettä. Kattava liikemäärittely kertoo, mitä silloin tapahtuu, yleensä yksinkertainen häivytys tai ei liikettä lainkaan. Vähennetty liike selittää toteutuksen.

Liike brändin eri aineistoissa

Logo saa yleensä eniten huomiota mutta näkyy harvimmin. Taustat ja teksti ovat näytöllä paljon enemmän, joten yhtenäisyys kannattaa niissä. Itse logoa käsittelee animoitu logo, joka esittelee tärkeimmät lähestymistavat.

Brändisi tavoin liikkuvat taustat

Useimmissa brändisisällöissä näkyvin liike on taustassa: liikkuva väri tarinan, Reelin tai pääkuvan takana. Taustaliike myös lainataan useimmin kuvapankeista, jolloin se ei kuulu kenellekään. Tausta, jonka värit, valo, rakeisuus ja liike ovat omiasi, rakentaa tunnistettavuutta enemmän kuin kerran nähty monimutkainen logoanimaatio.

Näin Markit toimivat Gradientlyssä. Mark on resepti väreistä, materiaaleista, valosta, rakeisuudesta, liikkeestä ja typografisesta äänestä. Liike kuuluu sen identiteettiin eikä ole lisättävä tehoste. Jokainen sitä käyttävä työ tarinasta diaan liikkuu samalla tavalla. Koska jokainen Mark on ainutlaatuinen ja sillä on yksi omistaja, kenenkään muun sisältö ei liiku aivan kuten sinun. Brändin liukuvärijärjestelmä kertoo värien rakentamisesta sen ympärille.