1. JAK? Pouziti ikon !!!
1.1. Neni potreba ikony vytvářet - existuje velké množství ikonových setů, ty dobré jsou většinou placené, ale licence není omezená počtem projektů (jakmile mám dobrý set, můžu ho použít víckrát)
1.2. Ikony by měli svým vizuálním stylem ctít celkévý styl rozhraní (dát příklad a vysvětlit)
1.3. pro čistý (minimalistický) web s minimem grafických efektů použiju jednobarevné ikony jednoduchých tvarů (nehodí se detailní ikony a naopak)
1.4. na webu s velkou plastičností můžu použít obojí (blba uvaha)
1.5. Pouzijte existujici ikony pokud jsou dostupne
1.6. Pouziti na webu pro skenovani informaci, zachytavani pozornosti
2. Pouzitelnost ikon (podobne jako obecne u UI)
2.1. Metafora
2.1.1. Vyber vhodne metafory neni dulezity jenom pro tvorbu ikon ale i pro jejich pouziti. Co by se stalo, kdyby si clovek spletl ikonu smazani s ikonou odeslat?
2.2. Je potreba aby ikona smysluplne zobrazovala to co ma znamenat (ne byla jen cool)
2.3. povědomost
2.3.1. jak povedomy je objekt ktery zobrazujeme? dobrá povědomost zvýší cas potřebný k naučení
2.4. zřejmost (čitelnost)
2.4.1. je ikona čitelná? Dovoluje tvar, struktura a stylizace jasné rozlišení toho co ikona zobrazuje?
2.5. jednoduchost
2.5.1. je tvar čistý a vzdává se zbytečných detailů, příliš mnoho částí zmate uživatele
2.6. jednotnost
2.6.1. Je rodina ikon konzistentni svym tvarem a stylizací? Platí toto i pro ikony menších velikostí?
2.7. přímočarost
2.7.1. jak dobře předává ikona zamýšlený význam
2.8. efektivita!!!
2.8.1. je vhodné ikonu použít? ikony jsou užitečné zejména v situacích kde máme málo prostoru, nebo chceme rychle předat informaci
2.9. rozlišitelnost
2.9.1. ikony musi byt od sebe rozlisitelne, lidska schopnost rozlisovat tvary a formu jsou omezene (existuji vyzkumy)
2.10. http://turbomilk.com/blog/cookbook/icon_design/10_mistakes_in_icon_design/ Vyborne priklady
3. Photoshop a Illustrator
3.1. Na tom, jestli ikony dělám ve Photoshopu nebo Illustratoru nezáleží
4. linky(vyrazne doplnit)
4.1. Clanky
4.1.1. http://vector.tutsplus.com/articles/inspiration/10-tips-for-effective-icon-design/
4.1.2. http://www.smashingmagazine.com/2008/06/06/icon-design-tutorial-drawing-a-pencil-icon/
4.2. iconstoky
4.2.1. http://iconeden.com/icon/category/premium
4.2.2. http://icondock.com/
4.2.3. http://softfacade.com/#icons_Bobby-2
4.2.4. http://www.helveticons.ch/
5. Prinos prednasky
5.1. S nutnosti pouzit ikony se driv nebo pozdeji potka kazdy webdesigner, UX designer, visual designer. Zasady pouziti a tvorby ikon jsou v mnoha smerech stejne jako zasady tvorby UI.
6. Vyber hotove sady ikon
6.1. Zaostření ikon v různých velikostech
6.2. Dostupnost potrebných rozlišení
6.3. Konzistence cele sady
6.4. Vektorové sety s možností zmenšit a zvětšit ikony nejsou spásné (ikony je vždy potřeba doostřit)
6.5. Nejlepší jsou velké sady s několika rozlišeními pro web, mobilní aplikace. Sady s jednoduchými glyfy mají největší šanci být použité několikrát.
6.6. Formát ikon, pro web a aplikace je nejlepší PNG
6.7. New node
6.8. New node
7. PROČ? Duvody pouziti ikon na webu a v aplikacich
7.1. napomahaji porozumeni (napr. v infografice), setri misto, dekorace
7.2. Zachytavaji pozornost, skenovani informaci
8. Teorie(
8.1. Ikony maji ruzna pouziti (shrnuti teorie)
8.1.1. pro objekty jako dokument, vlastnosti objektu, akce (vlozit, ulozit), systemový status
8.2. Je nekolik typu ikon, to ovlivnuje miru abstrakce a stylizace, kterou si muzeme dovolit
8.2.1. Podobnostní-obrazek co vypada jako to co znamena (kniha zobrazujici slovnik)
8.2.2. Symbolické-abstraktní obrázek něco znázorňující (rozbita sklenice muze znamenat neco krehkeho)
8.2.3. Názorná-obrazek zobrazujici priklad nebo charakteristiku neceho (značka vidličky a nože na dálnici zobrazuje restauraci)
8.2.4. Svévolná-obrázek, jehož význam se musíme naučit (ikonka programu)
8.2.5. Analogicky-obrazek fyzicky nebo semanticky s něčím spojený (ruka pro znazorneni drzeni objektu)
8.2.6. New node
9. Gestalt zákony
9.1. Zákon uzavřenosti, podobnosti, blízkosti, symetrie
10. Proces
10.1. Jaky je účel ikony? Jaka je nejlepsi metafora
10.2. Posbírejte si informace, udělejte si průzkum, kreslete náčrtky
10.3. Črtejte v černo-bílé
10.4. Vyzkoušejte čitelnost
10.5. Ověřte si, jak ikonu lidé rozpoznávají, jak se ji učí a co od ní čeká
11. Tvorba ikon
11.1. Dodržujte styl rozhraní do kterého budou ikony zasazeny
11.2. Dodržujte určený vizuální styl ikon (např. ikony pro iPhone, Android, systémové ikony, dokonce i ikony pro Linux mají své guidelines)
11.3. Je jednodussi vytvaret ikony pro podstatna jmena (snazte se vymyslet metafory z podstatnych jmen)
11.4. Spousta ikon lze poskladat (ukazat priklad pridani dokumentu apod.)
11.5. Dopředu si zjistěte, pro jakou velikost ikonu děláte
11.6. Jednoduchá změna velikosti vektorových ikon je MÝTUS (vždy je potřeba doostřovat)
11.7. Kresleni ikon
11.7.1. Pouzivejte konzistentni tvary
11.7.2. Dodrzujte zdroj svetla a perspektivu
11.7.3. Vyhýbejte se perspektivě