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?
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.