The document discusses principles of design such as consistency, visual hierarchy, typography, color, and semiotics. It provides definitions and examples of key concepts in graphic design, user interface design, and user experience design. Guidelines are presented for using consistency, visual hierarchy to improve usability, using 1-2 fonts and not mixing font styles, considering the number of colors and combinations used. The document encourages learning from respected designers, doing tutorials, and improving taste in design over time.

1. CONTENT STRATEGIST’S
GUIDE TO DESIGN
Holistic Thinking for Better Content
#wrk7

2. JOEL G GOODMAN
PRINCIPAL, BRAVERY MEDIA
#wrk7

3. Bravery is a design and web strategy agency based
in Austin, TX. We craft memorable experiences
with colleges, universities, & startups.

5. @JOELGOODMAN
BRAVERYMEDIA.CO | @BRAVERYMEDIA
#wrk7

6. VOCAB
Wait, what did they say?
#wrk7

7. VOCAB
#wrk7
GRAPHIC DESIGN
• UI (User Interface)
• Typography
• Color Palette
UX (USER EXPERIENCE)
• Layout
• Information Architecture
• Interaction

8. CONSISTENCY
#wrk7
Systems are more usable and learnable
when similar parts are expressed in
similar ways.
UNIVERSAL PRINCIPLES OF DESIGN

9. CONSISTENCY
#wrk7
iTunes
Sony Cassette Deck

10. VISUAL HIERARCHY
#wrk7
Hierarchical representation is the simplest
method of increasing knowledge about
the structure of a system.
UNIVERSAL PRINCIPLES OF DESIGN

11. VISUAL HIERARCHY
#wrk7

12. VISUAL HIERARCHY
#wrk7

13. VISUAL HIERARCHY
#wrk7

14. VISUAL HIERARCHY
#wrk7

15. TYPOGRAPHY
#wrk7
Don’t use more than 2 different fonts in
any given design.
RUL E OF THUMB

16. TYPOGRAPHY
#wrk7
Don’t combine the same font-styles.
SECOND RU LE OF THUMB

17. TYPOGRAPHY
#wrk7
Serif Font
Also Serif Font

18. TYPOGRAPHY
#wrk7
Sans-serif Font
Also Sans-serif Font

19. #wrk7
Sans-serif Headline
Fingerstache dolor vinyl messenger bag, you probably haven't heard of them
banjo odio jean shorts proident tempor artisan. Kale chips salvia high life
brooklyn vero pour-over. Food truck accusamus laboris, non +1 mustache
polaroid craft beer elit. Master cleanse id lomo meggings, nihil viral mixtape qui
forage et beard actually consectetur. Pariatur veniam trust fund, keytar
commodo whatever iphone. Pork belly ad artisan literally, whatever wes
anderson in etsy banksy non. Nulla ullamco portland duis.
Pug flannel pickled, whatever master cleanse non keffiyeh. Umami viral truffaut,
brunch banh mi swag dreamcatcher accusamus YOLO banjo irure godard.
Proident pariatur terry richardson actually dolor helvetica. Anim messenger bag
YOLO, retro proident +1 organic neutra tempor odio american apparel vero
occaecat. Vegan bicycle rights seitan brooklyn, synth chillwave veniam wolf
typewriter cillum. Est occaecat semiotics, chambray do reprehenderit quinoa
tonx officia pinterest whatever. Four loko enim organic wolf tempor bushwick.

20. #wrk7
Serif Headline
Fingerstache dolor vinyl messenger bag, you probably haven't heard of them banjo
odio jean shorts proident tempor artisan. Kale chips salvia high life brooklyn vero
pour-over. Food truck accusamus laboris, non +1 mustache polaroid craft beer elit.
Master cleanse id lomo meggings, nihil viral mixtape qui forage et beard actually
consectetur. Pariatur veniam trust fund, keytar commodo whatever iphone. Pork
belly ad artisan literally, whatever wes anderson in etsy banksy non. Nulla ullamco
portland duis.
Pug flannel pickled, whatever master cleanse non keffiyeh. Umami viral truffaut,
brunch banh mi swag dreamcatcher accusamus YOLO banjo irure godard. Proident
pariatur terry richardson actually dolor helvetica. Anim messenger bag YOLO, retro
proident +1 organic neutra tempor odio american apparel vero occaecat. Vegan
bicycle rights seitan brooklyn, synth chillwave veniam wolf typewriter cillum. Est
occaecat semiotics, chambray do reprehenderit quinoa tonx officia pinterest
whatever. Four loko enim organic wolf tempor bushwick.

21. #wrk7
Oh hey, this works
Fingerstache dolor vinyl messenger bag, you probably haven't heard of them
banjo odio jean shorts proident tempor artisan. Kale chips salvia high life
brooklyn vero pour-over. Food truck accusamus laboris, non +1 mustache
polaroid craft beer elit. Master cleanse id lomo meggings, nihil viral mixtape qui
forage et beard actually consectetur. Pariatur veniam trust fund, keytar commodo
whatever iphone. Pork belly ad artisan literally, whatever wes anderson in etsy
banksy non. Nulla ullamco portland duis.
Pug flannel pickled, whatever master cleanse non keffiyeh. Umami viral truffaut,
brunch banh mi swag dreamcatcher accusamus YOLO banjo irure godard.
Proident pariatur terry richardson actually dolor helvetica. Anim messenger bag
YOLO, retro proident +1 organic neutra tempor odio american apparel vero
occaecat. Vegan bicycle rights seitan brooklyn, synth chillwave veniam wolf
typewriter cillum. Est occaecat semiotics, chambray do reprehenderit quinoa
tonx officia pinterest whatever. Four loko enim organic wolf tempor bushwick.

22. COLOR
#wrk7
Color is used in design to attract attention,
group elements, indicate meaning, and
enhance aesthetics.
UNIVERSAL PRINCIPLES OF DESIGN

23. COLOR
#wrk7
THINGS TO WATCH FO R ...
• Number of colors you use
• Color combinations
• Saturation

24. COLOR
#wrk7

25. COLOR
#wrk7

26. COLOR
#wrk7

27. TASTE.
#wrk7

28. TASTE.
1. Follow respected taste-makers
2. Read design blogs, magazines, & books
3. Do lots of design tutorials
4. rinse, repeat
#wrk7

29. #wrk7
RESOURCES

30. SEMIOTICS
SYMBOLS AND SIGNS AND SIGNIFIERS AND MEANING
(I’M A BIG NERD ABOUT THIS STUFF)
#wrk7

31. SEMIOTICS
#wrk7

32. SEMIOTICS
#wrk7

33. SEMIOTICS
#wrk7

34. SEMIOTICS
#wrk7

35. SEMIOTICS
#wrk7

36. SEMIOTICS
#wrk7

37. CONTENT FOR HUMANITY
CREATING FOR EMOTIONAL RESPONSE
#wrk7

38. DESIGNING FOR EMOTION
#wrk7 abookapart.com

39. DESIGNING FOR EMOTION
#wrk7

40. DESIGNING FOR EMOTION
#wrk7

41. THEORYAND PRACTICE
LET’S MAKE SOMETHING GREAT
#wrk7