introduction to principles of design. basic design principles contrast contrast repetition...

21
Introduction to Introduction to Principles of Principles of Design Design

Upload: edmund-obrien

Post on 27-Dec-2015

240 views

Category:

Documents


7 download

TRANSCRIPT

Page 1: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Introduction to Introduction to Principles of DesignPrinciples of Design

Page 2: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Basic Design PrinciplesBasic Design Principles

ContrastContrast RepetitionRepetition AlignmentAlignment ProximityProximity

Page 3: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

ContrastContrastOne of the most effective ways to add visual interest to a page.

Page 4: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

ContrastContrast

Page 5: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

RepetitionRepetitionYou can repeat colors, shapes, textures, line thicknesses, fonts, sizes, graphic concepts, etc. This develops the organization and strengthens the unity.

Page 6: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

RepetitionRepetition

Page 7: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

AlignmentAlignmentNothing should be placed on the page arbitrarily. Every element should have some visual connection with another element on the page.

Page 8: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

AlignmentAlignment

Page 9: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

AlignmentAlignment

Page 10: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Alignment ActivityAlignment Activity

“Bad” versi

on

Page 11: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Alignment ActivityAlignment Activity

“Good” versi

on

Page 12: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

ProximityProximityItems relating to each other should be grouped close together. This helps organize information, reduces clutter, and gives the reader a clear structure.

Page 13: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

ProximityProximity

Page 14: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Putting It All TogetherPutting It All Together

Page 15: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Basic Design Principles- Recap Basic Design Principles- Recap

ContrastContrast RepetitionRepetition AlignmentAlignment ProximityProximity

Page 16: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

TypographyTypography

Sans Serif –No Sans Serif –No ““feetfeet”” at the end at the end Use for titles, subtitles, and headings Use for titles, subtitles, and headings e.g. e.g. ArialArial

Serif – Letters have Serif – Letters have ““feetfeet”” Easier to read; best for body text Easier to read; best for body text e.g. e.g. Times New RomanTimes New Roman

Page 17: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

TypographyTypography

Use to add emphasis and personality to text:Use to add emphasis and personality to text:

““LifeLife’’s but a walking shadow, a poor player that s but a walking shadow, a poor player that struts and frets his hour upon the stage, and struts and frets his hour upon the stage, and then is heard no more; it is a tale told by an then is heard no more; it is a tale told by an idiot, idiot,

full of sound and full of sound and fury, fury,

Text

signifying nothing.signifying nothing.””

Page 18: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

What is X-height?

Page 19: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

The big news about leading

Page 20: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Tracking for you and me

Page 21: Introduction to Principles of Design. Basic Design Principles Contrast Contrast Repetition Repetition Alignment Alignment Proximity Proximity

Ligatures and Kearning