what is graphic design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · use...
TRANSCRIPT
![Page 1: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/1.jpg)
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/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/2.jpg)
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/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/3.jpg)
Semantics
![Page 4: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/4.jpg)
Usabilityhow can we design for
![Page 5: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/5.jpg)
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/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/6.jpg)
Usabilityless is more
how can we design for
![Page 7: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/7.jpg)
Usabilitymore is less
how can we design for
![Page 8: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/8.jpg)
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/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/9.jpg)
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/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/10.jpg)
Usability with focus
how can we design for
unless chaos is the goal
![Page 11: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/11.jpg)
505
Aestheticshow can we design for
symmetry
with balance
![Page 12: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/12.jpg)
how can we design forAestheticswith asymmetric balance
![Page 13: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/13.jpg)
how can we design forAestheticswith asymmetric balance
![Page 14: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/14.jpg)
how can we design forAestheticswith asymmetric balance
![Page 15: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/15.jpg)
how can we design forAestheticswith asymmetric balance
![Page 16: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/16.jpg)
squint
100kg
40kg
40kg
40kg
how can we design forAestheticswith asymmetric balance
![Page 17: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/17.jpg)
how can we design forAesthetics
with thirds
![Page 18: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/18.jpg)
with consistency in form language
how can we design forAesthetics
![Page 19: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/19.jpg)
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/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/20.jpg)
how can we design forAesthetics
with consistency in form language
![Page 21: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/21.jpg)
Product Posterscall outs
different views feature
storytelling
![Page 22: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/22.jpg)
Product Postersexamples
typeface?
![Page 23: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/23.jpg)
what’s the idea?
Product Postersexamples
![Page 24: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/24.jpg)
505
Graphic Design ChallengeDesign a product poster for “Static Shock”
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 pairs
![Page 25: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/25.jpg)
505
LogisticsWednesday - presentation info /financial rep / bring in laptops
Thursday Lab - Bring research & 6 new ideas
BE ON TIME.
Use your design notebooks
NEXT WEEK
Monday at Noon: high-res digital poster submission
Monday is play test / shop training (all teams come prepared to do either)
Wednesday is play test / shop training
Thursday is the Idea Presentation in Lab
Each person makes their own poster and presents that idea
POLL - Saturday - Illustrator/Photoshop Help/Crit Hours
![Page 26: What is Graphic Design?product.design.umn.edu/.../2017/lectures/2016_lecture5_graphic.pdf · Use your design notebooks NEXT WEEK Monday at Noon: high-res digital poster submission](https://reader034.vdocument.in/reader034/viewer/2022042301/5ecc0180a125911d213f3be8/html5/thumbnails/26.jpg)
Questions? Comments?