Transcript
Page 1: What you see is what you get: Getting better visuals through design reviews

What you see is what you getGetting better visuals through design reviews

Matt [email protected]

Page 2: What you see is what you get: Getting better visuals through design reviews

Where are we going?

“Hamster Wheel” symbol by Olivier Guin, from thenounproject.com collection

Page 3: What you see is what you get: Getting better visuals through design reviews

Who the heck are you and why are you here?

Page 4: What you see is what you get: Getting better visuals through design reviews

Who am I &why am I here?

Instructional designerHusband/DadLove board gamesVideo makerMarketer

Page 5: What you see is what you get: Getting better visuals through design reviews
Page 6: What you see is what you get: Getting better visuals through design reviews
Page 7: What you see is what you get: Getting better visuals through design reviews

Why Visuals Matter?

Page 8: What you see is what you get: Getting better visuals through design reviews
Page 9: What you see is what you get: Getting better visuals through design reviews

Point out Details

Page 10: What you see is what you get: Getting better visuals through design reviews

Ask Questions

Page 11: What you see is what you get: Getting better visuals through design reviews

Give Reasons

Page 12: What you see is what you get: Getting better visuals through design reviews

Be Clear

Page 13: What you see is what you get: Getting better visuals through design reviews

2 People review

Page 14: What you see is what you get: Getting better visuals through design reviews

Not About them (Or You)

Page 15: What you see is what you get: Getting better visuals through design reviews

Help them Ship

Page 16: What you see is what you get: Getting better visuals through design reviews

Point out Details

Ask Questions

Give Reasons

Be Clear

2 People review

Not About them (Or You)

Help them Ship

Page 17: What you see is what you get: Getting better visuals through design reviews

Activity One

Page 18: What you see is what you get: Getting better visuals through design reviews

Con

trast

Alig

nm

en

t

Proximity

epetition Repetition epetition

Page 19: What you see is what you get: Getting better visuals through design reviews

Size

Elimination

Page 20: What you see is what you get: Getting better visuals through design reviews
Page 21: What you see is what you get: Getting better visuals through design reviews

Activity Two

Page 22: What you see is what you get: Getting better visuals through design reviews

Con

trast

Alig

nm

en

t

Proximity

epetition Repetition epetition

Size

Elimination

Page 23: What you see is what you get: Getting better visuals through design reviews

Resources! • Clean Up Your Mess: A Guide to Visual Design for Everyone

http://www.visualmess.com/index.htm l

• The Noun Project collects, organizes and adds to the highly recognizable symbols that form the world's visual language, so we may share them in a fun and meaningful way. http://thenounproject.com

• Practical Guidelines for Visual Design http://www.educ.kent.edu/community/vlo/guidlines/index.html (It’s not the prettiest site, but concepts are good)

• Learning to design PowerPoints like a badass http://www.slideshare.net/ginabainesholder/learning-to-design-powerpoints-like-a-badass

• Design Criticism and the Creative Process http://www.alistapart.com/articles/design-criticism-creative-process/

• Fonts http://www.dafont.com/

• Blah, Blah, Blah & Back of the Napkin http://www.danroam.com/

Page 24: What you see is what you get: Getting better visuals through design reviews

From the Noun Project:

• “Cursor” P.J. Onori,• “Question” Henry Ryder • “Person” Antonis Makriyannis • “Brain” Arjun Adamson • “Alert” Dima Yagnyuk• “Box” Martin Karachorov • “Bomb” 42• “Ruler” Zbigniew Flakus• “Robot” Kenneth Appiah • “Sasquatch” Mike Wirth


Recommended