Icons and symbols in action. How to make icons properly and effectively. Simple tips and best practices.

1. Jak ikony
pomáhají designu

2. Teorie Praxe

3. Historie
PS Pad Esmska
Gnome - sada ikon od největšího českého
ikonového mága, Pixyho (Petr Staníček).
The Bat Perm 3

4. Současnost
SoftronicRequestor EffiChemInvia

5. Selský rozum
Okamžitě k cíli pomocí zkušenosti a intuice
Významné zlepšení, levně a rychle
Paretovo pravidlo 80/20
Přejímám dobé nápady do svého workflow
Nevymýšlím kolo

6. Ikona

7. Ilustrace

8. Ikona dnes —
1981
Informace, nahuštěná do srozumitelného
vizuálního symbolu, která využívá kulturní návyky
příjemce ke zrychlení navigace rozhraním.

9. Multijazyčnost
Ikona maže rozdíly mezi jazyky a zjednodušuje
lokalizaci aplikací a webů. Nedokáže však pokrýt
veškeré kulturní zvyky a sémantiku. Zejména
v nových situacích.

10. Schémata chování
Jazyk je snáz jednoznačný, ikona méně
Kontext ovlivňuje porozumění
Kultury mají své zvyky i symboliku
Nicméně v realitě západní kultury, ve které
většinou žijeme, se symbolika neustále sjednocuje
a vzájemně přibližuje. Zejména díky výpočetní
technice, cestování a dopravnímu značení.

11. Zrychlení komunikace
Přenést význam čtenáři — rychle
Maximální kontrast — ve všech velikostech
Reprezentovat firemní styl a barvy

12. Technikálie

13. Bitmapa nebo vektor
Vektor — nezávislý na rozlišení
Bitmapa — více jemných efektů
Průhlednost u bitmapy může zlobit

14. Styl
Barevné KomplexníLineární Vyplněné
Zdroj: Flaticon

15. Vizuální hmotnost
Úrazy a
skoronehody
Dokumentace OOPP Technická
zařízení

16. Pixel
Perfect

17. Finty

18. Nové trendy
Jednodušší tvarosloví
Remixování existující symboliky
Využívání ikonových sad a fontů

19. Jednoznačný význam
Autora i zadavatele ikony svádí do symbolu vetkat
více informací. Je důležité tomu odolat, protože
se tím sníží výkonnost a zamlžuje srozumitelnost
významu. Složená ikona je nouzovým řešením.

20. Jednotící vnitřní systém

21. Inspirace

22. Zdroje zdarma
flaticon.com
materialdesignicons.com a material.io/icons
fontawesome.io/icons
iconfinder.com
famfamfam.com/lab/icons/flags
freepik.com vecteezy.com thenounproject.com iconstore.co

23. Aplikace
1994—1999
2000—2007
2008—2016
2017—
Autodesk Animator
Corel Draw a Adobe Photoshop
Inkscape
Sketch a Affinity Designer

24. Díky