Ugrás a tartalomra
e-bundesign

Animáció 3 perc olvasás

Mozgó logó a weboldalon – mikor éri meg?

Egy életre kelt logó a nyitóképen azonnal megmutatja, hogy itt gondos munka folyik. De nem minden logó és nem minden hely való mozgásra. Mikor érdemes, és hogyan marad elegáns?

Egy szilánkos logó három fázisban: szétszórt darabok, összeálló jel, majd lebegő, csillanó végállapot.

A logó általában a legmozdulatlanabb elem egy márkában: ugyanaz a jel a cégtáblán, a számlán, a weboldal sarkában. Ha mégis mozgásba lendül, az azonnal feltűnik – és ha jól csinálják, emlékezetessé teszi az első találkozást.

Hol mozogjon?

A mozgó logónak egy fő helye van: a nyitókép, ahol nagy méretben, a figyelem középpontjában áll. Ott ideje van megmutatni magát.

Ahol viszont jobb, ha áll:

  • a fejlécben – ott minden oldalon ott van, a folyamatos mozgás elvonná a figyelmet a tartalomról;
  • a láblécben és kis méretben – ott a felismerhetőség a cél;
  • a böngészőfülön – az apró ikon mozgása idegesítő.

Milyen mozgás illik egy logóhoz?

A logó mozgása legyen a jel természetéből fakadó. Néhány irány:

  • Összeállás: a jel részei betöltéskor a helyükre érkeznek, egyszer. Rövid, emlékezetes belépő.
  • Lélegzés, lebegés: a darabok lassan, alig észrevehetően mozognak – az oldal „él”.
  • Fény: csillanás vagy egy átfutó fénycsík, amely időnként végigsöpör a jelen.
  • Reakció: a jel finoman a mutató felé fordul, vagy a darabok kissé szétnyílnak, amikor a látogató közelít.

A mi logónk mind a négyet használja: a hét szilánk betöltéskor berepül és összeáll, utána lassan lebeg, csillan, időnként fénycsík fut át a B-n, és egér alatt a mutató felé billen. A főoldalunkon megnézheti.

Mikor nem jó ötlet?

  • Ha a logó egyszerű szöveg – egy betűket ugráltató animáció ritkán elegáns.
  • Ha a mozgás hosszú bevezetővé válik, és a tartalom addig vár.
  • Ha a mozgás megváltoztatja a jelet annyira, hogy a lényege elvész.
  • Ha folyamatos és gyors – a szem nem tud elszakadni tőle, a szöveg olvasása nehéz.

Technikai szempontok

A mozgó logó legjobb formája általában az SVG: a jel minden része külön csoportként mozgatható, bármekkora méretben éles, és kis méretű. Videóval vagy animált GIF-fel ugyanez homályosabb és nehezebb. Erről a mozgás eszközeiről szóló cikkünkben írtunk részletesebben.

És ami nem maradhat el: ha a látogató a rendszerében mozgáscsökkentést kért, a logó álljon meg, a végleges formájában.

Egy jó próba

Nézze meg a mozgó logót harmadszor is. Ha még mindig szívesen nézi, és közben el tudja olvasni a mellette álló szöveget, akkor jó a mérték.

Ha a saját logóját mozgatná meg, az animáció és interakció szolgáltatásunknál írjuk le, hogyan dolgozunk. Ha közben a jel is megújulna, az arculat és logó oldal a jó kiindulópont.

Írta az e-bundesign csapata.

További írások

Beszéljünk a weboldaláról.

Írja meg röviden, mire van szüksége, és jelentkezünk. Ha gyorsabb, hívjon minket.