Design principles

  • 1,460 views
Uploaded on

 

More in: Technology , Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,460
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
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
    • Balance
    • Proximity/unity
    • Alignment
    • Repetition/consistency
    • Contrast
    • White space
    3.02 Understand business publications Slide
  • 3. Balance 3.02 Understand business publications Slide
    • 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. Proximity/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. Alignment
    • 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/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. Contrast
    • 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 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 Understand business publications Slide