Your SlideShare is downloading. ×
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Graphic design slideshow
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Graphic design slideshow

5,538

Published on

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

No Downloads
Views
Total Views
5,538
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
208
Comments
0
Likes
8
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Four Principles of Graphic Design
  • 2. What is Graphic Design?The art or skill of combining text andpictures in advertisements, magazines,books, posters, or websites.
  • 3. This lesson will explore thefour main principles of Design: 1. Proximity 2. Alignment 3. Repetition 4. Contrast
  • 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. 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. Organize your ideas!Example postcard:without proximity Example postcard: with proximity
  • 7. So far we have covered: ✓ Proximity Alignment Repetition Contrast
  • 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. Left Aligned Center Aligned Right Aligned Justify
  • 10. So far we have covered: ✓ Proximity ✓ Alignment Repetition Contrast
  • 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. etitionR ep Text Title Font Repeats 2nd Font Repeats Stars Repeat
  • 13. So far we have covered: ✓ Proximity ✓ Alignment ✓ Repetition Contrast
  • 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. So far we have covered: ✓ Proximity ✓ Alignment ✓ Repetition ✓ Contrast
  • 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. 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. 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. Facts:Design Principles- adapted from The Non-Designers Design and TypeBooks by Robin Williams and NHS Design Dept. http://www.nhsdesigns.com/.
  • 20. THE END

×