What is Graphic Design?Communication with (2-D) Visual Information

for fun... for serious. for products.

505

Graphic Design1) what are you trying to communicate? (semantics)

2) how can you present it...

a) for usability?

b) for aesthetics?

Semantics

Usabilityhow can we design for

Usability

hick’s law: the time it takes to make a decision increase as the number of alternatives increases

poor mapping

how can we design for

Usabilityless is more

how can we design for

Usabilitymore is less

how can we design for

Usability

E F P T O Z L P E D

P E C F D

C Z J T R G

M O N Q L G

1

2

34567white

with typeface

how can we design for

UsabilitySerif vs. Sans-Serif

Caps

Justification

IS ALL CAPS FASTER TO READor is lower case faster to read?or is leowr csae fsatre to raed?

Is Center Justified

Fasterto

Read

Is Left Justified Fasterto Read

Mwith typeface

how can we design for

Usability with focus

how can we design for

unless chaos is the goal

505

Aestheticshow can we design for

symmetry

with balance

how can we design forAestheticswith asymmetric balance

how can we design forAestheticswith asymmetric balance

how can we design forAestheticswith asymmetric balance

how can we design forAestheticswith asymmetric balance

squint

100kg

40kg

40kg

40kg

how can we design forAestheticswith asymmetric balance

how can we design forAesthetics

with thirds

with consistency in form language

how can we design forAesthetics

Rounded, Exaggeration, Fillets, Solids, Discrete Segments, Off Balance, Flowing, Wavy, Clean

with consistency in form language

how can we design forAesthetics

how can we design forAesthetics

with consistency in form language

Product Posterscall outs

different views feature

storytelling

Product Postersexamples

typeface?

what’s the idea?

Product Postersexamples

focus/flow/simplicity/idea clarity

text large text within form languagetext contrast

balance / filled spaced

clean line work

How far can you launch it?

attach a

and find out!

How hard can you throw it?

Force Tracker

Paper Airplane

Maximize PerformanceMesaure Lift/DragInherent Stability

focus/flow/simplicity/idea clarity

text large text within form languagetext contrast

How far can you launch it?

attach a

and find out!

How hard can you throw it?

Force Tracker

Paper Airplane

Maximize PerformanceMesaure Lift/DragInherent Stability

balance / filled spaced

How far can you launch it?

attach a

and find out!

How hard can you throw it?

Force Tracker

Paper Airplane

Maximize PerformanceMesaure Lift/DragInherent Stability

clean line work

How far can you launch it?

attach a

and find out!

How hard can you throw it?

Force Tracker

Paper Airplane

Maximize PerformanceMesaure Lift/DragInherent Stability

balance, focus, call out, typeface

Product Postersexamples

505

Graphic Design ChallengeDesign a product poster for your team “ice cream toy” from last week

keep in mind: the message contrast, typeface balance, focus, consistency

plan first in notebook

can use markers and colored paper

team color and names on back

in half teams… two versions of the same idea

505

LogisticsWednesday - presentation info /financial rep / bring in 2 laptops

Thursday Lab - Bring research & 6 new ideas total

BE ON TIME.

Use your design notebooks

NEXT WEEK

Monday at Noon: high-res digital poster submission

Monday is practice pitch / shop training (all teams come prepared to do either)

Wednesday is practice pitch / shop training

Wednesday before class is Play Test 3-430 at Marcy Open School

Thursday is the Idea Presentation in Lab

Each person makes their own poster and presents that idea

POLL - Saturday 1pm - Illustrator/Photoshop Help/Crit Hours

Questions? Comments?