Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

From Looking to Making: An Introduction to Graphic Design

1 345 vues

Publié le

I delivered a guest lecture to a Public Health class at Brown University. The lecture was an introduction to graphic design as a way of making meaningful form from observations, and some examples and analysis of existing design campaigns that could be applicable to public health students interested in ways to make their messages come to life.

Publié dans : Design

From Looking to Making: An Introduction to Graphic Design

  1. 1. From Looking to Making: 
 An Introduction to Graphic Design Ojus Doshi MFA Candidate
 Graphic Design | RISD odoshi@risd.edu ojusdoshi.com
  2. 2. Design: Making something bearable
  3. 3. Louis CK Parking Signs Video
  4. 4. Functional New NYC Parking signs designed by Michael Beirut at Pentagram
  5. 5. Visually pleasing
  6. 6. Frank Chimero typekit blog
  7. 7. Design: A Problem Solving Methodology
  8. 8. ExperimentationIdeationDiscovery
  9. 9. Human Centered Design Involving a human being or members of the specific target community involved in the production and testing of a product as early as possible.
  10. 10. You can engineer a perfectly functioning machine, it’s technically efficient and accomplishes all its goals—but when a human in a certain situation goes to use it, may not account for unique situations (because humans are complex creatures).
  11. 11. What is Graphic Design? The arrangement of text and/or image to convey 
 a message to many people at once.
  12. 12. A (Very) Brief History of Graphic Design: Rooted in Technology
  13. 13. Movable Type, The Printing Press, and the Gutenberg Bible
  14. 14. Lithography
  15. 15. Camera and Photography
  16. 16. Photomontage
  17. 17. Personal Computer means that broader audience has tools and capabilities necessary to do what was done with very technical machinery in the past
  18. 18. A blend of everything What is Graphic Design?
  19. 19. So how do I handle that?
  20. 20. 
 Become an observer of everything.
  21. 21. Observer of Culture Music, Politics, Sports, Language, Art
  22. 22. Observer of Behavior How people interact, operate, 
 what they say and do
  23. 23. Observer of Environment Surfaces, Flows of People, Natural Phenomenon
  24. 24. Observer of Technology All devices, transportation, relationship to tools
  25. 25. How to Observe Whimisical Rigorous
  26. 26. Doodling & Sketching Photographing Collecting Walking Around
  27. 27. Literature Search & Bookmarks Library, blogs, poetry, fiction, non-fiction, 
 newspapers, magazines
  28. 28. Mapping *see also: Hugh Dubberly’s
 concept maps
  29. 29. Mood Boards Establish a visual tone
  30. 30. Field Research Survey your friends, colleagues, or others
  31. 31. Most Importantly: 
 Keep a Notebook Evernote
  32. 32. Generating a Concept: 
 What is a concept? It’s a larger, meaningful theme that connects all of what you try to make and all the visual output you generate. It is a glue, guide and aspect that often connects with your audience on an emotional level. It stems from the “content” of your message.
  33. 33. John Bielenberg
 Literacy poster 1997
  34. 34. 1 + 1 = 3
  35. 35. Metaphor and Symbolism One image used in place of another
  36. 36. Paul Sahre
  37. 37. CDC If you’re living with HIV and not being safe, you could be living with a lot more. Protect Yourself. Protect Others. Printed in the USA, August 2007. Washington Post
  38. 38. Word Play & Visual Puns Make ’em chuckle.
  39. 39. Chip Kidd
 book cover
  40. 40. Chip Kidd
 book cover
  41. 41. Visual Tone All elements communicate a particular 
 vibe or feeling.
  42. 42. Chip Kidd
  43. 43. More Examples: Green Patriot Posters
  44. 44. Frédérich Tacer Keo Pierron
  45. 45. Conceptual Phase: Let your imagination go wild! Generate Tons of Ideas! 1 2 3 4 5 6 7 8
  46. 46. Exercise 5 minutes: 
 observations or mind map 5 minutes: 
 sketch 1 concept — pick your craziest idea Name 123-456-7890
  47. 47. Culling Phase
 Let go of ineffective ideas 1 2 3 4 5 6 7 8X X X X X X X
  48. 48. Visual Form: Some of Your Options
  49. 49. Print • Poster • Book / Magazine • Brochure, Pamplets, Flyers • Billboards • Postcards / Mailers • Menus or Store Signage • Packaging
  50. 50. Digital / Motion • Websites • Mobile Apps • Film and Animation
  51. 51. Mixed or non-traditional formats
  52. 52. Exhibitions and Installations
  53. 53. preventable.ca website: “we took over Vancouver’s much- loved sculpture “A-maze-ing Laughter” at English Bay. We dressed the sculpture in oversized orange lifejackets, along with a small sign that reminds people to have a word with themselves before thinking that drowning only happens to others. Our intention: to change your attitude about safety on the water.”
  54. 54. Building Surfaces
  55. 55. Boostup.org was a campaign by Ad Council and visualized by ad agency Publicis Kaplan Thaler in 2010. Mission was to help high schoolers in tough neighborhoods graduate. Integration of concept and visual form: giving students a boost, literally and figuratively, use of environment and everyday flow through space.
  56. 56. Theater Dance Performance
  57. 57. Board Games & Video Games “Zones has been designed as part of Public Health England’s (PHE) national youth health campaign. It encourages young people to think and talk about the health issues that affect them growing up, and help prepare them to make informed decisions.” http://campaigns.dh.gov.uk/2013/05/08/zones-board-game-now-available- for-youth-groups-and-clubs/
  58. 58. Comics, Cartoons
  59. 59. Deconstructing Visual Form Contrast & Visual Hierarchy: 
 What is Most Important Composition and Organization: 
 White Space, Arrangement, Grid Emotion and Personality: 
 Color, Typography, & Shape
  60. 60. Contrast and
 Visual Hierarchy What is Most Important How to guide the eye T T
  61. 61. Composition and Organization
 White Space, Arrangement, 
  62. 62. Emotion and Personality
 Color, Typography, and Shape VROOOM Vanity Burgers
  63. 63. Contrast Color Metaphor Eduardo Barrera — Mexico Unite for the Children (UNICEF)
  64. 64. Contrast Kaplan Publicis Thaler — boostup.org
  65. 65. Typographic Hierarchy KYNE and Speak Up Africa — Africa United
  66. 66. Center
 Symmetry KYNE and Speak Up Africa — Africa United 1 is 2 many
 whitehouse.gov No More Campaign (with NFL)
  67. 67. Asymmetrical Composition Kaplan Publicis Thaler — boostup.org
  68. 68. Asymmetry Concept Jessica Svendsen and Adam VanDeusen — Yale Graphic Design
  69. 69. Grid
 Cropping Asymmetry Color Just Get Tested RI
  70. 70. Organization healthycanadians.gc.ca Responding to limited space
  71. 71. Color KYNE and Speak Up Africa — Africa United
  72. 72. Typography fitwits — Carnegie Mellon University
  73. 73. Typography KYNE and Speak Up Africa — Africa United
  74. 74. Color in Branding preventable.ca
  75. 75. Too much? Ad Council
  76. 76. Resources Graphic Design Process 
 Skolos + Wedell Guide to Graphic Design
 Scott Santoro Graphic Design for Nondesigners
 Tony Seddon, Jane Waterhouse, and Rick Landers designobserver.com AIGA Graphic Design Thinking
 Ellen Lupton A Kidd’s Guide to Graphic Design
 Chip Kidd imageofthestudio.com
  77. 77. Thank You! Ojus Doshi odoshi@risd.edu ojusdoshi.com