Lépésről lépésre, lenyűgöző animációval készült weboldalak tervezése és fejlesztése

Lágy elemek tervezése online feladathoz

A Lágy elemek akkor fontosak, ha egy oldal, hirdetés, bemutató vagy közösségi felületi anyag nem kemény, túlzsúfolt vagy idegen hatású, hanem nyugodt és könnyen befogadható megjelenést kap. A magánügyfél ilyenkor általában nem teljes arculatot keres, hanem konkrét vizuális részleteket, amelyek javítják az összképet. Ilyen lehet egy gomb, háttérforma, kártyaelem, ikonblokk, letölthető anyag részlete, borítókép vagy egyszerű online grafikai elem. Én azt látom, hogy ennél a munkánál a legfontosabb nem a látványos díszítés, hanem az arány, a következetesség és az, hogy az elkészült anyag valóban illeszkedjen a meglévő felülethez.

Az online munka jól működik ebben a témában. A megrendelő elküldi a meglévő anyagot, leírja, mire van szüksége, és a szabadúszó grafikus vagy felülettervező több változatot készít. Nem kell személyes egyeztetés. Sokkal fontosabb a jó brief, a pontos méret, a színvilág, a használandó betűtípus és az, hogy milyen formátumban kell átadni a kész eredményt. A Qjob.hu felületén a magánügyfél ilyen online feladathoz is találhat egyéni szakembert, nem céges kivitelezőt.

Lágy elemek árak

Az árakat főleg az határozza meg, hogy hány elem készül, mennyire kell illeszkedni meglévő arculathoz, szükséges e szerkeszthető forrásfájl, és hány módosítás fér bele a megállapodásba. Szerintem a túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a lágy vizuális elemeknél sok apró döntés számít. Árnyék, lekerekítés, térköz, színátmenet, ikonméret, kontraszt. Ezek külön külön kicsinek tűnnek, együtt mégis meghatározzák, hogy amatőr vagy rendezett lesz a végeredmény.

Tapasztalatom szerint a jó ár nem mindig a középár. Egy egyszerű elemért nem kell sokat fizetni, ha minden adat adott. De ha a szakembernek előbb ki kell találni a teljes vizuális irányt, akkor a munka már nem csak kivitelezés. Akkor tervezési gondolkodás is van benne. Ezt érdemes külön kezelni.

Puha vizuális elemek kiválasztása

A puha vizuális elemek kiválasztásánál nem az a fő kérdés, hogy mi tetszik elsőre. A fontosabb kérdés az, hogy mi segíti a felhasználót. Egy túl halvány gomb szép lehet, de rosszul működik. Egy túl nagy árnyék modernnek tűnhet, mégis olcsó hatást kelt. Én azt javaslom, hogy a megrendelő mutasson példákat, de ne csak kedvelt képeket küldjön. Küldjön ellenpéldát is. Így a grafikus gyorsabban megérti, milyen irányt kell kerülni.

Volt olyan eset, amikor egy ügyfél csak annyit írt, hogy finomabb megjelenést szeretne a letölthető anyagához. A szakember először pasztellszíneket és lekerekített mezőket készített. Később kiderült, hogy az ügyfél valójában nem lágy színeket akart, hanem kevésbé agresszív elrendezést. A különbség nagy. A szín csak egy része a feladatnak. A térköz, a méret, a ritmus és a hierarchia sokszor többet számít.

Lágy megjelenésű elemek munkafolyamata

A lágy megjelenésű elemek online készítése általában rövid egyeztetéssel indul. A megrendelő elküldi a jelenlegi anyagokat, a célfelületet, a kívánt méreteket és a példákat. Ezután a szabadúszó szakember javasolhat egy vagy két irányt. Ha a feladat kicsi, elég lehet egy próbaelem. Ha több felület készül, jobb először egy mintát jóváhagyni, és csak utána haladni tovább.

A határidő a feladat méretétől függ. Egy kisebb grafikai részlet akár egy napon belül elkészülhet, de egy teljes elemkészlethez több nap is kellhet. Nem azért, mert a rajzolás mindig hosszú, hanem mert a döntéseket ellenőrizni kell. Működik e világos háttéren. Olvasható e kis méretben. Nem takarja e a szöveget. Illeszkedik e a meglévő arculathoz. És a végén át kell adni a fájlokat olyan formában, amelyet az ügyfél valóban tud használni.

Szakember választása lágy elemekhez

Szakember választásánál a portfólió a leggyorsabb szűrő. Nem elég, ha valaki sok szép képet mutat. Azt kell nézni, hogy tud e egységes rendszert alkotni. Ezek az elemek sokszor nem önálló plakátként működnek, hanem egy nagyobb felület részeként. Ezért előny, ha a szakember ért a webes elrendezéshez, a közösségi anyagokhoz vagy a felhasználói felület alapjaihoz.

Érdemes rákérdezni arra is, mit tartalmaz az ár. Hány változat készül. Hány javítás van benne. Milyen fájlformátumot ad át. Kap e a megrendelő szerkeszthető anyagot. Lesz e külön változat világos és sötét háttérhez. Ezek nem apró részletek. Ha nincsenek tisztázva, a munka végén könnyen vita lesz abból, hogy mi számított kész eredménynek.

Sokan ott hibáznak, hogy csak stílus alapján választanak. Pedig a kommunikáció legalább ilyen fontos. Egy jó szabadúszó grafikus kérdez. Nem azért, mert nem ért hozzá, hanem mert pontosan akar dolgozni. Ha valaki kérdés nélkül azonnal kész megoldást ígér, az gyorsnak hangzik, de nem mindig biztonságos.

Online egyeztetés és fájlátadás

Az online egyeztetés akkor hatékony, ha a megrendelő nem szétszórt üzenetekben küldi az információt. Jobb egy rövid leírásban összefoglalni a célt, a méretet, a szövegeket, a színeket és a határidőt. A szakember így kevesebbet találgat. És kevesebb lesz a módosítás is.

A kész anyag átadása többféle lehet. Egyszerű felhasználáshoz elég lehet egy képfájl. Webes vagy további szerkesztéshez jobb a szerkeszthető forrás. Ha fejlesztő is dolgozik a felületen, akkor hasznos lehet külön exportált ikon, háttérelem, színkód és méretleírás. Nem kell túl bonyolítani. De az átadás legyen érthető. Egy magánügyfélnek gyakran nincs tervezői programja, ezért előre meg kell beszélni, mit tud megnyitni és használni.

Gyakori hibák lágy vizuális munkáknál

A leggyakoribb hiba az, hogy a megrendelő túl sok mintát küld, de nem mondja meg, melyikben mi tetszik neki. Ilyenkor a szakember lát pasztellszínt, lekerekített formát, nagy árnyékot, vékony betűt és sok üres teret, de nem tudja, melyik a fontos. Jobb kevesebb példát adni, de mellé írni pár mondatot. Ez tetszik, mert nyugodt. Ez nem jó, mert túl gyerekes. Ez már elég ahhoz, hogy a munka pontosabb legyen.

Másik gyakori gond a túlzott finomítás. A lágy megjelenés nem jelent homályos, kontraszt nélküli vagy nehezen olvasható anyagot. Ha a felhasználó nem találja a fontos részt, akkor a dizájn nem segít. Szerintem a jó megoldás visszafogott, de nem gyenge. Van benne rendszer. A színek nem harsányak, de a fő üzenet látható. A formák nem kemények, de a felület nem esik szét.

Lágy elemek kész eredménye

A Lágy elemek akkor számítanak késznek, ha nem csak külön külön néznek ki jól, hanem együtt is működnek. A megrendelőnek érdemes a végén egyben ellenőrizni az anyagot. Nem elég megnyitni a fájlt és ránézni. Meg kell nézni ott, ahol használni fogja. Ha weboldalhoz készült, akkor a tényleges felületen. Ha közösségi anyaghoz, akkor abban a méretben, ahol megjelenik. Ha bemutatóhoz, akkor dián belül, szöveggel együtt.

A jó online szakember nem csak elküldi a fájlt, hanem röviden jelzi, melyik változat mire való. Ez különösen akkor hasznos, ha több formátum készül. Én azt látom, hogy a legtöbb félreértés nem a tervezés közben keletkezik, hanem az átadásnál. Ha a fájlnevek érthetők, a méretek világosak, és a használat röviden le van írva, a megrendelő később is magabiztosabban használja az elkészült anyagokat.