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.

Content Strategist's Guide to Design

Deck from my 3-hour workshop on holistic design thinking in Higher Education. Presented at HighEdWeb 2015 in Milwaukee, WI.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

  • Be the first to like this

Content Strategist's Guide to Design

  1. 1. CONTENT STRATEGIST’S GUIDE TO DESIGN Holistic Thinking for Better Content #wrk7
  2. 2. JOEL G GOODMAN PRINCIPAL, BRAVERY MEDIA #wrk7
  3. 3. Bravery is a design and web strategy agency based 
 in Austin, TX. We craft memorable experiences with colleges, universities, & startups.
  4. 4. @JOELGOODMAN BRAVERYMEDIA.CO | @BRAVERYMEDIA #wrk7
  5. 5. VOCAB Wait, what did they say? #wrk7
  6. 6. VOCAB #wrk7 GRAPHIC DESIGN • UI (User Interface) • Typography • Color Palette UX (USER EXPERIENCE) • Layout • Information Architecture • Interaction
  7. 7. CONSISTENCY #wrk7 Systems are more usable and learnable when similar parts are expressed in similar ways. UNIVERSAL PRINCIPLES OF DESIGN
  8. 8. CONSISTENCY #wrk7 iTunes Sony Cassette Deck
  9. 9. VISUAL HIERARCHY #wrk7 Hierarchical representation is the simplest method of increasing knowledge about the structure of a system. UNIVERSAL PRINCIPLES OF DESIGN
  10. 10. VISUAL HIERARCHY #wrk7
  11. 11. VISUAL HIERARCHY #wrk7
  12. 12. VISUAL HIERARCHY #wrk7
  13. 13. VISUAL HIERARCHY #wrk7
  14. 14. TYPOGRAPHY #wrk7 Don’t use more than 2 different fonts in any given design. RUL E OF THUMB
  15. 15. TYPOGRAPHY #wrk7 Don’t combine the same font-styles. SECOND RU LE OF THUMB
  16. 16. TYPOGRAPHY #wrk7 Serif Font Also Serif Font
  17. 17. TYPOGRAPHY #wrk7 Sans-serif Font Also Sans-serif Font
  18. 18. #wrk7 Sans-serif Headline Fingerstache dolor vinyl messenger bag, you probably haven't heard of them banjo odio jean shorts proident tempor artisan. Kale chips salvia high life brooklyn vero pour-over. Food truck accusamus laboris, non +1 mustache polaroid craft beer elit. Master cleanse id lomo meggings, nihil viral mixtape qui forage et beard actually consectetur. Pariatur veniam trust fund, keytar commodo whatever iphone. Pork belly ad artisan literally, whatever wes anderson in etsy banksy non. Nulla ullamco portland duis. Pug flannel pickled, whatever master cleanse non keffiyeh. Umami viral truffaut, brunch banh mi swag dreamcatcher accusamus YOLO banjo irure godard. Proident pariatur terry richardson actually dolor helvetica. Anim messenger bag YOLO, retro proident +1 organic neutra tempor odio american apparel vero occaecat. Vegan bicycle rights seitan brooklyn, synth chillwave veniam wolf typewriter cillum. Est occaecat semiotics, chambray do reprehenderit quinoa tonx officia pinterest whatever. Four loko enim organic wolf tempor bushwick.
  19. 19. #wrk7 Serif Headline Fingerstache dolor vinyl messenger bag, you probably haven't heard of them banjo odio jean shorts proident tempor artisan. Kale chips salvia high life brooklyn vero pour-over. Food truck accusamus laboris, non +1 mustache polaroid craft beer elit. Master cleanse id lomo meggings, nihil viral mixtape qui forage et beard actually consectetur. Pariatur veniam trust fund, keytar commodo whatever iphone. Pork belly ad artisan literally, whatever wes anderson in etsy banksy non. Nulla ullamco portland duis. Pug flannel pickled, whatever master cleanse non keffiyeh. Umami viral truffaut, brunch banh mi swag dreamcatcher accusamus YOLO banjo irure godard. Proident pariatur terry richardson actually dolor helvetica. Anim messenger bag YOLO, retro proident +1 organic neutra tempor odio american apparel vero occaecat. Vegan bicycle rights seitan brooklyn, synth chillwave veniam wolf typewriter cillum. Est occaecat semiotics, chambray do reprehenderit quinoa tonx officia pinterest whatever. Four loko enim organic wolf tempor bushwick.
  20. 20. #wrk7 Oh hey, this works Fingerstache dolor vinyl messenger bag, you probably haven't heard of them banjo odio jean shorts proident tempor artisan. Kale chips salvia high life brooklyn vero pour-over. Food truck accusamus laboris, non +1 mustache polaroid craft beer elit. Master cleanse id lomo meggings, nihil viral mixtape qui forage et beard actually consectetur. Pariatur veniam trust fund, keytar commodo whatever iphone. Pork belly ad artisan literally, whatever wes anderson in etsy banksy non. Nulla ullamco portland duis. Pug flannel pickled, whatever master cleanse non keffiyeh. Umami viral truffaut, brunch banh mi swag dreamcatcher accusamus YOLO banjo irure godard. Proident pariatur terry richardson actually dolor helvetica. Anim messenger bag YOLO, retro proident +1 organic neutra tempor odio american apparel vero occaecat. Vegan bicycle rights seitan brooklyn, synth chillwave veniam wolf typewriter cillum. Est occaecat semiotics, chambray do reprehenderit quinoa tonx officia pinterest whatever. Four loko enim organic wolf tempor bushwick.
  21. 21. COLOR #wrk7 Color is used in design to attract attention, group elements, indicate meaning, and enhance aesthetics. UNIVERSAL PRINCIPLES OF DESIGN
  22. 22. COLOR #wrk7 THINGS TO WATCH FO R ... • Number of colors you use • Color combinations • Saturation
  23. 23. COLOR #wrk7
  24. 24. COLOR #wrk7
  25. 25. COLOR #wrk7
  26. 26. TASTE. #wrk7
  27. 27. TASTE. 1. Follow respected taste-makers 2. Read design blogs, magazines, & books 3. Do lots of design tutorials 4. rinse, repeat #wrk7
  28. 28. #wrk7 RESOURCES
  29. 29. SEMIOTICS SYMBOLS AND SIGNS AND SIGNIFIERS AND MEANING (I’M A BIG NERD ABOUT THIS STUFF) #wrk7
  30. 30. SEMIOTICS #wrk7
  31. 31. SEMIOTICS #wrk7
  32. 32. SEMIOTICS #wrk7
  33. 33. SEMIOTICS #wrk7
  34. 34. SEMIOTICS #wrk7
  35. 35. SEMIOTICS #wrk7
  36. 36. CONTENT FOR HUMANITY CREATING FOR EMOTIONAL RESPONSE #wrk7
  37. 37. DESIGNING FOR EMOTION #wrk7 abookapart.com
  38. 38. DESIGNING FOR EMOTION #wrk7
  39. 39. DESIGNING FOR EMOTION #wrk7
  40. 40. THEORYAND PRACTICE LET’S MAKE SOMETHING GREAT #wrk7

×