Module 11 Flashcards
Icons and Design Language (8 cards)
Benefits of Images and Icons
- Identification = images are easy to recognize
- Expression = breadth of artistic expression that can make design more engaging and enjoyable
Types of Iconic Representation
Similar = visually analogous to action, object, concept
Example = things that exemplify or are commonly associated
Symbolic = represents concept at higher level of abstraction
Arbitrary = little or no relationship to concept, must be learned through standard
Abstraction
Simplifying highly concrete, realists representations
Makes them easier to interpret
Principles of Icon Design
- Immediacy = can be perceived effortlessly and involuntarily by being bold, clear, balanced
- Generality = represents a class of items, rather than an individual element, by removing details that may vary
- Cohesiveness = set of icons that function together by sharing visual variables
- Characterization = call to mind 1+ distinctive features
Design Language
Describes how to express ideas and concepts in the interface
Branding
Users will see your website and have particular associations based on what it exemplifies
Goals in Designing a Design Language
- Offer guidance and options on:
=> color
=> typography
=> organization - Support different resolutions, devices
- Support universal design
Typography
Justification, sizes, fonts, different heading levels