Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Graphic Design Basics 4 Principles Of Page Des


Published on

Published in: Education, Business, Technology
  • Be the first to comment

Graphic Design Basics 4 Principles Of Page Des

  1. 1. Graphic Design Basics Four principles that govern page design
  2. 2. FOUR PRINCIPLES OF PAGE DESIGN <ul><ul><li>PROXIMITY </li></ul></ul><ul><ul><li>ALINGMENT </li></ul></ul><ul><ul><li>REPETITION </li></ul></ul><ul><ul><li>CONTRAST </li></ul></ul>
  3. 3. PROXIMITY <ul><ul><li>When several items are close to each other they become one visual unit </li></ul></ul><ul><ul><li>Be aware of what path the eye follows </li></ul></ul><ul><ul><li>You should be able to create a logical progression from beginning to end </li></ul></ul><ul><ul><li>The basic purpose of proximity is to organize. </li></ul></ul><ul><ul><li>Organized information is more likely to be read and remembered </li></ul></ul>
  4. 4. How to create Proximity <ul><ul><li>Squint </li></ul></ul><ul><ul><ul><li>Count the number of visual elements by the number of times your eye stops when reading. </li></ul></ul></ul><ul><ul><li>If you have more than 5 elements, see which ones can be grouped to make one unit. </li></ul></ul>
  5. 5. Avoid <ul><ul><li>Too many elements </li></ul></ul><ul><ul><li>Sticking stuff in the corners and the middle </li></ul></ul><ul><ul><li>Leaving equal amounts of white space between elements. </li></ul></ul><ul><ul><li>Creating relationships with elements that don’t belong together </li></ul></ul>
  6. 6. Examples
  7. 7. Example
  8. 8. ALIGNMENT <ul><ul><li>Every Element should have some visual connection with another element on the page </li></ul></ul><ul><ul><li>The basic purpose is to unify and organize the page </li></ul></ul><ul><ul><li>Even if the separate elements are not physically close on the page, they can appear connected. </li></ul></ul>
  9. 9. How to Create Alignment <ul><ul><li>Be conscious of where elements are placed. </li></ul></ul><ul><ul><li>Always find something else on the page to align with, even if they are far away from each other on the page. </li></ul></ul><ul><ul><ul><li>Find a strong line and use it, such as a photo or graphic. </li></ul></ul></ul><ul><ul><li>Use one text alignment for the whole page, all left, center or right. Never mix. </li></ul></ul>
  10. 10. Alignment problems to avoid <ul><ul><li>Avoid using more than one text alignment on the page (don’t center some and right-align other texts) </li></ul></ul><ul><ul><li>Try hard to break away from a centered alignment unless your are trying to create a more formal presentation </li></ul></ul>
  11. 11. Alignment Example
  12. 12. REPITITION <ul><ul><li>Repetition of visual elements throughout the design unifies a piece by tying together otherwise separate parts. </li></ul></ul><ul><ul><li>The purpose of repetition is to unify and to add visual interest </li></ul></ul>
  13. 13. How to create repetition <ul><ul><li>Be consistent </li></ul></ul><ul><ul><li>Find repeated elements such as lines or boxes and make them stronger & more dramatic </li></ul></ul><ul><ul><li>Add repeating elements such as numbered lists. </li></ul></ul><ul><ul><li>Use contrast to accent repetitions. </li></ul></ul>
  14. 14. Avoid <ul><ul><li>Repeating too much </li></ul></ul><ul><ul><ul><li>Having every 3rd item in bold type will be distracting and boring. </li></ul></ul></ul>
  15. 15. CONTRAST <ul><ul><li>In order for contrast to work it must be strong. </li></ul></ul><ul><ul><li>Don’t Be A Wimp. If two items are not exactly the same, then make them different. REALLY DIFFERENT. </li></ul></ul><ul><ul><li>Contrast adds interest to the page. </li></ul></ul>
  16. 16. CREATING CONTRAST <ul><ul><li>Add contrast with typeface choices, line thicknesses, colors, shapes, sizes, and space. </li></ul></ul><ul><ul><li>Make it strong, make it noticeable. </li></ul></ul><ul><ul><li>Avoid using two or more typefaces that are similar. </li></ul></ul><ul><ul><li>If items are not exactly the same, make them different. </li></ul></ul>
  18. 18. Assignment: Graphic Design <ul><ul><ul><li>Create a Poster to Illustrate each of the 4 Principles: Contrast, Repetition, Alignment, and Proximity </li></ul></ul></ul><ul><ul><ul><li>Set Your image size to 8.25&quot;x10.25&quot; at 300 ppi.  </li></ul></ul></ul><ul><ul><ul><li>You may use text, shapes, images & fonts to illustrate your understanding of each principle. </li></ul></ul></ul>