r neugebauer design principles representation

15
Design Principles Representation Ronda Dorsey Neugebauer R541 Instructional Development & Production Professor Rod Myers 4 May 2014

Upload: ronda-dorsey

Post on 11-Nov-2014

458 views

Category:

Business


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: R neugebauer design principles representation

Design Principles Representation

Ronda Dorsey NeugebauerR541 Instructional Development & Production

Professor Rod Myers 4 May 2014

Page 2: R neugebauer design principles representation

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

Page 3: R neugebauer design principles representation

Alignment

visual connection with something elseunified by vertically flipped and curved arrows

font, color, alignment the same for like information

Page 4: R neugebauer design principles representation

Balance

visual balance is preferredequivalent balance between left and right images

images are similar in shape although different in value

Page 5: R neugebauer design principles representation

Chunking

organize information in clusters for easier processing and recall

all words begin with same letterorganization related to open license

Page 6: R neugebauer design principles representation

Contrast

make different components distinctly differentsans serif and italic serif typefaces

dark navy and black colors against bright orange

Page 7: R neugebauer design principles representation

Decoration

message should not contain much irrelevant informationsparingly use of mining shaft decorative picture

only one gold nugget decoration to represent OER

Page 8: R neugebauer design principles representation

Emphasis

attention focused within single area of designsuspended placement of lantern in corner

illuminates breadth of CC licensed materials

Page 9: R neugebauer design principles representation

Graphs

visualization of data makes information easy to grasp

treemap makes effective use of spaceshows comparative amounts of hierarchical structure

Page 10: R neugebauer design principles representation

Pattern

way to organize and build harmonybrown glaze pattern ties together units

functions as decoration and containment

Page 11: R neugebauer design principles representation

Proximity

reduce visual clutter and organize informationparts are perceived as perceptual unitsunits are close to each other in display

Page 12: R neugebauer design principles representation

Relevance

connect material to learner knowledgemotivation is strengthened by simple description

metaphor connects learner to process

Page 13: R neugebauer design principles representation

Repetition

repeated with consistency throughoutsame size section headlines unify design

color of gold nugget repeated in section headlines

Page 14: R neugebauer design principles representation

Unity

aesthetically pleasing design element balance presents information in a logical structure

sense of order with visual interest engages viewer

Page 15: R neugebauer design principles representation

Chris Clark, Former Chief Designer at Black Pixel

Q: Tell me about your design process.

A: The process is Iterate, Iterate, Iterate