Your SlideShare is downloading. ×

Graphic Storytelling in New Media

3,366

Published on

There’s a reason Google tapped the talents of Understanding Comics author Scott McCloud to introduce their innovative browser to the world; comics possess the graphic clarity, visual language and …

There’s a reason Google tapped the talents of Understanding Comics author Scott McCloud to introduce their innovative browser to the world; comics possess the graphic clarity, visual language and universal appeal necessary to communicate complex stories, ideas and emotions to the largest audience possible.

Join interactive designer (and published cartoonist) Tyler Sticka as we infuse the potential of our user experiences with the compositional, narrative and iconic principals of graphic storytelling.

Presented at the 2009 WebVisions Conference at the Oregon Convention Center.

http://tylersticka.com
http://webvisionsevent.com

Published in: Business, Design
0 Comments
13 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,366
On Slideshare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
78
Comments
0
Likes
13
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. GRAPHIC STORYTELLING IN NEW MEDIA
  • 2. It’s nice to meet you. You look amazing, by the way.
  • 3. http://blog.eachday.com/2007/8/1/bubble-logo-insanity
  • 4. “a brand is a person’s gut feeling about a product, service or organization” Marty Neumeier, The Brand Gap
  • 5. Krazy Kat (© King Features Syndicate) virb.com
  • 6. Voltron (© World Events Productions)
  • 7. Spider-Man (© Marvel), Popeye (© King Features Syndicate), Peanuts (© United Features Syndicate)
  • 8. Watchmen (© Warner Bros. Entertainment)
  • 9. Bone (© Jeff Smith)
  • 10. Juxtaposed pictorial and other images in deliberate sequence, intended to convey information and/or to produce an aesthetic response in the viewer. Scott McCloud, Understanding Comics
  • 11. Immediacy
  • 12. Universality
  • 13. Versatility
  • 14. Ease-of-creation
  • 15. Dark Knight Returns (© Warner Bros. Entertainment)
  • 16. DIY
  • 17. Content vs. Delivery
  • 18. Versatility
  • 19. Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity. Jeffrey Zeldman, Understanding Web Design
  • 20. “ ”
  • 21. pictorial (content)
  • 22. sequence
  • 23. 0010001001001010001 100001 0101 1010 010 100 001 010 01 01 01 11 01 100 00 10 0 10 0 01 10 0101 10010 101 0001010 0 1 1 10 01 00 01 10 00 0 10 101 01 01 010 010 0100 011 0010101 0101 01001 0010101010 010100 digital environments
  • 24. 0010001001001010001 100001 0101 1010 010 100 001 010 01 01 01 11 01 100 00 10 0 10 0 01 10 0101 10010 101 0001010 0 1 1 10 01 00 01 10 00 0 10 101 01 01 010 010 0100 011 0010101 0101 01001 0010101010 010100 human interaction
  • 25. 0010001001001010001 100001 0101 1010 010 100 001 010 01 01 01 11 01 100 00 10 0 10 0 01 10 0101 10010 101 0001010 0 1 1 10 01 00 01 10 00 0 10 101 01 01 010 010 0100 011 0010101 0101 01001 0010101010 010100 (Success!)
  • 26. stories/videos/imagery 0010001001001010001 digg/bury 100001 0101 1010 010 100 001 010 01 01 01 11 01 100 00 10 0 10 0 01 10 0101 10010 101 0001010 0 1 1 10 01 00 01 10 00 0 10 101 01 01 010 010 0100 011 0010101 0101 01001 0010101010 010100
  • 27. Themes/Labs Messages 0010001001001010001 100001 0101 1010 010 100 001 010 01 11 01 Conversations 01 01 100 00 10 0 10 0 01 10 0101 10010 101 0001010 0 1 1 10 01 00 01 10 00 0 10 101 01 01 010 010 0100 011 0010101 0101 01001 0010101010 010100
  • 28. API Photos/Videos 0010001001001010001 100001 0101 1010 010 100 001 010 01 11 01 Slideshows 01 01 100 00 10 0 10 0 01 10 0101 10010 101 0001010 0 1 1 10 01 00 01 10 00 0 10 101 01 01 010 010 0100 011 0010101 0101 01001 0010101010 010100
  • 29. API Tweets 0010001001001010001 100001 0101 1010 010 100 001 010 01 11 01 Following 01 01 100 00 10 0 10 0 01 10 0101 10010 101 0001010 0 1 1 10 01 00 01 10 00 0 10 101 01 01 010 010 0100 011 0010101 0101 01001 0010101010 010100
  • 30. Blankets (© Craig Thompson)
  • 31. Kane (© Paul Grist)
  • 32. Maus (© Art Spiegelman)
  • 33. Cerebus (© Dave Sim)
  • 34. PVP (© Scott Kurtz), Penny Arcade (© Penny Arcade, Inc.)
  • 35. Calvin & Hobbes (© United Features Syndicate)
  • 36. Watchmen (© Warner Bros. Entertainment)
  • 37. Garfield (© PAWS, Inc.)
  • 38. I Can’t Stop Thinking! (© Scott McCloud)
  • 39. The Right Number (© Scott McCloud)
  • 40. Magic Inkwell Comic Strip Theatre (© Cat Garza, Jr.)
  • 41. Pup (© Drew Weing)
  • 42. When I Am King (© Demian 5)
  • 43. “ Anne Busquet, of American Express, said that this is not, in fact, the ‘Age of the Internet.’ Try instead, the ‘Age of the Consumer.’” Tom Peters, Re-Imagine!
  • 44. 0010001001001010001 100001 0101 1010 010 100 001 010 01 01 01 11 01 100 00 10 0 10 0 01 10 0101 10010 101 0001010 0 1 1 10 01 00 01 10 00 0 10 101 01 01 010 010 0100 011 0010101 0101 01001 0010101010 010100 human interaction
  • 45. Scott Pilgrim (© Brian Lee O’Malley)
  • 46. Tintin (© Hergé)
  • 47. Akira (© Katsuhiro Otomo)
  • 48. Downtown Smells (© Will Eisner)
  • 49. Pup (© Drew Weing)
  • 50. sequence
  • 51. Fantastic Four (© Marvel)
  • 52. Peanuts (© United Features Syndicate)
  • 53. Captain America (© Marvel)
  • 54. Presentation © 2009 Tyler Sticka Web: tylersticka.com Twitter: @tylersticka

×