The Four Design PrinciplesThe Non-Designer’s Design Book 3rd Edition<br />Concepts and Techniques Using<br />Microsoft Off...
The four basic principles<br />
Contrast<br />Contrast on a page helps attract attention<br />Avoid merely similar elements<br />Separate elements should ...
Sample – Poor Contrast<br />
Sample – Good Contrast<br />
Repetition<br />Repeat visual elements to help organize and strengthen unity<br />Adds visual interest to the page<br />Co...
Alignment<br />Elements should not be placed arbitrarily<br />Elements should have some visual connection<br />Affects the...
Proximity<br />Items relating to each other should be grouped close together<br />Items groups together become one visual ...
Sample – Poor Proximity<br />
Sample – Effective Proximity<br />
Final Tips – In publications, avoid…<br />PUTTING TEXT IN ALL CAPS<br />Cluttering graphics/text too close together<br />U...
Upcoming SlideShare
Loading in...5
×

The four design principles

774

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
774
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
13
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • The idea behind Contrast is to avoid elements on the page that are merely similar. In this case, elements are defined as things such as typeface, color, size, line thickness, shape, space, etc)If they are not the same, or are not related, then make them look very different. Contrast is often the most important visual attraction on a page – It’s what makes a reader look at the page in the first place.One purpose is to create interest on the page – if a page is interesting to look at, it is more likely to be read.Purpose number two is to help organize of the information. A reader should be able to instantly understand the way the information is organized, the logical flow from one item to another. The contrasting elements should never serve to confuse the reader or to create a focus that is not supposed to be the focus point.Add contrast through your typefaces choices, line thickness, colors, shapes, sizes, spaces, etc. It is easy to find ways to add contrast, and it’s probably one of the most fun and satisfying ways to ad visual interest. The important thing is to be strong. Don’t be a wimp!!
  • Avoid using all caps, as this makes the audience feel you are yelling at them. Avoid cramming graphics and text so close together, we all need room to breathe, and when items in publications are crammed together, it becomes harder to interpret.Avoid using every possible font color in one publication. Of course, the limits depend on the publication you are using. To give an extremist example: For a one page flyer, do not use 14 different fonts, and 12 different colors. Instead, if you must change your font, try to keep it down to at least 2-3 font styles, and 1-2 colors, maybe 3 in larger publications.Avoid inconsistent formatting, such as having one yellow word in a paragraph of white. Or applying Bold, Italics, and Underline to the same word – there are many different and effective ways to express yourself and make a point without resorting to primitive measures.
  • The four design principles

    1. 1. The Four Design PrinciplesThe Non-Designer’s Design Book 3rd Edition<br />Concepts and Techniques Using<br />Microsoft Office 2007<br />
    2. 2. The four basic principles<br />
    3. 3. Contrast<br />Contrast on a page helps attract attention<br />Avoid merely similar elements<br />Separate elements should not be similar<br />If elements are not the same, make them very different<br />Helps organization by separating elements<br />Don’t be a wimp!<br />
    4. 4. Sample – Poor Contrast<br />
    5. 5. Sample – Good Contrast<br />
    6. 6. Repetition<br />Repeat visual elements to help organize and strengthen unity<br />Adds visual interest to the page<br />Colors<br />Shapes<br />Spatial Relationships<br />Textures<br />Line Thickness<br />Fonts<br />Font Sizes<br />Images<br />
    7. 7. Alignment<br />Elements should not be placed arbitrarily<br />Elements should have some visual connection<br />Affects the mood of the piece<br />Creates a clean, sophisticated, fresh look<br />
    8. 8. Proximity<br />Items relating to each other should be grouped close together<br />Items groups together become one visual unit<br />Helps organize information, reduce clutter, and gives the reader clear structure<br />
    9. 9. Sample – Poor Proximity<br />
    10. 10. Sample – Effective Proximity<br />
    11. 11. Final Tips – In publications, avoid…<br />PUTTING TEXT IN ALL CAPS<br />Cluttering graphics/text too close together<br />Using too many fonts and colors in one publication<br />Using INCONSISTENT formatting to make a point<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×