Your SlideShare is downloading. ×
Information Design Principles
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

Information Design Principles

1,460
views

Published on

A presentation for educators on applying design principles to Information Design

A presentation for educators on applying design principles to Information Design

Published in: Education, Business, Technology

0 Comments
14 Likes
Statistics
Notes
  • Be the first to comment

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