Az utobbi par evben elkezdtem kicsit aktivabban foglalkozni az ikontervezessel, mert a tapasztalat azt mutatja, hogy bar csillionyi fizetos es ingyenes ikonkeszlet elerheto az internetsen, ezek tobbsege vagy nem abban a meretben keszulnek mint amire szukseg lenne, vagy hianyzik belole az amire epp szukseg lenne (Milyen szep, hosszu mondat).

Ilyenkor vagy megprobaljuk megrajzolni a hianyzokat (es szinte biztosan erzodni fog rajtuk, hogy utolag lettek hozzapatkolva) vagy uj szetet rajzolunk es akkor minden ugy fog kinezni, ahogy mi szeretnenk.

Par guideline, ha az utobbi mellett dontenenk:

Egyseges meretek:
Az egyik legfontosabb szempont, hogy az ikonjaink egyseges benyomast keltsenek. Igyekezzunk tehat az ikonok foltjat kb azonos meretre hozni. Ehhez segitseg lehet, ha a tervezett ikonmeretben meghatarozunk egy un. Safe frame-et, ami egy, az ikonmeretnel kisebb negyzet. Hasznalata kb hasonlo mint a betuknel a baseline, a korok, kiallo elemek kiloghatnak a belole, a negyzetes dolgok kevesbe, az eredmeny pedig jo esetben egy egyseges ikonkeszlet lesz.

Egyseges meretek pt 2.:
A masik hasznos lepes az egysegesseg iranyaban a konzekvens vonalvastagsag-hasznalat. Az erzesre beallitgatott vastagsagok, utolag meretezgetes a legtobb esetben nem celravezeto. Torekedjunk hat arra, hogy a keszulo ikonok mar a legelso vonalhuzasnal legyen mar egy konvencionk, hogy milyen vastag lesz a kontur, a detailvonal stb.

Tervezzunk meretben:
Lehetoleg minden ikont probaljunk meg felhasznalasi meretben elokesziteni, igy elkerulhetjuk az olyan szituaciokat, hogy ami illustratorban 1000×1000px-en jol nez ki, vegleges meretben (pl 32×32) mar kevesbe; a vonalak homalyosak, a reszletek pedig nehezen kivehetoek.

Keep it simple:
A jo ikonok ismerve, hogy keruli a folosleges reszleteket es csak annyi elemet hasznal, amivel meg pont le lehet irni a hozza tartozo fogalmat. Peldaul egy kapcsoltamos telefonikonnal nem szukseges a tarcsazot belerajzolni a keszulekbe, ha a kezibeszelo konturja is megteszi. Oraikonnal eleg egy szamlap es ket mutato, a beosztasok es a masodpercmutato elhagyhato. Tudnek meg tucatnyi peldat mondani, de a lenyeg, hogy amit ki lehet hagyni, azt hagyjuk ki, a szettunk halas lesz erte. Termeszetesen kivetelek mindig vannak, nagyobb meretu felhasznalas eseten van hogy el kell barokkositani az ikonokat, de kisebb mereteknel (32×32px alatt) jobb ha az ikonunk minel egyszerubb. Figyeljunk emellett arra is, hogy ne detailezzunk bizonyos ikonokat tul, masokat alul, mert a vegeredmeny nem lesz egyseges.

Ha mar szinek:
Ha szines ikonokat rajzolunk jol jon ha van egy palettank, amibol osszepickelhetjuk a szineket, ezzel is az egysegesseg fele tudjuk terelni a szettet. Ugyanez vonatkozik a grayscale dolgokra is, definaljunk 4-5 arnyalatot es abbol valasszunk arnyek es highlight szint, az ikonkak nagyon halasak lesznek erte.

Tervezd egyutt:
Nagy segitseg ha az ikonokeszletunket egy dokumentumon belul keszitjuk, ideailis esetben egy gridre felosztva, igy hamarabb eszrevehetjuk/javithatjuk a meret/detail-beli egyenetlensegeket.

Grids are cool:
Nem kotelezo, de sok szempontbol megkonnyiti a dolgunkat ha ikonjainkat gridek segitsegevel rajzoljuk, igy a meretigazgatassal, detailezessel kevesebb problemank lesz. Raadasul ha kisebb mereteket is elo kell allitani, egy jol megvalasztott grid-beosztassal kevesebb szopo lesz az osszetapado vonalak/detailek miatt.

Ha tobb meretet kell gyartani:
Ha 16×16 es hasonlo kis meretekben is kell gondolkodnunk, keszuljunk fel a pixelezesre, mert nincs univerzalis megoldas arra, hogy ugyanaz az ikon tobb meretben is ugyanolyan eles maradjon vektorbol. Bar van mar az Illustrator CS5-ben align to pixel grid kapcsolo, nagyon ritkan szokott ugy kijonni egy keszlet, hogy vegul ne kelljen matatni a pixeleket a kis meretu verzioknal.

Tovabbisvanmondjammeg, de most ledolok standbyba, mert holnap is van nap.

Stay tuned.

Popularity: 19% [?]