Top Banner
What is Graphic Design? Communication with (2-D) Visual Information for fun... for serious. for products.
35

What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

May 24, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

for fun... for serious. for products.

Page 2: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

505

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

2) how can you present it...

a) for usability?

b) for aesthetics?

Page 3: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

Semantics

Page 4: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

Usabilityhow can we design for

Page 5: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 6: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

Usabilityless is more

how can we design for

Page 7: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

Usabilitymore is less

how can we design for

Page 8: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 9: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 10: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

Usability with focus

how can we design for

unless chaos is the goal

Page 11: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

505

Aestheticshow can we design for

symmetry

with balance

Page 12: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

how can we design forAestheticswith asymmetric balance

Page 13: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

how can we design forAestheticswith asymmetric balance

Page 14: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

how can we design forAestheticswith asymmetric balance

Page 15: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

how can we design forAestheticswith asymmetric balance

Page 16: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

squint

100kg

40kg

40kg

40kg

how can we design forAestheticswith asymmetric balance

Page 17: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

how can we design forAesthetics

with thirds

Page 18: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

with consistency in form language

how can we design forAesthetics

Page 19: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

with consistency in form language

how can we design forAesthetics

Page 20: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

how can we design forAesthetics

with consistency in form language

Page 21: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

Product Posterscall outs

different views feature

storytelling

Page 22: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

Product Postersexamples

typeface?

Page 23: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

what’s the idea?

Product Postersexamples

Page 24: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

focus/flow/simplicity/idea clarity

Page 25: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

text large text within form languagetext contrast

Page 26: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

balance / filled spaced

Page 27: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

clean line work

Page 28: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 29: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 30: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 31: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 32: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

balance, focus, call out, typeface

Product Postersexamples

Page 33: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 34: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

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

Page 35: What is Graphic Design?product.design.umn.edu/.../2018_lecture7_graphic.pdf · Graphic Design Challenge Design a product poster for your team “ice cream toy” from last week keep

Questions? Comments?