Four Principles of Graphic Design
What is Graphic Design?The art or skill of combining text andpictures in advertisements, magazines,books, posters, or webs...
This lesson will explore thefour main principles of Design:  1. Proximity  2. Alignment  3. Repetition  4. Contrast
Principles of Design  These FOUR basic principles of design appear in  every well-designed piece of work. Although we will...
Proximity/Closeness:   Organizing your ideas Proximity: The state of being near. In design, proximity (or closeness) creat...
Organize your ideas!Example postcard:without proximity Example postcard:   with proximity
So far we have covered:  ✓ Proximity    Alignment    Repetition    Contrast
AlignmentAlignment is the placement of text and graphics sothey line up on the page.Use alignment to: 1. Create order 2. O...
Left Aligned   Center Aligned   Right Aligned   Justify
So far we have covered:  ✓ Proximity  ✓ Alignment    Repetition    Contrast
Repetition To repeat or do again. You should repeat some aspect of the design through out the entire project. Makes the en...
etitionR ep              Text   Title Font Repeats                     2nd Font Repeats                       Stars Repeat
So far we have covered:  ✓ Proximity  ✓ Alignment  ✓ Repetition    Contrast
Contrast Created when you place two different or opposite elements together. The more different, the better! Creates an ex...
So far we have covered:  ✓ Proximity  ✓ Alignment  ✓ Repetition  ✓ Contrast
Let’s review what we covered...Repetition               ProximityTo repeat or do          Relatedagain.                   ...
ImagesCover Picture:http://eeryelegance.blogspot.com/2011/04/graphic-design-special.htmliPod Ad:http://news.cnet.com/i/bto...
Images Continued...Marilyn Monroe Collagehttp://www.graphicshunt.com/images/marilyn_monroe_collage-6741.htmContrast poster...
Facts:Design Principles- adapted from The Non-Designers Design and TypeBooks by Robin Williams and NHS Design Dept. http:/...
THE END
Upcoming SlideShare
Loading in...5
×

Graphic design slideshow

5,994

Published on

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

No Downloads
Views
Total Views
5,994
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
216
Comments
0
Likes
9
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
  1. A particular slide catching your eye?

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

×