The mechanics of iconography

Talking about the origin of symbols and their interpretations, the factors influencing the design of icons, symbol fonts, octicons: the github's new symbol font, and icons that we still use extensively but are not relevant anymore.

Transcript

1. THE MECHANICS OF ICONOGRAPHY Jaideep Singh
2. PEIRCE’S THEORY OF SIGNS
3. PEIRCE’S THEORY OF SIGNS • Symbolic signs • Iconic signs • Indexical signs
4. SYMBOLIC SIGNS
5. ICONIC SIGNS
6. INDEXICAL SIGNS
7. THE DESIGN
8. SIZE & CONTEXT
9. BALANCE
10. GRIDS
11. STYLE
12. STYLE
13. STYLE
14. DETAIL
15. DETAIL
16. THE ERA OF SYMBOL FONTS • Smooth experience
17. THE ERA OF SYMBOL FONTS • Accessibility
18. THE ERA OF SYMBOL FONTS • http://timepiece.inostudio.de/
19. THE ERA OF SYMBOL FONTS • Issues with fonts • Screen sizes • Colors
20. THE MAKING OF OCTICONS
21. THE MAKING OF OCTICONS
22. THE MAKING OF OCTICONS
23. THE MAKING OF OCTICONS
24. THE MAKING OF OCTICONS
25. THE MAKING OF OCTICONS
26. ICONS THAT DON’T MAKE SENSE ANYMORE • Floppy disk - Save
27. ICONS THAT DON’T MAKE SENSE ANYMORE • Radio buttons - Mutually exclusive choices
28. ICONS THAT DON’T MAKE SENSE ANYMORE • Voicemail
29. ICONS THAT DON’T MAKE SENSE ANYMORE • Photography
30. ICONS THAT DON’T MAKE SENSE ANYMORE • Television
31. REFERENCES/CREDITS • Peirce, C. Collected Writings (8 Vols.). (1931-58). Ed. Charles Hartshorne, Paul Weiss & Arthur W Burks. Cambridge, MA: Harvard University Press. • Atkin, A. Peirce’s Theory of Signs. (2010). The Stanford Encyclopedia of Philosophy. Edward N. Zalta (ed.). Accessed December 29, 2012. • The Noun Project blog: http://thenounproject.tumblr.com • A List Apart: The era of symbol fonts • The github blog: https://github.com/blog/1135-the-making-of-octicons • Scott Hanselman: The Floppy Disk means Save, and 14 other old people Icons that don't make sense anymore
32. THANKS @_jaideep