Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Graphic Design for Non-Designers

1,132 views

Published on

Graphic design is everywhere, from restaurant menus to your phone. Ever wonder how those design choices are made and what they say about the company or product behind it? More importantly, what are your design choices saying about you?

Join two graphic design pros for a run-down of the basic principles of graphic design. We’ll talk about why design matters, and how it helps you communicate more effectively.

With a hands-on approach, we’ll also teach you how to apply these principles using a free online design tool, and how you can incorporate design into your company or daily life. You’ll leave with a design of your own and the know-how to execute well-designed materials in the future.

Published in: Design
  • Be the first to comment

Graphic Design for Non-Designers

  1. 1. “The art and practice of planning and projecting ideas and experiences with visual and textual content” Graphic Design: - AIGA
  2. 2. Graphic Design for Non-Designers SXSW 2016 Michael Champlin Jess Warren
  3. 3. Jess Warren Freelance Graphic Designer @itsheyjess Michael Champlin UI / UX Designer & Art Director @mjchamplin #SXdesign #SXdesign
  4. 4. #SXdesign Why does design matter?
  5. 5. #SXdesign Line
  6. 6. #SXdesign Line
  7. 7. #SXdesign Lines lead the eye
  8. 8. #SXdesign
  9. 9. #SXdesign#SXdesign
  10. 10. #SXdesign
  11. 11. #SXdesign Typography
  12. 12. #SXdesign Typography Serif. Sans-serif. Script
  13. 13. #SXdesign Typography kern ing t r a c k i n g between individual letters uniformly between all letters
  14. 14. #SXdesign Typography line height
  15. 15. #SXdesign Typography M I X I N G T Y P E F A C E S Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget eleifend lorem, ut accumsan nibh. Nunc ipsum sapien, lacin- ia id sapien condimentum, aliquam accumsan ex. Ut pellentesque molestie leo vel egestas. Curabitur ac nunc molestie, dapibus enim ac, malesuada urna. Mauris consequat eros velit, at vulpu- tate ex rutrum in. Nulla facilisi. Integer eu quam interdum, ves- tibulum ipsum non, faucibus orci. Nam vitae urna sagittis, ul- trices ligula quis, consequat est. Two is great, more than three is a trainwreck*
  16. 16. #SXdesign Typography Clean, cool, collected. Relaxed, refined, readable. Fancy,hip,homemade.
  17. 17. #SXdesign
  18. 18. #SXdesign
  19. 19. #SXdesign Color
  20. 20. #SXdesign Color Primary Colors
  21. 21. #SXdesign Color Primary + Secondary Colors
  22. 22. #SXdesign Color Complementary Colors
  23. 23. #SXdesign Color “Triad” Color Scheme
  24. 24. #SXdesign
  25. 25. #SXdesign
  26. 26. #SXdesign Hierarchy Hierarchy Hierarchy
  27. 27. #SXdesign Hierarchy
  28. 28. #SXdesign Hierarchy TEXT SIZE is a common example of Hierarchy in graphic design.
  29. 29. #SXdesign
  30. 30. #SXdesign
  31. 31. #SXdesign
  32. 32. #SXdesign Alignment
  33. 33. #SXdesign Alignment
  34. 34. #SXdesign Alignment Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget eleifend lorem, ut accumsan nibh. Nunc ipsum sapien, lacinia id sapien condimen- tum, aliquam accumsan ex. Ut pellentesque mo- lestie leo vel egestas. Curabitur ac nunc molestie, dapibus enim ac, malesuada urna. Mauris conse- quat eros velit, at vulputate ex rutrum in. Nulla fac- ilisi. Integer eu quam interdum, vestibulum ipsum non, faucibus orci. Nam vitae urna sagittis, ultrices ligula quis, consequat est. L E F T - A L I G N T E X T
  35. 35. #SXdesign Alignment Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget eleifend lorem, ut ac- cumsan nibh. Nunc ipsum sapien, lacinia id sapien condi- mentum, aliquam accumsan ex. Ut pellentesque molestie leo vel egestas. Curabitur ac nunc mo- lestie, dapibus enim ac, malesua- da urna. Mauris consequat eros velit, at vulputate ex rutrum in. Nulla facilisi. Integer eu quam interdum, vestibulum ipsum non, faucibus orci. Nam vitae urna sagittis, ultrices ligula quis, consequat est.
  36. 36. #SXdesign
  37. 37. #SXdesign
  38. 38. #SXdesign R epetitio R epetition R epetition R epetition petition etitiontion Repetition
  39. 39. #SXdesign Repetition
  40. 40. #SXdesign Rhythm
  41. 41. #SXdesign Pattern
  42. 42. #SXdesign#SXdesign
  43. 43. #SXdesign R R e Proximity
  44. 44. #SXdesign Proximity
  45. 45. #SXdesign Proximity
  46. 46. #SXdesign Proximity
  47. 47. #SXdesign
  48. 48. #SXdesign
  49. 49. #SXdesign Balance
  50. 50. #SXdesign Balance Symmetry
  51. 51. #SXdesign Balance Asymmetry
  52. 52. #SXdesign Balance Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eget eleifend lorem, ut accumsan nibh. Nunc ipsum sapien, lacinia id sapien condimentum, aliquam accumsan ex. Ut pellentesque molestie leo vel egestas. Curabitur ac nunc molestie, dapibus enim ac, malesuada urna. Mauris consequat eros velit, at vulputate ex rutrum in. Nulla facilisi. Integer eu quam interdum, vestibulum ipsum non, faucibus orci. Nam vitae urna sagittis, ultrices ligula quis, consequat est. Visual
  53. 53. #SXdesign
  54. 54. #SXdesign
  55. 55. #SXdesign Contrast
  56. 56. #SXdesign Contrast &“Figure Ground”
  57. 57. #SXdesign Contrast Color + Shape
  58. 58. #SXdesign Contrast Low Contrast
  59. 59. #SXdesign Contrast Size + Typeface You’re not going to like me when I’m Angry.
  60. 60. #SXdesign
  61. 61. #SXdesign
  62. 62. #SXdesign Negative Space
  63. 63. #SXdesign White Space adipiscing elit. Etiam eget eleifend lorem, ut accumsan nibh. Nunc ipsum sapien, lacinia id sapien condimentum, aliquam accumsan ex. Ut pellentesque molestie leo vel egestas. Curabitur ac nunc molestie, dapibus enim ac, malesuada urna. Mauris consequat eros velit, at vulputate ex rutrum in. Nulla facilisi. Integer eu quam interdum, vestibulum ipsum non, faucibus orci. Nam vitae urna sagittis, ultrices ligula quis, consequat est. Lorem ipsum dolor sit amet,
  64. 64. #SXdesign#SXdesign
  65. 65. #SXdesign#SXdesign
  66. 66. #SXdesign#SXdesign
  67. 67. #SXdesign Assignment 1. Sign up for an account at canva.com 2. Pick a template for one of the following: - Imaginary SXSW Event - Facebook Cover Image - Business Card 3. Create a design using at least three design principles

×