Your SlideShare is downloading. ×
0
Design principles
Design principles
Design principles
Design principles
Design principles
Design principles
Design principles
Design principles
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design principles

1,557

Published on

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

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

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
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
  • Transcript

    • 1. Design Principles 3.02 Understand business publications
    • 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. 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. 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. 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. 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. 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. 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

    ×