Graphic design slideshow

7,944 views
7,385 views

Published on

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

No Downloads
Views
Total views
7,944
On SlideShare
0
From Embeds
0
Number of Embeds
46
Actions
Shares
0
Downloads
250
Comments
0
Likes
10
Embeds 0
No embeds

No notes for slide

Graphic design slideshow

  1. 1. Four Principles of Graphic Design
  2. 2. What is Graphic Design?The art or skill of combining text andpictures in advertisements, magazines,books, posters, or websites.
  3. 3. This lesson will explore thefour main principles of Design: 1. Proximity 2. Alignment 3. Repetition 4. Contrast
  4. 4. Principles of Design These FOUR basic principles of design appear in every well-designed piece of work. Although we will discuss each individually, they are all connected. Rarely will you apply only one principle to your design. 1. Contrast . Repetition 2 3. Alignment 4. Proximity
  5. 5. Proximity/Closeness: Organizing your ideas Proximity: The state of being near. In design, proximity (or closeness) creates a connection between ideas or elements on a page. Visually group related elements (text and/or images). Items or groups of information that are not related to each other should not be in close proximity (nearness) to the other elements.
  6. 6. Organize your ideas!Example postcard:without proximity Example postcard: with proximity
  7. 7. So far we have covered: ✓ Proximity Alignment Repetition Contrast
  8. 8. AlignmentAlignment is the placement of text and graphics sothey line up on the page.Use alignment to: 1. Create order 2. Organize things on the pages 3. Group items 4. Create visual connections
  9. 9. Left Aligned Center Aligned Right Aligned Justify
  10. 10. So far we have covered: ✓ Proximity ✓ Alignment Repetition Contrast
  11. 11. Repetition To repeat or do again. You should repeat some aspect of the design through out the entire project. Makes the entire project look connected from page 1 to page 100. You can use Repetition in your fonts, bullets, colors, alignments, or any graphic style.
  12. 12. etitionR ep Text Title Font Repeats 2nd Font Repeats Stars Repeat
  13. 13. So far we have covered: ✓ Proximity ✓ Alignment ✓ Repetition Contrast
  14. 14. Contrast Created when you place two different or opposite elements together. The more different, the better! Creates an exciting graphic element to your page. Allows important things to pop out at the reader. You can create contrast with font style, SIZE, or color
  15. 15. So far we have covered: ✓ Proximity ✓ Alignment ✓ Repetition ✓ Contrast
  16. 16. Let’s review what we covered...Repetition ProximityTo repeat or do Relatedagain. elements grouped togetherContrastTwo different Alignmentor opposite Text andelements graphicstogether. aligned on the page.
  17. 17. ImagesCover Picture:http://eeryelegance.blogspot.com/2011/04/graphic-design-special.htmliPod Ad:http://news.cnet.com/i/bto/20090831/apple.JPGNike Adhttp://3.bp.blogspot.com/_MIBYQhdxSug/S1acqqBgj8I/AAAAAAAAAAk/IczISi8DkTA/s400/Nike_thighs_ad.jpgProximity Posterhttp://www.nhsdesigns.com/images/principles/proximity_poster_example.gifLearn to Dance Postcardhttp://msfrankel.com/old_site/images/p23a.gifRepetition Posterhttp://www.nhsdesigns.com/images/principles/repetition_poster_example2.gifAlignment posterhttp://www.nhsdesigns.com/images/principles/alignment_poster_example.gifAlignment Imagehttp://www.plu.edu/~haasehj/repetition.html
  18. 18. Images Continued...Marilyn Monroe Collagehttp://www.graphicshunt.com/images/marilyn_monroe_collage-6741.htmContrast posterhttp://www.nhsdesigns.com/images/principles/contrast_poster_example.gifSki Magazinehttp://news.auroraphotos.com/wp-content/uploads/2007/09/kirkwoodcover.jpg
  19. 19. Facts:Design Principles- adapted from The Non-Designers Design and TypeBooks by Robin Williams and NHS Design Dept. http://www.nhsdesigns.com/.
  20. 20. THE END

×