Design Principles 3.02 Understand business publications
Five Principles of Design <ul><li>Balance </li></ul><ul><li>Proximity/unity </li></ul><ul><li>Alignment  </li></ul><ul><li...
Balance  3.02 Understand business publications Slide  <ul><li>Graphics don’t overpower text </li></ul><ul><li>Page is not ...
Proximity/Unity <ul><li>Distance between elements on a page </li></ul><ul><ul><li>Used to demonstrate a relationship or a ...
Alignment <ul><li>Justification of elements </li></ul><ul><ul><li>Related items should be justified the same to emphasize ...
Repetition/Consistency <ul><li>Consistent pattern of font and color schemes and graphic types </li></ul><ul><ul><li>Specif...
Contrast <ul><li>Emphasizing the most important elements on a page with color and size </li></ul><ul><li>Example:  http://...
White Space <ul><li>Blank or negative space on a page </li></ul><ul><ul><li>Used to focus the reader’s attention on import...
Upcoming SlideShare
Loading in...5
×

Design principles

1,584

Published on

Published in: Technology, Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,584
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • 3.02 Design Principles
  • 3.02 Design Principles
  • 3.02 Design Principles
  • 3.02 Design Principles
  • 3.02 Design Principles
  • 3.02 Design Principles
  • 3.02 Design Principles
  • 3.02 Design Principles
  • Design principles

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

    ×