graphic storytelling in new media

65
GRAPHIC STORYTELLING IN NEW MEDIA

Upload: tyler-sticka

Post on 31-Oct-2014

15 views

Category:

Business


2 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Graphic Storytelling in New Media

GRAPHICSTORYTELLINGINNEWMEDIA

Page 2: Graphic Storytelling in New Media

It’s nice tomeet you.

You look amazing, by the way.

Page 3: Graphic Storytelling in New Media
Page 4: Graphic Storytelling in New Media
Page 5: Graphic Storytelling in New Media
Page 6: Graphic Storytelling in New Media

http://blog.eachday.com/2007/8/1/bubble-logo-insanity

Page 7: Graphic Storytelling in New Media

a brand is aperson’s gutfeeling about aproduct, serviceor organization”

Marty Neumeier, The Brand Gap

Page 8: Graphic Storytelling in New Media

Krazy Kat (© King Features Syndicate) virb.com

Page 9: Graphic Storytelling in New Media

Voltron (© World Events Productions)

Page 10: Graphic Storytelling in New Media

Spider-Man (© Marvel), Popeye (© King Features Syndicate), Peanuts (© United Features Syndicate)

Page 11: Graphic Storytelling in New Media

Watchmen (© Warner Bros. Entertainment)

Page 12: Graphic Storytelling in New Media

Bone (© Jeff Smith)

Page 13: Graphic Storytelling in New Media

Juxtaposed pictorial and other imagesin deliberate sequence, intended to conveyinformation and/or to produce an aesthetic

response in the viewer.

Scott McCloud, Understanding Comics

Page 14: Graphic Storytelling in New Media

Immediacy

Page 15: Graphic Storytelling in New Media

Universality

Page 16: Graphic Storytelling in New Media

Versatility

Page 17: Graphic Storytelling in New Media

Ease-of-creation

Page 18: Graphic Storytelling in New Media

Dark Knight Returns (© Warner Bros. Entertainment)

Page 19: Graphic Storytelling in New Media
Page 20: Graphic Storytelling in New Media

DIY

Page 21: Graphic Storytelling in New Media

Contentvs.

Delivery

Page 22: Graphic Storytelling in New Media

Versatility

Page 23: Graphic Storytelling in New Media
Page 24: Graphic Storytelling in New Media

Web design is the creation of digital environments that facilitate and encouragehuman activity; reflect or adapt to individualvoices and content; and change gracefullyover time while always retaining their identity.

Jeffrey Zeldman, Understanding Web Design

Page 25: Graphic Storytelling in New Media

“ ”

Page 26: Graphic Storytelling in New Media

pictorial (content)

Page 27: Graphic Storytelling in New Media

sequence

Page 28: Graphic Storytelling in New Media

digital environments

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

Page 29: Graphic Storytelling in New Media

human interaction

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

Page 30: Graphic Storytelling in New Media
Page 31: Graphic Storytelling in New Media

(Success!)

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

Page 32: Graphic Storytelling in New Media

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

stories/videos/imagerydigg/bury

Page 33: Graphic Storytelling in New Media

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

MessagesThemes/Labs

Conversations

Page 34: Graphic Storytelling in New Media

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

Photos/VideosAPI

Slideshows

Page 35: Graphic Storytelling in New Media

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

TweetsAPI

Following

Page 36: Graphic Storytelling in New Media
Page 37: Graphic Storytelling in New Media

Blankets (© Craig Thompson)

Page 38: Graphic Storytelling in New Media

Kane (© Paul Grist)

Page 39: Graphic Storytelling in New Media

Maus (© Art Spiegelman)

Page 40: Graphic Storytelling in New Media

Cerebus (© Dave Sim)

Page 41: Graphic Storytelling in New Media
Page 42: Graphic Storytelling in New Media

PVP (© Scott Kurtz), Penny Arcade (© Penny Arcade, Inc.)

Page 43: Graphic Storytelling in New Media

Calvin & Hobbes (© United Features Syndicate)

Page 44: Graphic Storytelling in New Media

Watchmen (© Warner Bros. Entertainment)

Page 45: Graphic Storytelling in New Media

Garfield (© PAWS, Inc.)

Page 46: Graphic Storytelling in New Media

I Can’t Stop Thinking! (© Scott McCloud)

Page 47: Graphic Storytelling in New Media

The Right Number (© Scott McCloud)

Page 48: Graphic Storytelling in New Media

Magic Inkwell Comic Strip Theatre (© Cat Garza, Jr.)

Page 49: Graphic Storytelling in New Media

Pup (© Drew Weing)

Page 50: Graphic Storytelling in New Media

When I Am King (© Demian 5)

Page 51: Graphic Storytelling in New Media
Page 52: Graphic Storytelling in New Media

Anne Busquet, of American Express,said that this is not, in fact, the ‘Ageof the Internet.’ Try instead, the ‘Ageof the Consumer.’”

Tom Peters, Re-Imagine!

Page 53: Graphic Storytelling in New Media
Page 54: Graphic Storytelling in New Media

human interaction

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

Page 55: Graphic Storytelling in New Media

Scott Pilgrim (© Brian Lee O’Malley)

Page 56: Graphic Storytelling in New Media

Tintin (© Hergé)

Page 57: Graphic Storytelling in New Media

Akira (© Katsuhiro Otomo)

Page 58: Graphic Storytelling in New Media

Downtown Smells (© Will Eisner)

Page 59: Graphic Storytelling in New Media
Page 60: Graphic Storytelling in New Media

Pup (© Drew Weing)

Page 61: Graphic Storytelling in New Media

sequence

Page 62: Graphic Storytelling in New Media

Fantastic Four (© Marvel)

Page 63: Graphic Storytelling in New Media

Peanuts (© United Features Syndicate)

Page 64: Graphic Storytelling in New Media

Captain America (© Marvel)

Page 65: Graphic Storytelling in New Media

Presentation © 2009 Tyler StickaWeb: tylersticka.comTwitter: @tylersticka