Design PrinciplesDesign Principles
3.02 Understand business publications
3.02 Understand business publications Slide 2
Five Principles of DesignFive Principles of Design
1. Balance
2. Proximity/unity
3. Alignment
4. Repetition/consistency
5. Contrast
6. White space
BalanceBalance
3.02 Understand business publications Slide 3
Graphics don’t overpower text
Page is not too heavy on one side or the
other
Example:
http://www.ithinktoo.com/Design1/balance/balance_example/balanceeg.html
3.02 Understand business publications Slide 4
Proximity/UnityProximity/Unity
Distance between elements on a page
Used to demonstrate a relationship or a lack of
relationship between elements
Example:
http://www.ithinktoo.com/Design1/Proximity/proximity_example/proximityeg.html
3.02 Understand business publications Slide 5
AlignmentAlignment
Justification of elements
Related items should be justified the same to
emphasize their relationship to each other.
Example:
http://www.ithinktoo.com/Design1/alignment/alignment_example/alignmenteg.html
3.02 Understand business publications Slide 6
Repetition/ConsistencyRepetition/Consistency
Consistent pattern of font and color
schemes and graphic types
Specific font, size, and style for headings, subheadings,
and body text.
Do not mix photographic images and cartoon images on
the same page.
Example:
http://www.ithinktoo.com/Design1/repetition/repetition_example/repetitioneg.html
Scheme - a planned combination of elements, such as a
combination of font styles and sizes
3.02 Understand business publications Slide 7
ContrastContrast
Emphasizing the most important elements
on a page with color and size
Example:
http://www.ithinktoo.com/Design1/contrast/contrast_example/contrasteg.html
3.02 Understand business publications Slide 8
White SpaceWhite Space
Blank or negative space on a page
Used to focus the reader’s attention on important
details
Used to give the reader’s eyes a break
Does not have to be white
Example:
http://www.ithinktoo.com/Design1/white_space/whitespace_example/whitespaceeg.html

3.02 design-principles

  • 1.
    Design PrinciplesDesign Principles 3.02Understand business publications
  • 2.
    3.02 Understand businesspublications Slide 2 Five Principles of DesignFive Principles of Design 1. Balance 2. Proximity/unity 3. Alignment 4. Repetition/consistency 5. Contrast 6. White space
  • 3.
    BalanceBalance 3.02 Understand businesspublications Slide 3 Graphics don’t overpower text Page is not too heavy on one side or the other Example: http://www.ithinktoo.com/Design1/balance/balance_example/balanceeg.html
  • 4.
    3.02 Understand businesspublications Slide 4 Proximity/UnityProximity/Unity Distance between elements on a page Used to demonstrate a relationship or a lack of relationship between elements Example: http://www.ithinktoo.com/Design1/Proximity/proximity_example/proximityeg.html
  • 5.
    3.02 Understand businesspublications Slide 5 AlignmentAlignment Justification of elements Related items should be justified the same to emphasize their relationship to each other. Example: http://www.ithinktoo.com/Design1/alignment/alignment_example/alignmenteg.html
  • 6.
    3.02 Understand businesspublications Slide 6 Repetition/ConsistencyRepetition/Consistency Consistent pattern of font and color schemes and graphic types Specific font, size, and style for headings, subheadings, and body text. Do not mix photographic images and cartoon images on the same page. Example: http://www.ithinktoo.com/Design1/repetition/repetition_example/repetitioneg.html Scheme - a planned combination of elements, such as a combination of font styles and sizes
  • 7.
    3.02 Understand businesspublications Slide 7 ContrastContrast Emphasizing the most important elements on a page with color and size Example: http://www.ithinktoo.com/Design1/contrast/contrast_example/contrasteg.html
  • 8.
    3.02 Understand businesspublications Slide 8 White SpaceWhite Space Blank or negative space on a page Used to focus the reader’s attention on important details Used to give the reader’s eyes a break Does not have to be white Example: http://www.ithinktoo.com/Design1/white_space/whitespace_example/whitespaceeg.html