how comics can make us better designers

91
How Comics Can Make Us Better Designers Refresh Baltimore Tuesday, February 26, 2013 @Rosscott #RefreshBmore

Upload: refresh-baltimore

Post on 01-Nov-2014

297 views

Category:

Design


5 download

DESCRIPTION

Graphic design and sequential art share a common ancestry. As two disciplines that share the integration of typography and images, there are many problems that both designers and comickers have had to solve. In this fun talk, Ross Nover will be reviewing the comics medium and various points of inspiration that designers can learn from their long-lost cousins, the comic artists. refreshbaltimore.org/events/past-events/February-2013.php

TRANSCRIPT

Page 1: How Comics Can Make Us Better Designers

How Comics Can Make Us Better DesignersRefresh BaltimoreTuesday, February 26, 2013

@Rosscott #RefreshBmore

Page 2: How Comics Can Make Us Better Designers
Page 3: How Comics Can Make Us Better Designers
Page 4: How Comics Can Make Us Better Designers

@SuperArtFight

Page 5: How Comics Can Make Us Better Designers
Page 6: How Comics Can Make Us Better Designers

@FriendlyDC

Page 7: How Comics Can Make Us Better Designers
Page 8: How Comics Can Make Us Better Designers

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 9: How Comics Can Make Us Better Designers
Page 10: How Comics Can Make Us Better Designers

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 11: How Comics Can Make Us Better Designers

Why Comics / Design?

Page 12: How Comics Can Make Us Better Designers
Page 13: How Comics Can Make Us Better Designers
Page 14: How Comics Can Make Us Better Designers

Words / VisualsAdobe

“Web Stuff”Creative Promotion

IllustrationsWritingButts

ClientsHelvetica

EditingStorytelling

Composition

Page 15: How Comics Can Make Us Better Designers
Page 16: How Comics Can Make Us Better Designers

Visual CommunicationGraphic DeisgnersComic Makers

Page 17: How Comics Can Make Us Better Designers

Idea

COMICS

LOGO DESIGN

WEB DESIGN

Sketch Ink Color

Idea Sketch B/W Color

Content Wireframes Design Development

Page 18: How Comics Can Make Us Better Designers

Section 1:The Art in Comics

Page 19: How Comics Can Make Us Better Designers

Characters

Page 20: How Comics Can Make Us Better Designers
Page 21: How Comics Can Make Us Better Designers
Page 22: How Comics Can Make Us Better Designers
Page 23: How Comics Can Make Us Better Designers
Page 24: How Comics Can Make Us Better Designers
Page 25: How Comics Can Make Us Better Designers

The Dangers of Specificity

Page 26: How Comics Can Make Us Better Designers
Page 27: How Comics Can Make Us Better Designers
Page 28: How Comics Can Make Us Better Designers

What’s it like when it snows here?

People. Go. Apeshit.

The System www.rosscottinc.com

Page 29: How Comics Can Make Us Better Designers
Page 30: How Comics Can Make Us Better Designers

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

Page 31: How Comics Can Make Us Better Designers

Someone Anyone (Me?)

Page 32: How Comics Can Make Us Better Designers

Someone

A Trash

Mario

Someone’s Trash

Page 33: How Comics Can Make Us Better Designers
Page 34: How Comics Can Make Us Better Designers
Page 35: How Comics Can Make Us Better Designers

http://alistapart.com/article/see-what-i-mean

Page 36: How Comics Can Make Us Better Designers

Section 2:The Art of Panels

Page 37: How Comics Can Make Us Better Designers
Page 38: How Comics Can Make Us Better Designers
Page 39: How Comics Can Make Us Better Designers

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

Closure

Page 40: How Comics Can Make Us Better Designers
Page 41: How Comics Can Make Us Better Designers
Page 42: How Comics Can Make Us Better Designers
Page 43: How Comics Can Make Us Better Designers
Page 44: How Comics Can Make Us Better Designers
Page 45: How Comics Can Make Us Better Designers
Page 46: How Comics Can Make Us Better Designers
Page 47: How Comics Can Make Us Better Designers
Page 48: How Comics Can Make Us Better Designers
Page 49: How Comics Can Make Us Better Designers

Panel Length

Page 50: How Comics Can Make Us Better Designers
Page 51: How Comics Can Make Us Better Designers

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 52: How Comics Can Make Us Better Designers
Page 53: How Comics Can Make Us Better Designers
Page 54: How Comics Can Make Us Better Designers
Page 55: How Comics Can Make Us Better Designers

Panel Choice

Page 56: How Comics Can Make Us Better Designers
Page 57: How Comics Can Make Us Better Designers

Diagram from Helen

Word Choice

Page 58: How Comics Can Make Us Better Designers

What words should go here?

What images should go under it?

Page 59: How Comics Can Make Us Better Designers
Page 60: How Comics Can Make Us Better Designers
Page 61: How Comics Can Make Us Better Designers
Page 62: How Comics Can Make Us Better Designers
Page 63: How Comics Can Make Us Better Designers

Section 3:Storytelling

Page 64: How Comics Can Make Us Better Designers
Page 65: How Comics Can Make Us Better Designers

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

Page 66: How Comics Can Make Us Better Designers

“Less.” —Ross

Page 67: How Comics Can Make Us Better Designers

3eanuts Garfield Minus Garfield

Page 68: How Comics Can Make Us Better Designers

“Fancy” Ketchup. Nope.

The System www.rosscottinc.com

Page 69: How Comics Can Make Us Better Designers
Page 70: How Comics Can Make Us Better Designers
Page 71: How Comics Can Make Us Better Designers

“Less.” —Ross

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

Page 72: How Comics Can Make Us Better Designers

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

Page 73: How Comics Can Make Us Better Designers

Art as Exercise

Page 74: How Comics Can Make Us Better Designers
Page 75: How Comics Can Make Us Better Designers
Page 76: How Comics Can Make Us Better Designers
Page 77: How Comics Can Make Us Better Designers
Page 78: How Comics Can Make Us Better Designers

I needto work harderto be betterat things.

systemcomic.com

Page 79: How Comics Can Make Us Better Designers

DID YOU DO IT?

NO YES

THE JAMIE NOGUCHI SYSTEM TM

FUCKIN’ DO IT!WWW.YPCOMIC.COM

Page 80: How Comics Can Make Us Better Designers

Have a Bag of Tricks

Page 81: How Comics Can Make Us Better Designers
Page 82: How Comics Can Make Us Better Designers

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

Page 83: How Comics Can Make Us Better Designers

Have a Secret Identity

Page 84: How Comics Can Make Us Better Designers
Page 85: How Comics Can Make Us Better Designers
Page 86: How Comics Can Make Us Better Designers
Page 87: How Comics Can Make Us Better Designers
Page 88: How Comics Can Make Us Better Designers
Page 89: How Comics Can Make Us Better Designers
Page 90: How Comics Can Make Us Better Designers
Page 91: How Comics Can Make Us Better Designers

That’s it.

@Rosscott @FriendlyDC @SystemComic@SuperArtFight

www.systemcomic.comwww.friendlydesign.co