GRAPHIC
STORYTELLING
IN
NEW
MEDIA
It’s nice to
meet you.


        You look amazing, by the way.
http://blog.eachday.com/2007/8/1/bubble-logo-insanity
“a brand is a
 person’s gut
 feeling about a
 product, service
 or organization”
      Marty Neumeier, The Brand Gap
Krazy Kat (© King Features Syndicate)   virb.com
Voltron (© World Events Productions)
Spider-Man (© Marvel), Popeye (© King Features Syndicate), Peanuts (© United Features Syndicate)
Watchmen (© Warner Bros. Entertainment)
Bone (© Jeff Smith)
Juxtaposed pictorial and other images
 in deliberate sequence, intended to convey
information and/or to produce an aesthet...
Immediacy
Universality
Versatility
Ease-of-creation
Dark Knight Returns (© Warner Bros. Entertainment)
DIY
Content
  vs.
Delivery
Versatility
Web design is the creation of digital
environments that facilitate and encourage
human activity; reflect or adapt to indiv...
“   ”
pictorial (content)
sequence
0010001001001010001
                                   100001                   0101
                               1010  ...
0010001001001010001
                                   100001                   0101
                               1010  ...
0010001001001010001
                                   100001                   0101
                               1010  ...
stories/videos/imagery
                                         0010001001001010001
                                      ...
Themes/Labs
                 Messages
                                         0010001001001010001
                       ...
API
 Photos/Videos
                                         0010001001001010001
                                   100001 ...
API
              Tweets
                                         0010001001001010001
                                   1...
Blankets (© Craig Thompson)
Kane (© Paul Grist)
Maus (© Art Spiegelman)
Cerebus (© Dave Sim)
PVP (© Scott Kurtz), Penny Arcade (© Penny Arcade, Inc.)
Calvin & Hobbes (© United Features Syndicate)
Watchmen (© Warner Bros. Entertainment)
Garfield (© PAWS, Inc.)
I Can’t Stop Thinking! (© Scott McCloud)
The Right Number (© Scott McCloud)
Magic Inkwell Comic Strip Theatre (© Cat Garza, Jr.)
Pup (© Drew Weing)
When I Am King (© Demian 5)
“ Anne Busquet, of American Express,
  said that this is not, in fact, the ‘Age
  of the Internet.’ Try instead, the ‘Age
...
0010001001001010001
                                   100001                   0101
                               1010  ...
Scott Pilgrim (© Brian Lee O’Malley)
Tintin (© Hergé)
Akira (© Katsuhiro Otomo)
Downtown Smells (© Will Eisner)
Pup (© Drew Weing)
sequence
Fantastic Four (© Marvel)
Peanuts (© United Features Syndicate)
Captain America (© Marvel)
Presentation © 2009 Tyler Sticka
Web: tylersticka.com
Twitter: @tylersticka
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Graphic Storytelling in New Media
Upcoming SlideShare
Loading in...5
×

Graphic Storytelling in New Media

3,647
-1

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 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

Graphic Storytelling in New Media

  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
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×