IAT 235 Lecture Notes - Lecture 2: Icon Design, Floppy Disk

52 views2 pages
Information Design/Icon
Icon and Icon Specifications
History of Icons
Principles of Icon Design
Mistakes of Icon Design
IAT235 Assignments
Remember: Can't know it until you try it
To clarify, add detail - clutter and overload are not an attribute of information; they are a failure of design. It's
not symptomatic of how much info you have, but how you present the info. Info in chaos, fix design, not
info. - Tufte
Classification of signs:
Icons - literal visual representations
Symbols - abstract representations - symbols are often learned, but some can carry meaning just from
shape
Indexes - representation by connection
Types of (computer) icons:
Application
Functional - let you do something, usually in toolbars (example, save floppy disk icon)
Navigation Icons
Format - change orientation, way to change how you're viewing something
Icon Design - Anatomy of an Icon:
Slide about changes in icon size as technology improves
Crystal clear information about what it is and does, but it also scalable
What makes symbols and language work: people understand it!
Effect of copyright law on info design - what if everyone had to design their own lasso tool? Too much info!
What will be the symbol that will always represent this thing?
A third dimension makes something feel much more clickable
Colour does NOT have universal meaning. Can differentiate by colour, but does not have any different
meaning. But, this differentiation is important
Unlock document

This preview shows half of the first page of the document.
Unlock all 2 pages and 3 million more documents.

Already have an account? Log in

Document Summary

Remember: can"t know it until you try it. To clarify, add detail - clutter and overload are not an attribute of information; they are a failure of design. It"s not symptomatic of how much info you have, but how you present the info. Classification of signs: icons - literal visual representations, symbols - abstract representations - symbols are often learned, but some can carry meaning just from shape, indexes - representation by connection. Types of (computer) icons: application, functional - let you do something, usually in toolbars (example, save floppy disk icon, navigation icons, format - change orientation, way to change how you"re viewing something. Icon design - anatomy of an icon: slide about changes in icon size as technology improves, crystal clear information about what it is and does, but it also scalable. What makes symbols and language work: people understand it! A third dimension makes something feel much more clickable.

Get access

Grade+
$10 USD/m
Billed $120 USD annually
Homework Help
Class Notes
Textbook Notes
40 Verified Answers
Study Guides
Booster Classes
Class+
$8 USD/m
Billed $96 USD annually
Homework Help
Class Notes
Textbook Notes
30 Verified Answers
Study Guides
Booster Classes