Please enable JavaScript.
Coggle requires JavaScript to display documents.
Graphic Design Principles (Contrast (Can be used to distinguish active…
Graphic Design Principles
Metaphor
Tying presentation and visual elements to some familiar relevant items
Desktop metaphor
Contrast
Can be used to distinguish active control
Guides your eyes around the interface
Supports skimming
Pulls you in
Can be used to set off most important item
Clarity
Every element in an interface should have a reason for being there
Less is more
White space
Leads the eye
Provides symmetry and balance through its use
Strengthens impact of message
Allows eye to rest between elements of activity
Used to promote simplicity, elegance, class, refinement
Alignment
Western world
Start from top left
Allows eye to parse display more easily
Grids
Consistency
Internal
same conventions and rules for all elements of the GUI
External
follow platform and interface style conventions
use platform and widget-specific grids
deviate from conventions only when it provides a clear benefit to user
Proximity
Items close together appear to have a relationship
Distance implies no relationship
Link related elements, disassociate unrelated elements