Icons: Dissected

http://lanyrd.com/2013/uxcb13/scqtqf/

I will be talking about the brief history of icons, their functions and types. Taking it through the Ui design and information design processes, we'll practice how you can approach designing icons at the end of the session. The task will be to design 2 icons for 2 devices that may or will become mainstream in the future. Simply using the provided pen & paper, participants will experience how they can abstract an object or concept as an icon using their visual vocabulary.

Transcript

1. Icons: Dissected A brief history of Icons & Pictograms Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
2. Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
3. Icon – ‘Eikon’ Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
4. Semiotics is the analysis of signs and their use Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
5. Icons, symbols, index Relation of the sign to its referent • By resemblance –Icon • By convention– Symbol • Existential connection – Index Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
6. Semantics Sigmatics Syntax Pragmatics Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
7. ‘…everything that on the grounds of a previously established social convention can be taken as standing for something else’ Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
8. Our perception of a sign is fed by many connections, based on our culture, our society and our knowledge of things Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
9. Isotype International System of Typographic Education Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
10. Isotype Austrian economist Otto Neurath with Dutch graphic designer Gerd Arntz came up with a concept of Isotype for quantitative information and statistics Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
11. Pictograms Perfect bite size labels for way-finding or information Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
12. Pictograms Isotype has been the foundation of pictograms and Olympics events is one of the intriguing fields of displaying them Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
13. Pictograms Isotype has been the foundation of pictograms and Olympics events is one of the intriguing fields of displaying them Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
14. Pictogram Design Conception: • Mind-mapping the themes • Symbolising the themes with pictures • Design Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
15. The grid always gives you the perfect scaling icons for various sizes Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
16. The grid always gives you the perfect scaling icons for various sizes Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
17. TASK: Design an icon for a. 3D printer b. Google Glass Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
18. Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
19. Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
20. Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
21. Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13 `  
22. Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
23. Good luck & Thank you! Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13 @kongroove ayse@kongur.co.uk  
24. Resources: Pictograms Icons & Signs A Guide to Information Graphics by Rayan Abdullah, Roger Hubner published by Thames & Hudson 2006 Lovely Language Words Divide Images Unite by Ed Annink and Max Bruisma published by Veenman Publishers Rotterdam 200 http://www.gerdarntz.org/isotype Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13
25. Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13 `  
26. Ayşe Kongur 02/11/2013 UXCamp Brighton 2013 #uxcb13 `