Transcript
Page 1: A Dose of Design Inspiration from Comic Strips

A Dose of Design Inspiration from Comic StripsRefresh DCTuesday, October 23, 2012

Page 2: A Dose of Design Inspiration from Comic Strips

A Dose of Design Inspiration from Comic StripsRefresh DCTuesday, October 23, 2012

@Rosscott #RefreshDC

Page 3: A Dose of Design Inspiration from Comic Strips
Page 4: A Dose of Design Inspiration from Comic Strips
Page 5: A Dose of Design Inspiration from Comic Strips

@SuperArtFight

Page 6: A Dose of Design Inspiration from Comic Strips
Page 7: A Dose of Design Inspiration from Comic Strips

@FriendlyDC

Page 8: A Dose of Design Inspiration from Comic Strips
Page 9: A Dose of Design Inspiration from Comic Strips

What do you MEAN “Unexpectedly Quit”?

MOORE’S LAW: Computers will get

exponentially faster.

MURPHY’S LAW:Anything that can go wrong will go wrong.

ROSSCOTT’S LAW:The faster the computer,

the faster it can go wrong.

The System www.systemcomic.com

Page 10: A Dose of Design Inspiration from Comic Strips
Page 11: A Dose of Design Inspiration from Comic Strips

meh.

‘K!YES! ....No

(so alone) Nah.

TO THE INTERNET!

What’s the

point?

Of

course!

You’re

right

ABSOLUTELY.

Who

cares?

Professor Internet sez:

Nope

LOL BUTTZSo you found something cool on the Internet... A helpful chart from Loldwell.com and SystemComic.com

OMG AMAZING!

I need to share!Pretty

cool

This is cool and

I am cool for

sharing it.

Editor’s Note:This is known as the ‘ROFL’ or repetitive online feedback loop.

On the original

artist’s website!

I’m a BIG FAN.

Heck yeah, AND I

replaced the watermark

w/ my shitty blog’s

SHITTIER logo!Be sure to provide appropriate

links to the original creator

and their website. they haz

talent and deservz ur respeks.

OMG

it even has a

watermark!

I dunno, I was dickin’

around on, ______

(insert procrasti-aggregator)

*

loldwell.comsystemcomic.com

How cool was it?

So, where did you find it?

Does it have a watermark?

TO THEGOOGLES!

Are you going to give credit where credit is due?

Someone worked hard on this dude, don’t be that guy.

Seriously?

Doesn’t that take more effortmake you look

douchebag?

Is anyone around?

GO!

and

like a

Let’s

KEEPDICKINGAROUND

Is it worth sharing?

Page 12: A Dose of Design Inspiration from Comic Strips

Why Comics / Design?

Page 13: A Dose of Design Inspiration from Comic Strips
Page 14: A Dose of Design Inspiration from Comic Strips
Page 15: A Dose of Design Inspiration from Comic Strips

Words / VisualsAdobe

“Web Stuff”Creative Promotion

IllustrationsWritingPoop Jokes

ClientsHelvetica

EditingStorytelling

Composition

Page 16: A Dose of Design Inspiration from Comic Strips
Page 17: A Dose of Design Inspiration from Comic Strips

Idea

COMICS

LOGO DESIGN

WEB DESIGN

Sketch Ink Color

Idea Sketch B/W Color

Content Wireframes Design Development

Page 18: A Dose of Design Inspiration from Comic Strips

Section 1:The Art in Comics

Page 19: A Dose of Design Inspiration from Comic Strips

Characters

Page 20: A Dose of Design Inspiration from Comic Strips
Page 21: A Dose of Design Inspiration from Comic Strips
Page 22: A Dose of Design Inspiration from Comic Strips
Page 23: A Dose of Design Inspiration from Comic Strips
Page 24: A Dose of Design Inspiration from Comic Strips

Icons

Page 25: A Dose of Design Inspiration from Comic Strips
Page 26: A Dose of Design Inspiration from Comic Strips
Page 27: A Dose of Design Inspiration from Comic Strips

What’s it like when it snows here?

People. Go. Apeshit.

The System www.rosscottinc.com

Page 28: A Dose of Design Inspiration from Comic Strips
Page 29: A Dose of Design Inspiration from Comic Strips

http://www.geocities.ws/gonetomorrow00/ah_340/index.htm

Page 30: A Dose of Design Inspiration from Comic Strips

Someone Anyone (Me?)

Page 31: A Dose of Design Inspiration from Comic Strips

Someone

A Trash

Mario

Someone’s Trash

Page 32: A Dose of Design Inspiration from Comic Strips
Page 33: A Dose of Design Inspiration from Comic Strips
Page 34: A Dose of Design Inspiration from Comic Strips

Section 2:The Art of Panels

Page 35: A Dose of Design Inspiration from Comic Strips
Page 36: A Dose of Design Inspiration from Comic Strips
Page 37: A Dose of Design Inspiration from Comic Strips

“The phenomenon of observing the parts but perceiving the whole”

Closure

Page 38: A Dose of Design Inspiration from Comic Strips
Page 39: A Dose of Design Inspiration from Comic Strips
Page 40: A Dose of Design Inspiration from Comic Strips
Page 41: A Dose of Design Inspiration from Comic Strips
Page 42: A Dose of Design Inspiration from Comic Strips
Page 43: A Dose of Design Inspiration from Comic Strips

Panel Length

Page 44: A Dose of Design Inspiration from Comic Strips
Page 45: A Dose of Design Inspiration from Comic Strips

COLD. Reheat. See phase 1.

COFFEE LIFE CYCLE TOO HOT. Sip. Burn your tongue. Repeat.

PERFECT for about 6 seconds.

The System www.rosscottinc.com

Page 46: A Dose of Design Inspiration from Comic Strips
Page 47: A Dose of Design Inspiration from Comic Strips
Page 48: A Dose of Design Inspiration from Comic Strips
Page 49: A Dose of Design Inspiration from Comic Strips

Panel Choice

Page 50: A Dose of Design Inspiration from Comic Strips
Page 51: A Dose of Design Inspiration from Comic Strips

Diagram from Helen

Word Choice

Page 52: A Dose of Design Inspiration from Comic Strips

What words should go here?

What images should go under it?

Page 53: A Dose of Design Inspiration from Comic Strips
Page 54: A Dose of Design Inspiration from Comic Strips
Page 55: A Dose of Design Inspiration from Comic Strips
Page 56: A Dose of Design Inspiration from Comic Strips
Page 57: A Dose of Design Inspiration from Comic Strips

Section 3:Storytelling

Page 58: A Dose of Design Inspiration from Comic Strips
Page 59: A Dose of Design Inspiration from Comic Strips

“Less is more.” — Ludwig Mies van der Rohe

Page 60: A Dose of Design Inspiration from Comic Strips

“Less.” —Ross

Page 61: A Dose of Design Inspiration from Comic Strips

3eanuts Garfield Minus Garfield

Page 62: A Dose of Design Inspiration from Comic Strips

“Fancy” Ketchup Nope.

The System www.rosscottinc.com

Page 63: A Dose of Design Inspiration from Comic Strips
Page 64: A Dose of Design Inspiration from Comic Strips

“Less.” —Ross

• Working within a grid• Copy editing• Give your work constraints• Increase contrast / simplicity of layout• Limited color palette• “Boutiquing” your product

Page 65: A Dose of Design Inspiration from Comic Strips

Patterns

Page 66: A Dose of Design Inspiration from Comic Strips
Page 67: A Dose of Design Inspiration from Comic Strips
Page 68: A Dose of Design Inspiration from Comic Strips

Section 4:Crap that didn’t really fit anywhere else (But I learned it from comics)

Page 69: A Dose of Design Inspiration from Comic Strips

Art as Exercise

Page 70: A Dose of Design Inspiration from Comic Strips
Page 71: A Dose of Design Inspiration from Comic Strips
Page 72: A Dose of Design Inspiration from Comic Strips
Page 73: A Dose of Design Inspiration from Comic Strips
Page 74: A Dose of Design Inspiration from Comic Strips

I needto work harderto be betterat things.

systemcomic.com

Page 75: A Dose of Design Inspiration from Comic Strips

Have a Bag of Tricks

Page 76: A Dose of Design Inspiration from Comic Strips
Page 77: A Dose of Design Inspiration from Comic Strips

NOTE: These don’t make a good designer. They make you a faster designer who can screw up quicker.

Page 78: A Dose of Design Inspiration from Comic Strips

Have a Secret Identity

Page 79: A Dose of Design Inspiration from Comic Strips
Page 80: A Dose of Design Inspiration from Comic Strips
Page 81: A Dose of Design Inspiration from Comic Strips
Page 82: A Dose of Design Inspiration from Comic Strips
Page 83: A Dose of Design Inspiration from Comic Strips
Page 84: A Dose of Design Inspiration from Comic Strips
Page 85: A Dose of Design Inspiration from Comic Strips

That’s it.

@Rosscott @FriendlyDC @SystemComic@SuperArtFight

www.systemcomic.com


Recommended