graphic storytelling in new media

Post on 31-Oct-2014

15 Views

Category:

Business

2 Downloads

Preview:

Click to see full reader

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

GRAPHICSTORYTELLINGINNEWMEDIA

It’s nice tomeet you.

You look amazing, by the way.

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

a brand is aperson’s gutfeeling about aproduct, serviceor 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 imagesin deliberate sequence, intended to conveyinformation and/or to produce an aesthetic

response in the viewer.

Scott McCloud, Understanding Comics

Immediacy

Universality

Versatility

Ease-of-creation

Dark Knight Returns (© Warner Bros. Entertainment)

DIY

Contentvs.

Delivery

Versatility

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

“ ”

pictorial (content)

sequence

digital environments

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

human interaction

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

(Success!)

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

stories/videos/imagerydigg/bury

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

MessagesThemes/Labs

Conversations

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

Photos/VideosAPI

Slideshows

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

TweetsAPI

Following

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 ‘Ageof the Internet.’ Try instead, the ‘Ageof the Consumer.’”

Tom Peters, Re-Imagine!

human interaction

001010101000101010100010101010001010

1010

1001

0010101001101010100101010000100100010010010100010101010001010101000101010100010101010100100101010011010101001010100

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 StickaWeb: tylersticka.comTwitter: @tylersticka

top related