what is graphic design?product.design.umn.edu/courses/pdes3711/2014/lectures/...usability hick’s...
TRANSCRIPT
![Page 1: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/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/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/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/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/3.jpg)
Semantics
![Page 4: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/4.jpg)
Usabilityhow can we design for
![Page 5: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/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/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/6.jpg)
Usabilityless is more
how can we design for
![Page 7: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/7.jpg)
Usabilitymore is less
how can we design for
![Page 8: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/8.jpg)
Usability
EF PT O ZL 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/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/9.jpg)
Usability
Serif vs. Sans-Serif
Caps
Justification
IS ALL CAPS FASTER TO READ
or is lower case faster to read?
Is Center Justified Faster
to Read
Is Left Justified Fasterto ReadM
with typeface
how can we design for
![Page 10: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/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/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/11.jpg)
505
Aestheticshow can we design for
symmetry
with balance
![Page 12: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/12.jpg)
how can we design forAestheticswith asymmetric balance
![Page 13: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/13.jpg)
how can we design forAestheticswith asymmetric balance
![Page 14: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/14.jpg)
how can we design forAestheticswith asymmetric balance
![Page 15: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/15.jpg)
how can we design forAestheticswith asymmetric balance
![Page 16: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/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/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/17.jpg)
how can we design forAesthetics
with thirds
![Page 18: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/18.jpg)
with consistency in form language
how can we design forAesthetics
![Page 19: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/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/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/20.jpg)
how can we design forAesthetics
with consistency in form language
![Page 21: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/21.jpg)
Product Posterscall outs
different views feature
storytelling
![Page 22: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/22.jpg)
Product Postersexamples
typeface?
![Page 23: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/23.jpg)
what’s the idea?
Product Postersexamples
![Page 24: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/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 on scrap
can use markers and colored paper
![Page 25: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/25.jpg)
505
LogisticsAssignment and Benchmarking to lab
BE ON TIME.
Use your design notebooks to plan
Brainstorm some attributes for the Pugh chart
Team Budget and Purchases
Poster Planning in Lab? Will provide posters.
Idea Presentation Next Wednesday in Class
Each person makes their own poster and presents a different idea
Children’s Museum Friday 2/21, 530-730
![Page 26: What is Graphic Design?product.design.umn.edu/courses/pdes3711/2014/lectures/...Usability hick’s law: the time it takes to make a decision increase as the number of alternatives](https://reader034.vdocuments.mx/reader034/viewer/2022042321/5f0b4e3b7e708231d42fdcb9/html5/thumbnails/26.jpg)
Questions? Comments?