Graphic Design Process JMA 505 Jeff Taylor
By the end of this lesson, you will be able to… <ul><li>Describe and apply the graphic design principles of: </li></ul><ul...
Graphic Design Overarching Principle #3  <ul><li>Repetition </li></ul>
Repetition <ul><li>What if Stop signs came in  pink  squares,  yellow  circles, or  green  triangles, depending on the cha...
Repetition <ul><li>Repeating design elements and consistent use of type and graphics styles shows people where to go and h...
Repetition <ul><li>The principle states… that you repeat some aspect of the design throughout the entire piece.   </li></u...
Repetition <ul><li>The basic purpose of repetition is to unify and to add visual interest   </li></ul>
Repetition- How to Get it? <ul><li>Repetition is like accenting your clothes.  </li></ul><ul><li>If a lady is wearing a re...
Repetition- What to Avoid <ul><li>Just  do not repeat  the same elements so much that it becomes annoying .   </li></ul><u...
Repetition <ul><li>Review the graphic to the left.  </li></ul><ul><li>What could we  repeat  to reinforce the message? </l...
Repetition <ul><li>Within this &quot;Repetition&quot; example, the headline is repeated  three  times using graphics that ...
Graphic Design Overarching Principle #4  <ul><li>Contrast </li></ul>
Contrast <ul><li>On the basketball court, professional player’s do not appear that tall when standing next to each other <...
Contrast <ul><li>But when a tall basketball player goes for a stroll down a city street,  something becomes apparent </li>...
Contrast <ul><li>In design,  big and small elements,  black and white text,  squares and circles, can all create contrast ...
Contrast <ul><li>One of the most effective ways to add visual interest to your page </li></ul><ul><li>A striking interest,...
Contrast <ul><li>The Basic Purpose  is two fold: </li></ul><ul><ul><li>to create an interest on the page </li></ul></ul><u...
Contrast <ul><li>How to get it: </li></ul><ul><ul><li>Add contrast to your typeface choices, line thickness, colors, shape...
Contrast <ul><li>What to avoid: </li></ul><ul><ul><li>Don’t be afraid </li></ul></ul><ul><ul><li>Make items bold and compl...
Contrast <ul><li>There's isn't enough contrast between the headline and text due, in part, to size - but also because the ...
Contrast <ul><li>The oversized graphic provides real contrast and reinforces the copy (tall basketball players).  </li></u...
In conclusion… <ul><li>Repetition unifies your design while adding visual interest </li></ul><ul><li>Contrast can organize...
Upcoming SlideShare
Loading in …5
×

Repetition And Contrast

4,213 views

Published on

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

  • Be the first to like this

No Downloads
Views
Total views
4,213
On SlideShare
0
From Embeds
0
Number of Embeds
8
Actions
Shares
0
Downloads
90
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Repetition And Contrast

  1. 1. Graphic Design Process JMA 505 Jeff Taylor
  2. 2. By the end of this lesson, you will be able to… <ul><li>Describe and apply the graphic design principles of: </li></ul><ul><ul><li>Repetition </li></ul></ul><ul><ul><li>Contrast </li></ul></ul>
  3. 3. Graphic Design Overarching Principle #3 <ul><li>Repetition </li></ul>
  4. 4. Repetition <ul><li>What if Stop signs came in pink squares, yellow circles, or green triangles, depending on the changing whims of a town and a few of its residents? </li></ul>STOP STOP STOP <ul><li>Repeating design elements and consistent use of type and graphics styles within a document shows a reader where to go and helps them navigate your designs and layouts safely. </li></ul>
  5. 5. Repetition <ul><li>Repeating design elements and consistent use of type and graphics styles shows people where to go and helps them to navigate your designs and layouts safely. </li></ul>
  6. 6. Repetition <ul><li>The principle states… that you repeat some aspect of the design throughout the entire piece. </li></ul><ul><li>The repetitive element may be a bold font, a thick rule (line) , a certain bullet, color, design element, particular format, spatial relationships, etc. </li></ul><ul><li>Anything that the reader can visually recognize </li></ul><ul><li>Think of repetition as “ consistency ” </li></ul>
  7. 7. Repetition <ul><li>The basic purpose of repetition is to unify and to add visual interest </li></ul>
  8. 8. Repetition- How to Get it? <ul><li>Repetition is like accenting your clothes. </li></ul><ul><li>If a lady is wearing a red dress, she may wear red lipstick, red heels, and a red pin on her dress to accent it. </li></ul><ul><li>That is what repetition should do for your graphic design. </li></ul>
  9. 9. Repetition- What to Avoid <ul><li>Just do not repeat the same elements so much that it becomes annoying . </li></ul><ul><li>Just do not repeat the same elements so much that it becomes annoying . </li></ul><ul><li>Just do not repeat the same elements so much that it becomes annoying . </li></ul><ul><li>Just do not repeat the same elements so much that it becomes annoying . </li></ul>
  10. 10. Repetition <ul><li>Review the graphic to the left. </li></ul><ul><li>What could we repeat to reinforce the message? </li></ul>
  11. 11. Repetition <ul><li>Within this &quot;Repetition&quot; example, the headline is repeated three times using graphics that tie in with the copy in the text blocks. </li></ul><ul><li>The repetition of the colors in the shapes and headline text that are in the copy help to reinforce the theme. </li></ul><ul><li>Overlapping the graphic and text elements unifies the elements of the design. </li></ul>
  12. 12. Graphic Design Overarching Principle #4 <ul><li>Contrast </li></ul>
  13. 13. Contrast <ul><li>On the basketball court, professional player’s do not appear that tall when standing next to each other </li></ul>
  14. 14. Contrast <ul><li>But when a tall basketball player goes for a stroll down a city street, something becomes apparent </li></ul><ul><li>That’s contrast! </li></ul>
  15. 15. Contrast <ul><li>In design, big and small elements, black and white text, squares and circles, can all create contrast in design. </li></ul>
  16. 16. Contrast <ul><li>One of the most effective ways to add visual interest to your page </li></ul><ul><li>A striking interest, make it strong </li></ul><ul><li>Contrast is created when two elements are different. </li></ul><ul><li>If two items are not exactly the same, then make them different… Really different </li></ul>
  17. 17. Contrast <ul><li>The Basic Purpose is two fold: </li></ul><ul><ul><li>to create an interest on the page </li></ul></ul><ul><ul><li>to add organization to the information </li></ul></ul>
  18. 18. Contrast <ul><li>How to get it: </li></ul><ul><ul><li>Add contrast to your typeface choices, line thickness, colors, shapes, sizes, space, etc. </li></ul></ul>
  19. 19. Contrast <ul><li>What to avoid: </li></ul><ul><ul><li>Don’t be afraid </li></ul></ul><ul><ul><li>Make items bold and completely different (not brown color next to black text) </li></ul></ul>
  20. 20. Contrast <ul><li>There's isn't enough contrast between the headline and text due, in part, to size - but also because the two different serif faces used are too similar. </li></ul>
  21. 21. Contrast <ul><li>The oversized graphic provides real contrast and reinforces the copy (tall basketball players). </li></ul><ul><li>Dropping the text down to the bottom portion of the page also reinforces the 'towering' aspect of the graphic. </li></ul><ul><li>The reversed text in the blue box, the blue border, and the drop cap carries through the overall unifying elements found throughout the series. </li></ul><ul><li>Additionally, the round shape of the drop cap and its color echo the shape and color of the basketball in the graphic. </li></ul><ul><li>The drop cap and the reversed text on the left side plus the left-aligned text help to balance the large graphic element. </li></ul>
  22. 22. In conclusion… <ul><li>Repetition unifies your design while adding visual interest </li></ul><ul><li>Contrast can organize your design and can make it stand out </li></ul>

×