Lets Get Visual Itsc

5,827 views
4,892 views

Published on

Workshop for ITSC in Portland on Feb. 15, 2010.

Published in: Design, Technology

Lets Get Visual Itsc

  1. Let’s Get Visual Exploring  Design,  Visual  Literacy  and  Storytelling Dean Shareski ITSC 02.15.10
  2. joule69always@photos.flickr.com   3
  3. h9p://todaysmeet.com/ITSCvisual 4
  4. h9p://shareski.wikispaces.com/Visual 5
  5. 6
  6. I’ll  talk You’ll  ask  quesGons I’ll  suggest  some  learning   You’ll  do  some  stuff We’ll  see  where  it  goes 6
  7. The greatest digital divide is between those who can read and write with media, and those who can't. Elizabeth Daly 7 cc licensed flickr photo by jayRaz: http://flickr.com/photos/shnakepup/2935979173/
  8. 8
  9. Pen 8
  10. Pen Typewriter 8
  11. Pen Typewriter Imagination Machine cc licensed flickr photo by Anonymous Account: http://flickr.com/photos/anonymouscollective/4241315246/ cc licensed flickr photo by Olivander: http://flickr.com/photos/olivander/3383454343/ 8 cc licensed flickr photo by yohann.aberkane: http://flickr.com/photos/yohann-aberkane/2836258475/
  12. 28,880
  13. 28,880 hours of video per day
  14. Hours of Content Per Day TV Youtube 700000.00 525000.00 350000.00 693120.00 175000.00 60000.00 0 60.00 0 4000.00 0 1970 2000 2009
  15. ...the professional language of the future NY times
  16. Match the Font Times New Roman The big black cat Arial The big black cat Comic Sans The big black cat
  17. Match the Font Times New Roman The big black cat Arial The big black cat Comic Sans The big black cat
  18. http://www.flickr.com/photos/10237056@N05/853570355/ Design is not simply the “icing on the cake”.
  19.  “utility and significance” Dan  Pink Image: Daniel Pink http://www.flickr.com/photos/cipd/2611039172/
  20. VISUAL LITERACY Image: I love Macro and Eyes :) http://www.flickr.com/photos/felixberndt/3325185363/
  21. 60,000 times faster than text
  22. The Power of the Pictograph
  23. The Boy is Sad.
  24. cc licensed flickr photo by ayemo: http://flickr.com/photos/ayemo/2760308168/
  25. The Archivist and the Photographer
  26. http://www.flickr.com/photos/scriptingnews/2699829038/
  27. You
  28. You
  29. You 134,638,704
  30. Consumption Creation Reading Writing Listening Speaking Viewing Representing
  31. Consumption Creation Reading Writing Listening Speaking Viewing Representing
  32. Consumption Creation Reading Writing Listening Speaking Viewing Representing
  33. Image: txt’ing http://www.flickr.com/photos/courosa/2831891520/ Are we designing and creating for the past or the future?
  34. Rethinking the Lecture 30
  35. blog.mrmeyer.com
  36. ELEMENTS OF GOOD DESIGN
  37. PLANNING Go Analog Image: Photo Desk Design Concept Sketch http://www.flickr.com/photos/jazzmasterson/275800917/
  38. “If you have the ideas, you can do a lot without machinery. Most ideas you can do pretty darn well with a stick in the sand.” Alan Kay Image: A palm on the sand Tanzania 35 http://www.flickr.com/photos/mytripsmypics/3309757472/
  39. “If you have the ideas, you can do a lot without machinery. Most ideas you can do pretty darn well with a stick in the sand.” Alan Kay Image: A palm on the sand Tanzania 35 http://www.flickr.com/photos/mytripsmypics/3309757472/
  40. WHITESPACE
  41. no one ever died from too much white space Image: Negative Space http://www.flickr.com/photos/haidery/1167248649/
  42. I’M A MAC I’M A PC
  43. CONSTRAINTS http://www.poster.net/sieff-jeanloup/sieff-jeanloup-le-corset-5800002.jpg
  44. FONT AND COLOUR Image: Font 006 http://www.flickr.com/photos/stewf/1069468652/
  45. This is a Serif Font
  46. This is a Serif Font This is a Sans Serif Font
  47. This isn’t good
  48. This is better
  49. 60,000 times faster than text
  50. The brain processes images 60,000 times faster than text
  51. The brain processes images 60,000 times faster than text
  52. 60,000 times faster than text
  53. 60,000 times faster than text
  54. FOCUS ON THE STORY
  55. Think Like a Hacker 53
  56. PowerPoint doesn’t kill presentations
  57. PowerPoint doesn’t kill presentations Bullet points do.
  58. You are the presentation…. not your slides
  59. Communication is the Transfer of Emotion Image: One Face--Mulitple Looks http://www.flickr.com/photos/aseightyvii/623546317/
  60. “Why would you use words on the screen when they do just fine in your mouth” Seth Godin
  61. PRACTICAL TAKEAWAYS
  62. STUDY EXEMPLARS Lebron James http://www.flickr.com/photos/keithallison/2440419372/
  63. TED.COM/TALKS Image: Tim Berners-Lee http://www.flickr.com/photos/wa-j/3256903146/
  64. SLIDESHARE.NET
  65. DON’T STEAL http://newmusicstrategies.com/wp-content/uploads/2008/04/istock_000003413901xsmall.jpg
  66. Image”:CPR 365 FIND GREAT IMAGES http://www.flickr.com/photos/tplosz/3253793067
  67. Clipart is Cheesy and so Comic Sans
  68. Photographs Look Professional
  69. http://flickrcc.bluemountains.net/ http://compfight.com http://www.zoo-m.com/flickr-storm/ NEW! http://images.google.com
  70. http://flickr.com/photos/courosa/2831891520/ Attribute
  71. Photo Credits • http://flickr.com/photos/marklarson/2507386278/ • http://flickr.com/photos/hans-on-experience/24206878/ • http://flickr.com/photos/edorfler/2342049708/ • http://flickr.com/photos/ekilby/2566961506/
  72. SLIDE MAKEOVERS
  73. Portland
  74. Portland • Rose  City
  75. Portland • Rose  City • PopulaGon:  582,  130
  76. Portland • Rose  City • PopulaGon:  582,  130 • Powell’s  is  the  world’s  largest  book  store
  77. Portland • Rose  City • PopulaGon:  582,  130 • Powell’s  is  the  world’s  largest  book  store • Home  of  the  Portland  Trailblazers  of  the  NBA
  78. Portland • Rose  City • PopulaGon:  582,  130 • Powell’s  is  the  world’s  largest  book  store • Home  of  the  Portland  Trailblazers  of  the  NBA • Beer  Capital  of  America
  79. Portland es • Rose  City • plat PopulaGon:  582,  130 • T em ck Powell’s  is  the  world’s  largest  book  store • lly su Home  of  the  Portland  Trailblazers  of  the  NBA a su • Beer  Capital  of  America u
  80. Portland • Rose  City • PopulaGon:  582,  130 • Powell’s  is  the  world’s  largest  book  store • Home  of  the  Portland  Trailblazers  of  the  NBA • Beer  Capital  of  America
  81. Portland • Rose  City • PopulaGon:  582,  130
  82. St. Louis Blue Portland Lights Obama Rally in Portland http://www.flickr.com/photos/infinitewilderness/281063858/ http://www.flickr.com/photos/timlauer/2503913004/ PDX
  83. PDX 75
  84. EXPLORE FORMATS
  85. PECHA KUCHA
  86. 4 SLIDES
  87. FELTRON PROJECT
  88. <EMBED>
  89. SHARE(SKI) Image: Sharing http://www.flickr.com/photos/furiousgeorge81/177926979/
  90. Image: Addressing an empty auditorium in the SF Apple Store http://www.flickr.com/photos/ush/1039908678/ “Having the winning idea means nothing without being able to share it with someone else” Dan Roam
  91. THE ONLINE PORTFOLIO
  92. Design is about inspiration and inspiring others 86
  93. ideasandthoughts.org shareski@gmail.com twitter.com/shareski
  94. Photo Credits • http://www.flickr.com/photos/20638954@N00/2152612487/ • http://flickr.com/photos/marklarson/2507386278/ • http://flickr.com/photos/hans-on-experience/24206878/ • http://flickr.com/photos/edorfler/2342049708/ • http://flickr.com/photos/ekilby/2566961506/ • http://flickr.com/photos/46813052@N00/189736044 • http://flickr.com/photos/ddr/299004958/ • http://www.flickr.com/photos/8540516@N06/2454926037 www.flickr.com/photos/46813052@N00/189736044

×