Články

Co je to ikona

Počítačová ikona je grafický symbol reprezentující vlastnost, funkci nebo entitu. Můžeme se s nimi setkat v operačních systémech, aplikacích, hrách, při práci s internetem atd. Ikony jsou zde používány pro rychlé spouštění příkazů nebo otevírání programů a dokumentů.

Něco málo z historie

Ještě před dvaceti lety byla počítačová ikona pouhou vizí několika jedinců. Člověk, který jim dal jednu z prvních podob, byla Susan Kare. Její, dnes už klasické, výtvory pamatujeme jak z dřevních dob počátků počítačů Apple Macintosh, tak i později ze systému Windows 3.0. Není tedy divu, že příznivci Applu vyčítali Microsoftu opičení se :-). Vedle tvorby pro operační systémy vděčíme této autorce i za vzhled asi nejrozšířenější počítačové hry Solitaire. Všem příznivcům miniaturního umění doporučuji nahlédnout do stránek Susan Kare http://www.kare.com/  .

Velikost a barevná hloubka ikon

Je zcela na každém autorovi, který se rozhodne vytvořit vlastní ikony, jak budou velké a barevné. Pokud však chcete připravit sadu do operačního systému, je třeba vzít v úvahu určitá pravidla. Pro Windows obvykle musíte připravit každou ikonu ve čtyřech standardních velikostech (16×16, 24×24, 32×32, 48×48) a třech barevných hloubkách (16, 256 a 16M barev). Pokud tedy chcete aby je další uživatel viděl co nejlépe.

Kde ikony pořídíme?

Je několik způsobů. Můžete si je koupit u někoho, kdo se na tvorbu ikon specializuje. Na výběr je takových dodavatelů opravdu hodně. Liší se mezi sebou cenou, stylem a kvalitou: http://www.iconbuffet.com/  , http://www.iconfactory.com  , http://www.yellowicon.com  atd.

Další možností je stáhnout si ikony zdarma z webových stránek. Mezi weby se zajímavou nabídkou patří například: http://www.iconbazaar.com/  , http://www.rw-designer.com/  nebo http://www.pixture.com/icon/index.php  .

Jsem přesvědčen, že většina z vás dává, stejně jako já, přednost vlastní tvorbě. Je to pracnější, ale zábavnější a kreativnější. Při tvorbě webové stránky navíc často potřebujeme sadu, která barevně a stylově odpovídá konkrétnímu designu. Takové štěstí při hledání mít nejspíš nebudete. Na tuto možnost získání ikon se podíváme trochu zblízka.

Software pro jejich tvorbu

Jako ke každé práci, i k této potřebujeme určité nástroje. Internet nám nabízí velkou škálu freewarových konvertorů, prohlížečů a editorů ikon. Např. GIFEx (http://www.gifex.net/cz/gifex.htm  ), IconArt (http://www.conware-pro.com/products/ia/about.php  ), Iconomaker (http://free-icon-editor.com/  ) a další. Pokud chcete lepší kvalitu, bude potřeba sáhnout do peněženek. Často jde o kvalitní, snadno použitelné a ne až tak drahé editory: Axialis IconWorkshop (http://www.downloadjunction.com/product/store/2414/index.html  ), Microangelo (http://www.microangelo.us/  ) či RealWorld Icon Editor (http://www.rw-designer.com/3D_icon_editor.php  ) apod.

Pokud jste graficky zdatnější, postačí vám jakýkoli kvalitnější grafický editor. Musíte se jen rozhodnout, zda budete zdrojové obrázky tvořit vektorově nebo bitmapově. Přikláním se k první verzi, protože dovoluje libovolnou změnu velikosti bez ztráty kvality obrazu. Zdrojový vektorový obrázek můžete dále upravovat a ladit v bitmapovém editoru.

Jak začít

Způsobů, jakými lze vytvářet ikony, je mnoho. Neexistuje žádné dogma a záleží na každém grafikovi, co mu vyhovuje. Můžete samozřejmě využít i znalostí a postupů zkušenějších autorů -  http://www.simplebits.com/notebook/2004/08/23/anatomy.html    nebo softwarových tutoriálů - http://gimp.org/tutorials/Creating_Icons/  .

Na začátku každé grafické práce by měla být skica tužkou na papír. Nejste svázáni pohybem myši, rychlostí počítače, máte úplnou volnost a to je asi to nejdůležitější. Naskenovanou skicu pak upravíte v grafickém editoru. Záleží na vás, ve kterém programu budete kreslit zdrojové obrázky a ve kterém je budete kompletovat a exportovat do daných formátů.

Formáty pro ikony

Mezi standardní grafické formáty patří .bmp, .gif, .jpg, .png či .tif. Každý z nich je vhodný pro jiný typ obrázků. Jako konečný formát na web si vyberte mezi formáty .gif a .jpg. GIF použjte raději pro málobarevné obrázky s možností průhledného pozadí. JPG lépe vykreslí barevné přechody, ale je třeba si více pohrát s jeho optimalizací. Pokud se rozhodnete změnit si ve Windows sadu systémových ikon, musíte je ukládat ve formátu ICO. Častou chybou je uložit ikopnu jako BMP a poté přejmenovat její koncovku na ICO. Ačkoli to v některých případech může fungovat, ICO je zvláštním formátem, který se od BMP liší.

Vzhled a funkce ikon na webu

Pokud děláme ikony na konkrétní webové stránky, měli bychom vyjít z designu, funkce a cílové skupiny tohoto webu. Ikony mohou stránku oživit a zatraktivnit, ale je třeba být v jejich užití umírněný. Když nahrazují text, mohou stránku zjednodušit a zpřehlednit, ale jejich sdělení musí být jasné a všeobecně srozumitelné. Častěji proto bývají užívány jako zvýrazňující doplněk k textovému popisku. Vždy je nutné odlišovat cílový web a jeho uživatele. Například dětský web můžeme okrášlit spoustou barevných a třeba i animovaných ikon. Stejný postup však nemusí být žádoucí na velkém korporátním webu.

Webové ikony užijeme nejčastěji jako doplněk různých druhů navigace - u vyhledávacích polí, v e-shopových procesech, v e-mailových, chatových a diskusních aplikacích.

Samotný vzhled může mít nekonečně mnoho podob. Záleží už jen na citu grafika. Ikony tak mohou být pojaty různými způsoby: