Retina-display barát ikonok tervezése és fejlesztése egyedi igényekre

Ikonák tervezése magánügyfeleknek

Az Ikonák tervezése akkor jó választás, ha egy weboldalon, alkalmazásban, bemutatkozó oldalon vagy hírlevélben egységes, jól érthető kis grafikai jelekre van szükség. A válasz röviden az, hogy nem elég szép ikonokat kérni. Előbb meg kell határozni, mire szolgálnak, milyen méretben jelennek meg, milyen háttéren látszanak, és milyen stílus illik a meglévő arculathoz. Én azt látom, hogy a legtöbb probléma nem a rajzolásnál kezdődik, hanem a pontatlan feladatleírásnál.

Egy online dolgozó magánszakember ilyenkor általában távolról dolgozik. A megrendelő elküldi a meglévő oldalt, képernyőképeket, színeket, példákat és a szükséges ikonok listáját. Ezután a grafikus vagy felülettervező készít néhány irányt, majd ezek alapján jönnek a javítások. A folyamat egyszerűnek tűnik, de sok apró döntés van benne. Például legyen-e vonalas ikon, tömör forma, lekerekített sarok, retina kijelzőre alkalmas változat, világos és sötét háttérhez külön verzió.

A Qjob.hu felületén magánszemélyek is kereshetnek olyan szakembert, aki online vállal ikonrajzolást, grafikai elemek készítését vagy meglévő ikonok átdolgozását. Itt a lényeg nem az, hogy egy nagy stúdiót találjon az ügyfél, hanem hogy legyen egy megbízható szabadúszó, aki érti a feladatot, pontosan kérdez, és nem csak látványos, hanem használható eredményt ad át.

Ikontervezés online munkamenetben

Az ikontervezés távmunkában jól működik, ha az ügyfél előre összegyűjti az alapanyagokat. Kell a weboldal címe, a meglévő színvilág, a betűtípus, a használt grafikai stílus és az ikonok tervezett helye. Ha ezek hiányoznak, a szakember csak találgat. Szerintem ez az egyik leggyakoribb oka annak, hogy az első változat nem találja el az elvárt irányt.

A munka elején érdemes pontos listát adni. Például fizetés, szállítás, kapcsolat, kedvencek, keresés, profil, kosár, üzenet, értesítés. Egy ikon akkor működik jól, ha a felhasználó gyorsan felismeri, mire utal. Nem kell minden esetben egyedi művészeti megoldás. Sőt, sok felületen az egyszerűség jobb. A túl bonyolult ikon kis méretben elveszíti az értelmét.

Volt olyan eset, amikor egy ügyfél húsz teljesen egyedi ikont kért egy egyszerű szolgáltatási oldalhoz. A referencia képek viszont három különböző stílusból jöttek. Az első kör után kiderült, hogy neki valójában nem húsz különleges rajz kellett, hanem egy egységes, vékony vonalas készlet, amely jól néz ki mobilon is. A feladat így gyorsabb lett, az eredmény pedig tisztább.

Ikonák tervezése árak és csomagok

Az Ikonák tervezése ára főleg a darabszámtól, az egyediség szintjétől, a szükséges formátumoktól és a javítási körök számától függ. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert a szakember vagy sablonból dolgozik, vagy nem ellenőrzi az ikonokat több méretben. Ez nem mindig baj, ha egyszerű feladatról van szó. De fontos tudni, mit kap a megrendelő.

Tapasztalatom szerint magánügyfeleknél a leggyakoribb megbízás 5 és 12 ikon között mozog. Ez már elég ahhoz, hogy látszódjon az egységes stílus, de még nem válik nagy arculati projektté. A grafikus ilyenkor általában egy próbairányt készít, majd csak jóváhagyás után rajzolja meg a többi elemet. Ez védi az ügyfelet és a szakembert is.

Megfelelő ikonrajzoló szakember kiválasztása

A megfelelő ikonrajzoló szakember kiválasztásánál nem csak a portfólió szépsége számít. Nézni kell, hogy a korábbi munkái valóban használhatók-e webes felületen. Sok rajz jól mutat nagyban, de 24 vagy 32 képpontos méretben már zavaros. Ezért érdemes olyan munkákat kérni példaként, ahol az ikonok valódi felületen szerepelnek.

Fontos kérdés, hogy a szakember milyen formátumban adja át az anyagokat. Weboldalhoz általában SVG és PNG kell. Néha szükség van Figma, szerkeszthető vektoros fájl vagy külön sötét háttérhez készített változat átadására is. Ha az ügyfél ezt nem tisztázza előre, később külön díj lehet az export vagy az átdolgozás.

Sokan ott hibáznak, hogy csak azt írják, ikonok kellenek az oldalra. Ez túl kevés. Jobb úgy fogalmazni, hogy hány darab ikon kell, hol jelennek meg, milyen méretben, milyen stílus tetszik, milyen fájlformátum szükséges, és hány javítási kör legyen benne az árban. A jó szakember ezekre rá fog kérdezni. Aki nem kérdez semmit, annál nagyobb a félreértés esélye.

Ikonkészítés lépései és átadás

Az ikonkészítés első lépése a rövid feladatleírás. Nem kell hosszú dokumentum, de legyen egy világos lista. Utána jöhet a stílusirány. Ez lehet két vagy három mintaikon, amely alapján az ügyfél eldönti, melyik irány illik jobban az oldalhoz. Csak ezután érdemes az összes elemet kidolgozni.

A következő szakasz a rajzolás és ellenőrzés. A szakember megnézi, hogy az ikonok egyformán vastag vonallal készültek-e, arányosak-e, nem lógnak-e ki a keretből, és kis méretben is érthetők-e. Ez különösen fontos akkor, ha az ikonok gombokon, menüben vagy kártyákon jelennek meg. A felhasználó nem fog gondolkodni rajtuk. Azonnal értenie kell őket.

Az átadásnál érdemes rendezett mappát kérni. Például külön mappa világos háttérhez, sötét háttérhez, PNG méretekhez és SVG fájlokhoz. A fájlnevek legyenek érthetők. Nem jó, ha az ügyfél csak annyit kap, hogy icon1, icon2, icon3. Ez később lassítja a fejlesztőt vagy azt, aki feltölti az anyagokat.

Minőségi hibák ikonok készítésénél

Az ikonok készítésénél a leggyakoribb hiba az, hogy az elemek nem tartoznak egy családba. Az egyik vastag, a másik vékony, az egyik lekerekített, a másik éles, az egyik részletes, a másik túl egyszerű. Ettől a felület rendezetlen lesz, még akkor is, ha külön-külön minden ikon elfogadható.

Másik gyakori gond a túl sok részlet. Egy kis ikon nem plakát. Ha a szakember apró árnyékokat, kis belső vonalakat és bonyolult formákat használ, az eredmény nagyban érdekes lehet, de a valós felületen elmosódik. Szerintem a jó ikon inkább tiszta, mint látványos. A magánügyfélnek ezt néha nehéz elfogadni, mert elsőre az összetettebb rajz tűnik értékesebbnek.

Probléma lehet az is, ha az ikonok nem illenek a meglévő oldalhoz. Egy játékos, rajzos ikoncsomag furcsán hat egy komoly szolgáltatási oldalon. Ugyanígy egy szigorú, geometrikus ikon sem mindig jó egy személyes márkához. A feladat nem önálló képek készítése, hanem egy meglévő környezetbe illeszkedő grafikai rendszer kialakítása.

Javítások és online kommunikáció

Az online kommunikáció akkor működik jól, ha a visszajelzés konkrét. A nem tetszik önmagában kevés. Hasznosabb azt írni, hogy túl vastag a vonal, túl szögletes a forma, nem elég jól látszik kis méretben, vagy nem illik a főoldal stílusához. Így a grafikus gyorsabban tud javítani.

A javítások számát előre érdemes rögzíteni. Egy vagy két kör általában elég, ha a feladat tiszta. Ha az ügyfél közben teljesen új stílust kér, az már nem apró javítás, hanem irányváltás. Ezt korrekt módon külön kell kezelni. A félreértések nagy része abból jön, hogy a megrendelő és a szakember mást ért javítás alatt.

Az Ikonák tervezése végén a jó eredmény nem csak abból látszik, hogy szépek az elemek. Abból is, hogy a fájlok rendben vannak, a méretek használhatók, a stílus egységes, és a megrendelő tudja, melyik ikont hova kell feltölteni. Ez a pont sokszor fontosabb, mint egy plusz látványos részlet. Egy jól átadott ikoncsomaggal később is könnyebb dolgozni.