Milyen logó működik jól az új weboldaladon?

Az új weboldal logója ritkán látszik nagyban és önmagában. Keskeny fejlécben, mobilmenü mellett, apró böngészőikonként és sötét háttéren is működnie kell. Ezért a tervezéshez nemcsak egy szép rajzra, hanem néhány előre meghatározott használati helyzetre is szükség van.

Rajzold a jel mellé a felületeket is

Kezdd egy egyszerű listával: fejléc, mobilos navigáció, közösségi profilkép, ajánlati dokumentum és névjegy. Mindegyik mellé írd oda a rendelkezésre álló helyet és a jellemző hátteret. A hosszú cégnévvel készült vízszintes logó például jól elférhet a weboldalon, de négyzetes profilképként nehezen használható.

A cél nem az, hogy minden felülethez más márkát tervezzünk. Ugyanannak a jelnek és névnek néhány átgondolt változatára van szükség. Ezeket együtt érdemes megtervezni, hogy a kisebb változat se utólag összenyomott megoldás legyen.

A kicsinyítés józan próba

Nézd meg a jelképet apró böngészőikonként, a teljes logót pedig egy valódi mobilfejlécben. Megmaradnak a fontos formák? Összeérnek a vékony vonalak? Kiolvasható még a név? Egy bonyolult részletet nem feltétlenül ment meg az, hogy a nagy bemutatóképen jól néz ki.

A kitalált Fenyő műhely példáján a betűjel és a név külön is alkalmazható. A csomagoláson több hely jut a teljes változatnak, a kis ikonon viszont csak a jel látszik. Ez szemléltető terv, nem valódi ügyfélmunka vagy letölthető kész márkajel.

Szemléltető alkalmazási példa: a jel szerepe a felülettől és a rendelkezésre álló helytől függ.

Előbb forma, utána különleges hatás

A fekete-fehér változat segít megítélni, hogy a jel kontraszt és színátmenet nélkül is érthető-e. Ez nem tiltja a színt vagy a finom részleteket. Azt mutatja meg, mire épül a felismerhetőség. A világos és sötét hátteres változatot külön is próbáld ki, mert ugyanaz a fájl nem mindig működik mindkettőn.

A betűk megválasztásakor a név valódi hosszával dolgozz. A rövid mintaszó kedvező arányai nem bizonyítják, hogy a teljes cégnév is elfér. A betűköz és a jel melletti távolság kis méretben különösen feltűnő lehet.

Mi legyen az átadott csomagban?

• Szerkeszthető vektoros alap és webes SVG-változat.
• A szükséges méretű, átlátszó hátterű raszteres exportok.
• Világos és sötét felületre használható változat.
• Előírt védőtávolság, legkisebb használati méret és színértékek.
• A betűkészletre és felhasználásra vonatkozó átadási információk.

A webes SVG-t külön ellenőrizni kell: ne tartalmazzon fölösleges szerkesztői adatokat, külső erőforrást vagy szükségtelen kódot. A kész weboldalon a logó linkje vezessen a kezdőoldalra, és legyen érthető szöveges neve a képernyőolvasót használóknak is.

A logó végső próbája a használat. Tedd be a tervezett weboldal fejlécébe, nézd meg keskeny képernyőn, és csak ezután döntsd el, szükséges-e még finomítani.

Kapcsolódó olvasmány

A témához kapcsolódó cikk: WEBújítás: Milyen a jó logó az új arculatodhoz?. A fenti anyag önálló, webes használatra összpontosító feldolgozás.