Your SlideShare is downloading. ×
0
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a graphic design slideshow
1a 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

1a graphic design slideshow

1,190

Published on

Slideshow created for 7th graders to teach them the basic principles of graphic design before they create their own magazine. …

Slideshow created for 7th graders to teach them the basic principles of graphic design before they create their own magazine.

Pictures from Robin William's Design Principles

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

No Downloads
Views
Total Views
1,190
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
42
Comments
0
Likes
1
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. Elements of Graphic Design
  • 2. Elements of Graphic Design
  • 3. What is Graphic Design?
  • 4. What is Graphic Design?
  • 5. What is Graphic Design?The art or skill of combining text andpictures in advertisements, magazines,books, posters, or websites.
  • 6. What is Graphic Design?The art or skill of combining text andpictures in advertisements, magazines,books, posters, or websites.
  • 7. What is Graphic Design?The art or skill of combining text andpictures in advertisements, magazines,books, posters, or websites.
  • 8. What is Graphic Design?The art or skill of combining text andpictures in advertisements, magazines,books, posters, or websites.
  • 9. Principles of Design
  • 10. 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.
  • 11. 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
  • 12. 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 2. Repetition
  • 13. 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 2. Repetition 3. Alignment
  • 14. 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 2. Repetition 3. Alignment 4. Proximity
  • 15. 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 2. Repetition 3. Alignment 4. Proximity
  • 16. 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 2. Repetition 3. Alignment 4. Proximity
  • 17. 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 2. Repetition 3. Alignment 4. Proximity We will also take a look at these important elements of design:
  • 18. 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 2. Repetition 3. Alignment 4. Proximity We will also take a look at these important elements of design: 1. Color
  • 19. 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 2. Repetition 3. Alignment 4. Proximity We will also take a look at these important elements of design: 1. Color 2. Typography
  • 20. Contrast
  • 21. Contrast
  • 22. ContrastContrast is created when you place two different oropposite elements together. The more different, thebetter!
  • 23. ContrastContrast is created when you place two different oropposite elements together. The more different, thebetter!Contrast creates an exciting graphic element to yourpage. Contrast allows important things to pop out at thereader.
  • 24. ContrastContrast is created when you place two different oropposite elements together. The more different, thebetter!Contrast creates an exciting graphic element to yourpage. Contrast allows important things to pop out at thereader.You can create contrast with font style, SIZE, or color
  • 25. Repetition
  • 26. Repetition
  • 27. RepetitionTo repeat or do again.
  • 28. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the designthrough out the entire project.
  • 29. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the designthrough out the entire project.The use of Repetition makes the entireproject look connected from page 1 topage 100.
  • 30. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the designthrough out the entire project.The use of Repetition makes the entireproject look connected from page 1 topage 100.You can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 31. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the designthrough out the entire project.The use of Repetition makes the entireproject look connected from page 1 topage 100.You can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 32. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entireproject look connected from page 1 topage 100.You can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 33. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entire 2nd Font Repeatsproject look connected from page 1 topage 100.You can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 34. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entire 2nd Font Repeatsproject look connected from page 1 topage 100.You can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 35. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entire 2nd Font Repeatsproject look connected from page 1 topage 100.You can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 36. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entire 2nd Font Repeatsproject look connected from page 1 topage 100.You can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 37. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entire 2nd Font Repeatsproject look connected from page 1 topage 100. Stars RepeatYou can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 38. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entire 2nd Font Repeatsproject look connected from page 1 topage 100. Stars RepeatYou can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 39. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entire 2nd Font Repeatsproject look connected from page 1 topage 100. Stars RepeatYou can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 40. RepetitionTo repeat or do again.This principle of design states that youshould repeat some aspect of the design Title Font Repeatsthrough out the entire project.The use of Repetition makes the entire 2nd Font Repeatsproject look connected from page 1 topage 100. Stars RepeatYou can use Repetition in your fonts,bullets, colors, alignments, or anygraphic style.
  • 41. Repetition
  • 42. Repetition
  • 43. Repetition
  • 44. Repetition Title Font Repeats
  • 45. Repetition Title Font Repeats 2nd Font Repeats
  • 46. Repetition Title Font Repeats 2nd Font Repeats
  • 47. Repetition Title Font Repeats 2nd Font Repeats
  • 48. Repetition Title Font Repeats 2nd Font Repeats
  • 49. Repetition Title Font Repeats 2nd Font Repeats Stars Repeat
  • 50. Repetition Title Font Repeats 2nd Font Repeats Stars Repeat
  • 51. Repetition Title Font Repeats 2nd Font Repeats Stars Repeat
  • 52. Alignment
  • 53. Alignment
  • 54. Alignment Alignment is the placement of text and graphics so they line up on the page.
  • 55. Alignment Alignment is the placement of text and graphics so they line up on the page. Use alignment to:
  • 56. Alignment Alignment is the placement of text and graphics so they line up on the page. Use alignment to: • create order
  • 57. Alignment Alignment is the placement of text and graphics so they line up on the page. Use alignment to: • create order • organize things on the pages
  • 58. Alignment Alignment is the placement of text and graphics so they line up on the page. Use alignment to: • create order • organize things on the pages • group items
  • 59. Alignment Alignment is the placement of text and graphics so they line up on the page. Use alignment to: • create order • organize things on the pages • group items • create visual connections
  • 60. Alignment Alignment is the placement of text and graphics so they line up on the page. Use alignment to: • create order • organize things on the pages • group items • create visual connections
  • 61. Alignment Alignment is the placement of text and graphics so they line up on the page. Use alignment to: • create order • organize things on the pages • group items • create visual connectionsGood alignment is invisible. Most readers wont consciously notice thateverything is lined up neatly but they will feel it when things are out of alignment.
  • 62. Left Aligned Center Aligned Right Aligned Justify
  • 63. Left Aligned Center Aligned Right Aligned Justify
  • 64. Left Aligned Center Aligned Right Aligned Justify
  • 65. Left Aligned Center Aligned Right Aligned Justify
  • 66. Left Aligned Center Aligned Right Aligned Justify
  • 67. Left Aligned Center Aligned Right Aligned Justify
  • 68. Proximity/Closeness:
  • 69. Proximity/Closeness:
  • 70. Proximity/Closeness: Organizing your ideas
  • 71. Proximity/Closeness: Organizing your ideasProximity: The state of being near.
  • 72. Proximity/Closeness: Organizing your ideasProximity: The state of being near.In design, proximity (or closeness) creates a connectionbetween ideas or elements on a page.
  • 73. Proximity/Closeness: Organizing your ideasProximity: The state of being near.In design, proximity (or closeness) creates a connectionbetween ideas or elements on a page.Visually group related elements (text and/orimages).
  • 74. Proximity/Closeness: Organizing your ideasProximity: The state of being near.In design, proximity (or closeness) creates a connectionbetween ideas or elements on a page.Visually group related elements (text and/orimages).Items or groups of information that are not related toeach other should not be in close proximity (nearness)to the other elements, which gives the reader aninstant visual clue to the organization and content ofthe page.
  • 75. Organize your ideas
  • 76. Color in Design
  • 77. The ColorWheel
  • 78. The ColorWheel
  • 79. The ColorWheel A color wheel is very useful when you need to make a good decision about choosing colors for a project.
  • 80. Complementary Colors
  • 81. Complementary Colors Blue & Orange
  • 82. Complementary Colors Blue & Orange
  • 83. Complementary Colors Blue & Orange Yellow & Purple
  • 84. Complementary Colors Blue & Orange Yellow & Purple
  • 85. Complementary Colors Blue & Orange Yellow & Purple Red & Green
  • 86. Complementary Colors Blue & Orange Yellow & Purple Red & Green
  • 87. Complementary ColorsDefinition: Colors that are Blue & Orangeopposites on the colorwheel. Yellow & Purple Red & Green
  • 88. Complementary ColorsDefinition: Colors that are Blue & Orangeopposites on the colorwheel.Complementary colors areoften used together to Yellow & Purplecreate excitement usingcontrast. Red & Green
  • 89. Complementary ColorsDefinition: Colors that are Blue & Orangeopposites on the colorwheel.Complementary colors areoften used together to Yellow & Purplecreate excitement usingcontrast.Each color in the pair Red & Greenmakes the other seem morevibrant (to stand out).
  • 90. Analogous Colors
  • 91. Analogous ColorsAnalogous colorsare those which sitnext to each otheron the color wheel.
  • 92. Analogous ColorsAnalogous colorsare those which sitnext to each otheron the color wheel.
  • 93. Analogous ColorsAnalogous colorsare those which sitnext to each otheron the color wheel.
  • 94. Analogous ColorsAnalogous colorsare those which sitnext to each otheron the color wheel.
  • 95. Analogous ColorsAnalogous colorsare those which sitnext to each otheron the color wheel.
  • 96. Analogous ColorsAnalogous colorsare those which sitnext to each otheron the color wheel.
  • 97. Analogous ColorsAnalogous colorsare those which sitnext to each otheron the color wheel. Analogous Colors always work well together.
  • 98. Analogous ColorsAnalogous colorsare those which sitnext to each otheron the color wheel. Analogous Colors always work well together.
  • 99. Typography / F nts
  • 100. Typography / F nts
  • 101. Typography / F ntsty-po-graph-y: The selection and arrangement offonts, sizes and spacing on a printed page.
  • 102. Typography / F ntsty-po-graph-y: The selection and arrangement offonts, sizes and spacing on a printed page.Choose fonts that fit with your message or theme.
  • 103. Typography / F ntsty-po-graph-y: The selection and arrangement offonts, sizes and spacing on a printed page.Choose fonts that fit with your message or theme.
  • 104. Typography / F ntsty-po-graph-y: The selection and arrangement offonts, sizes and spacing on a printed page.Choose fonts that fit with your message or theme.Be sure that the font is easy to read!
  • 105. Typography / F ntsty-po-graph-y: The selection and arrangement offonts, sizes and spacing on a printed page.Choose fonts that fit with your message or theme.Be sure that the font is easy to read!Make your titles and headings stand out.
  • 106. Typography / F ntsty-po-graph-y: The selection and arrangement offonts, sizes and spacing on a printed page.Choose fonts that fit with your message or theme.Be sure that the font is easy to read!Make your titles and headings stand out.The BIGGER and BOLDER the fonts size, themore important that piece of information is.
  • 107. Bringing it all together...
  • 108. Bringing it all together...
  • 109. Bringing it all together... Where is an example of Proximity?
  • 110. Bringing it all together...Where is an Where is anexample of example ofRepetition? Proximity?
  • 111. Bringing it all together...Where is an Where is anexample of example ofRepetition? Proximity? Where is an example of Alignment?
  • 112. Bringing it all together...Where is an Where is anexample of example ofRepetition? Proximity? Where is anWhere is an example ofexample of Alignment?Contrast?
  • 113. Bringing it all together...Where is an Where is anexample of example ofRepetition? Proximity? Where is anWhere is an example ofexample of Alignment?Contrast? How many different fonts? Font sizes?
  • 114. Bringing it all together...Where is an Where is anexample of example ofRepetition? Proximity? Where is anWhere is an example ofexample of Alignment?Contrast? Use of How many Analogous or different fonts?Complementary Font sizes? colors?
  • 115. Magazine Title
  • 116. Magazine Title
  • 117. Magazine Title CoverStory Title
  • 118. Magazine Title CoverStory Title
  • 119. Magazine Title CoverStory Title Cover Story Picture
  • 120. Magazine Title CoverStory Title Cover Story Picture
  • 121. Magazine Title Other articles inside CoverStory Title Cover Story Picture
  • 122. Magazine Title Other articles inside CoverStory Title Cover Story Picture
  • 123. Magazine Title Other articles inside CoverStory Title Cover Story Picture
  • 124. Magazine Title Other articles inside CoverStory Title Date and Price of this issue Cover Story Picture
  • 125. Magazine Title Other articles inside CoverStory Title Date and Price of this issue Cover Story Picture
  • 126. Magazine Title Other articles inside CoverStory Title Date and Price of this issue Cover Story Picture Barcode
  • 127. Magazine Title Other articles inside CoverStory Title Date and Price of this issue Cover Story Picture Barcode
  • 128. Who is your audience?
  • 129. Who is your audience?
  • 130. Who is your audience?

×