Information Design Principles

2,382
-1

Published on

A presentation for educators on applying design principles to Information Design

Published in: Education, Business, Technology

Information Design Principles

  1. 1. Information DESIGN PRINCIPLES by Joseph Broughton @JosephBroughton
  2. 2. Problem http://www.flickr.com/photos/migueleveryday/5914092322/
  3. 3. Solution http://www.flickr.com/photos/djwtwo/8331524425/
  4. 4. DESIGN PRINCIPLES
  5. 5. Simplicity
  6. 6. Slides = Handouts
  7. 7. Glance Media s s d n n o o c e s s
  8. 8. ce media. Ads are glan From: "Great Presentations Are Like Ads by @slidecomet"
  9. 9. Slides too. Applies to Keep it simple. From: "Great Presentations Are Like Ads by @slidecomet"
  10. 10. Unity &Contrast
  11. 11. Unity &Contrast through Visual Elements Text Color Images
  12. 12. Text
  13. 13. Text Readability & Consistency
  14. 14. Text “A real typeface needs rhythm, ” needs contrast. Erik Spiekermann typographer and graphic designer
  15. 15. Text 72% of part time workers are women from Sample Slides by Garr Reynolds
  16. 16. Text & www.fontsquirrel.com www.dafont.com
  17. 17. Color
  18. 18. Color Choose wisely
  19. 19. Color 01 lookin’ good THE LOOK & FEEL
  20. 20. Color Adobe Kuler kuler.adobe.com
  21. 21. Color
  22. 22. Images
  23. 23. Images =
  24. 24. Images From: Simple Design by Chiara Ojeda www.slideshare.net/ohmgrrl/simple-design-16960683
  25. 25. Images “It’s taken me all my life to learn what not to play.” — Dizzy-Gillespie from Sample Slides by Garr Reynolds
  26. 26. Images
  27. 27. Images Sense bandwidth
  28. 28. David McCandless: The beauty of data visualization
  29. 29. Follow her on Chiara Ojeda www.slideshare.net/ohmgrrl/simple-design-16960683 By Chiara Ojeda
  30. 30. Unity &Contrast through Visual Elements Text Color Images
  31. 31. Text Color Images {
  32. 32. Text Color Images {
  33. 33. Text Color Images { Compfight (compfight.com) Creative Commons farmers market produce
  34. 34. Technical issues
  35. 35. Begin with white black a blank canvas
  36. 36. Zoom Out to see entire slide
  37. 37. Rulers
  38. 38. Toolbar Setup Inspector & stuff { { Typography { { { { Layout Objects Image Editing Grouping and Position
  39. 39. Colors
  40. 40. ? Where to get inspired
  41. 41. Slide Share
  42. 42. www.slideshare.net
  43. 43. noteandpoint.com
  44. 44. Design Websites
  45. 45. SMASHING MAGAZINE www.smashingmagazine.com/
  46. 46. Design Awards http://www.edutopia.org/blog/design-thinking-free-inspiration-ashley-nahornick
  47. 47. www.effie.org
  48. 48. www.clioawards.com
  49. 49. Design Podcasts
  50. 50. thedeependdesign.com/graphic-design-podcast/
  51. 51. the #dtK12chat sh ow Live Wednesdays 10PM EST/7PM PST
  52. 52. Thank You DESIGN THINK Learn designthinklearn.com by Joseph Broughton @JosephBroughton

×