Design Principles
Representation
Ronda Dorsey Neugebauer
R541 Instructional Development & Production
Professor Rod Myers
4...
Principles of Design
“the laws or rules of design”
Sue Jenkins, Design Aesthetics for Web Design, Lynda.com
*not the same ...
Alignment
visual connection with something else
unified by vertically flipped and curved arrows
font, color, alignment the...
Balance
visual balance is preferred
equivalent balance between left and right images
images are similar in shape although ...
Chunking
organize information in clusters for easier processing and recall
all words begin with same letter
organization r...
Contrast
make different components distinctly different
sans serif and italic serif typefaces
dark navy and black colors a...
Decoration
message should not contain much irrelevant information
sparingly use of mining shaft decorative picture
only on...
Emphasis
attention focused within single area of design
suspended placement of lantern in corner
illuminates breadth of CC...
Graphs
visualization of data makes information easy to
grasp
treemap makes effective use of space
Pattern
way to organize and build harmony
brown glaze pattern ties together units
functions as decoration and containment
Proximity
reduce visual clutter and organize information
parts are perceived as perceptual units
units are close to each o...
Relevance
connect material to learner knowledge
motivation is strengthened by simple description
metaphor connects learner...
Repetition
repeated with consistency throughout
same size section headlines unify design
color of gold nugget repeated in ...
Unity
aesthetically pleasing design element balance
presents information in a logical structure
sense of order with visual...
Chris Clark, Former Chief Designer at Black Pixel
Q: Tell me about your
design process.
A: The process is
Iterate, Iterate...
Upcoming SlideShare
Loading in …5
×

R neugebauer design principles representation

2,376 views

Published on

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,376
On SlideShare
0
From Embeds
0
Number of Embeds
1,510
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

R neugebauer design principles representation

  1. 1. Design Principles Representation Ronda Dorsey Neugebauer R541 Instructional Development & Production Professor Rod Myers 4 May 2014
  2. 2. Principles of Design “the laws or rules of design” Sue Jenkins, Design Aesthetics for Web Design, Lynda.com *not the same as elements of design, which are the basic components involved in creating design
  3. 3. Alignment visual connection with something else unified by vertically flipped and curved arrows font, color, alignment the same for like information
  4. 4. Balance visual balance is preferred equivalent balance between left and right images images are similar in shape although different in value
  5. 5. Chunking organize information in clusters for easier processing and recall all words begin with same letter organization related to open license
  6. 6. Contrast make different components distinctly different sans serif and italic serif typefaces dark navy and black colors against bright orange
  7. 7. Decoration message should not contain much irrelevant information sparingly use of mining shaft decorative picture only one gold nugget decoration to represent OER
  8. 8. Emphasis attention focused within single area of design suspended placement of lantern in corner illuminates breadth of CC licensed materials
  9. 9. Graphs visualization of data makes information easy to grasp treemap makes effective use of space
  10. 10. Pattern way to organize and build harmony brown glaze pattern ties together units functions as decoration and containment
  11. 11. Proximity reduce visual clutter and organize information parts are perceived as perceptual units units are close to each other in display
  12. 12. Relevance connect material to learner knowledge motivation is strengthened by simple description metaphor connects learner to process
  13. 13. Repetition repeated with consistency throughout same size section headlines unify design color of gold nugget repeated in section headlines
  14. 14. Unity aesthetically pleasing design element balance presents information in a logical structure sense of order with visual interest engages viewer
  15. 15. Chris Clark, Former Chief Designer at Black Pixel Q: Tell me about your design process. A: The process is Iterate, Iterate, Iterate

×