SlideShare a Scribd company logo
CONTENT STRATEGIST’S
GUIDE TO DESIGN
Holistic Thinking for Better Content
#wrk7
JOEL G GOODMAN
PRINCIPAL, BRAVERY MEDIA
#wrk7
Bravery is a design and web strategy agency based 

in Austin, TX. We craft memorable experiences
with colleges, universities, & startups.
@JOELGOODMAN
BRAVERYMEDIA.CO | @BRAVERYMEDIA
#wrk7
VOCAB
Wait, what did they say?
#wrk7
VOCAB
#wrk7
GRAPHIC DESIGN
• UI (User Interface)
• Typography
• Color Palette
UX (USER EXPERIENCE)
• Layout
• Information Architecture
• Interaction
CONSISTENCY
#wrk7
Systems are more usable and learnable
when similar parts are expressed in
similar ways.
UNIVERSAL PRINCIPLES OF DESIGN
CONSISTENCY
#wrk7
iTunes
Sony Cassette Deck
VISUAL HIERARCHY
#wrk7
Hierarchical representation is the simplest
method of increasing knowledge about
the structure of a system.
UNIVERSAL PRINCIPLES OF DESIGN
VISUAL HIERARCHY
#wrk7
VISUAL HIERARCHY
#wrk7
VISUAL HIERARCHY
#wrk7
VISUAL HIERARCHY
#wrk7
TYPOGRAPHY
#wrk7
Don’t use more than 2 different fonts in
any given design.
RUL E OF THUMB
TYPOGRAPHY
#wrk7
Don’t combine the same font-styles.
SECOND RU LE OF THUMB
TYPOGRAPHY
#wrk7
Serif Font
Also Serif Font
TYPOGRAPHY
#wrk7
Sans-serif Font
Also Sans-serif Font
#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.
#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.
#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.
COLOR
#wrk7
Color is used in design to attract attention,
group elements, indicate meaning, and
enhance aesthetics.
UNIVERSAL PRINCIPLES OF DESIGN
COLOR
#wrk7
THINGS TO WATCH FO R ...
• Number of colors you use
• Color combinations
• Saturation
COLOR
#wrk7
COLOR
#wrk7
COLOR
#wrk7
TASTE.
#wrk7
TASTE.
1. Follow respected taste-makers
2. Read design blogs, magazines, & books
3. Do lots of design tutorials
4. rinse, repeat
#wrk7
#wrk7
RESOURCES
SEMIOTICS
SYMBOLS AND SIGNS AND SIGNIFIERS AND MEANING
(I’M A BIG NERD ABOUT THIS STUFF)
#wrk7
SEMIOTICS
#wrk7
SEMIOTICS
#wrk7
SEMIOTICS
#wrk7
SEMIOTICS
#wrk7
SEMIOTICS
#wrk7
SEMIOTICS
#wrk7
CONTENT FOR HUMANITY
CREATING FOR EMOTIONAL RESPONSE
#wrk7
DESIGNING FOR EMOTION
#wrk7 abookapart.com
DESIGNING FOR EMOTION
#wrk7
DESIGNING FOR EMOTION
#wrk7
THEORYAND PRACTICE
LET’S MAKE SOMETHING GREAT
#wrk7

More Related Content

Viewers also liked

How To Theme: A Design Workflow for WordPress
How To Theme: A Design Workflow for WordPressHow To Theme: A Design Workflow for WordPress
How To Theme: A Design Workflow for WordPress
Joel G Goodman
 
Copyright and Technology London 2012: Multiplatform Video Security - Susanne ...
Copyright and Technology London 2012: Multiplatform Video Security - Susanne ...Copyright and Technology London 2012: Multiplatform Video Security - Susanne ...
Copyright and Technology London 2012: Multiplatform Video Security - Susanne ...
GiantSteps Media Technology Strategies
 
Power Of Visual Thinking
Power Of Visual ThinkingPower Of Visual Thinking
Power Of Visual Thinking
smehro
 
Building An Effective Creative Team | #econfpsu
Building An Effective Creative Team | #econfpsuBuilding An Effective Creative Team | #econfpsu
Building An Effective Creative Team | #econfpsu
Joel G Goodman
 
SDN / NFV opensource and standards in wireless networks 2015 for cnv
SDN  / NFV opensource and standards in wireless networks 2015 for cnvSDN  / NFV opensource and standards in wireless networks 2015 for cnv
SDN / NFV opensource and standards in wireless networks 2015 for cnv
Patrick Lopez
 
Whitepaper: Over-The-Top (OTT) Services: How Operators can overcome the Fragm...
Whitepaper: Over-The-Top (OTT) Services: How Operators can overcome the Fragm...Whitepaper: Over-The-Top (OTT) Services: How Operators can overcome the Fragm...
Whitepaper: Over-The-Top (OTT) Services: How Operators can overcome the Fragm...
tyntec
 
From Netflix to Future Emotional TV
From Netflix to Future Emotional TV From Netflix to Future Emotional TV
From Netflix to Future Emotional TV
Alar Kolk
 
Nab14 ca how ott is changing the value chain
Nab14 ca how ott is changing the value chainNab14 ca how ott is changing the value chain
Nab14 ca how ott is changing the value chain
Patrick Lopez
 
Netflix.A new power player in the Italian media landscape
Netflix.A new power player in the Italian media landscapeNetflix.A new power player in the Italian media landscape
Netflix.A new power player in the Italian media landscape
Claudio Cammarano
 
Value Chain
Value ChainValue Chain
Value Chain
smehro
 
A Telco Road to OTT TV - Telco 2.0 Executive Brainstorm, 29.4.2010
A Telco Road to OTT TV - Telco 2.0 Executive Brainstorm, 29.4.2010A Telco Road to OTT TV - Telco 2.0 Executive Brainstorm, 29.4.2010
A Telco Road to OTT TV - Telco 2.0 Executive Brainstorm, 29.4.2010
Antonio Pavolini
 
Key OTT (Over-The-Top) Market Trends in 2015
Key OTT (Over-The-Top) Market Trends in 2015Key OTT (Over-The-Top) Market Trends in 2015
Key OTT (Over-The-Top) Market Trends in 2015
michael_ritchie
 
Thinking Visually
Thinking VisuallyThinking Visually
Thinking Visually
David Armano
 
Introduction to Telco-OTT Services
Introduction to Telco-OTT ServicesIntroduction to Telco-OTT Services
Introduction to Telco-OTT Services
Martin Geddes
 
Netflix Case Study
Netflix Case StudyNetflix Case Study
Netflix Case Study
Kikuyu Daniels
 
Netflix: An Analysis
Netflix: An AnalysisNetflix: An Analysis
Netflix: An Analysis
Joel G Goodman
 
Netflix Presentation Final
Netflix Presentation FinalNetflix Presentation Final
Netflix Presentation Final
lakvij
 
Netflix case study
Netflix case studyNetflix case study
Netflix case study
Lisandra Maioli
 
Netflix Business Model & Strategy
Netflix Business Model & StrategyNetflix Business Model & Strategy
Netflix Business Model & Strategy
Evgenii Gvozdev
 
Netflix Case Study
Netflix Case StudyNetflix Case Study
Netflix Case Study
Julien Guitton
 

Viewers also liked (20)

How To Theme: A Design Workflow for WordPress
How To Theme: A Design Workflow for WordPressHow To Theme: A Design Workflow for WordPress
How To Theme: A Design Workflow for WordPress
 
Copyright and Technology London 2012: Multiplatform Video Security - Susanne ...
Copyright and Technology London 2012: Multiplatform Video Security - Susanne ...Copyright and Technology London 2012: Multiplatform Video Security - Susanne ...
Copyright and Technology London 2012: Multiplatform Video Security - Susanne ...
 
Power Of Visual Thinking
Power Of Visual ThinkingPower Of Visual Thinking
Power Of Visual Thinking
 
Building An Effective Creative Team | #econfpsu
Building An Effective Creative Team | #econfpsuBuilding An Effective Creative Team | #econfpsu
Building An Effective Creative Team | #econfpsu
 
SDN / NFV opensource and standards in wireless networks 2015 for cnv
SDN  / NFV opensource and standards in wireless networks 2015 for cnvSDN  / NFV opensource and standards in wireless networks 2015 for cnv
SDN / NFV opensource and standards in wireless networks 2015 for cnv
 
Whitepaper: Over-The-Top (OTT) Services: How Operators can overcome the Fragm...
Whitepaper: Over-The-Top (OTT) Services: How Operators can overcome the Fragm...Whitepaper: Over-The-Top (OTT) Services: How Operators can overcome the Fragm...
Whitepaper: Over-The-Top (OTT) Services: How Operators can overcome the Fragm...
 
From Netflix to Future Emotional TV
From Netflix to Future Emotional TV From Netflix to Future Emotional TV
From Netflix to Future Emotional TV
 
Nab14 ca how ott is changing the value chain
Nab14 ca how ott is changing the value chainNab14 ca how ott is changing the value chain
Nab14 ca how ott is changing the value chain
 
Netflix.A new power player in the Italian media landscape
Netflix.A new power player in the Italian media landscapeNetflix.A new power player in the Italian media landscape
Netflix.A new power player in the Italian media landscape
 
Value Chain
Value ChainValue Chain
Value Chain
 
A Telco Road to OTT TV - Telco 2.0 Executive Brainstorm, 29.4.2010
A Telco Road to OTT TV - Telco 2.0 Executive Brainstorm, 29.4.2010A Telco Road to OTT TV - Telco 2.0 Executive Brainstorm, 29.4.2010
A Telco Road to OTT TV - Telco 2.0 Executive Brainstorm, 29.4.2010
 
Key OTT (Over-The-Top) Market Trends in 2015
Key OTT (Over-The-Top) Market Trends in 2015Key OTT (Over-The-Top) Market Trends in 2015
Key OTT (Over-The-Top) Market Trends in 2015
 
Thinking Visually
Thinking VisuallyThinking Visually
Thinking Visually
 
Introduction to Telco-OTT Services
Introduction to Telco-OTT ServicesIntroduction to Telco-OTT Services
Introduction to Telco-OTT Services
 
Netflix Case Study
Netflix Case StudyNetflix Case Study
Netflix Case Study
 
Netflix: An Analysis
Netflix: An AnalysisNetflix: An Analysis
Netflix: An Analysis
 
Netflix Presentation Final
Netflix Presentation FinalNetflix Presentation Final
Netflix Presentation Final
 
Netflix case study
Netflix case studyNetflix case study
Netflix case study
 
Netflix Business Model & Strategy
Netflix Business Model & StrategyNetflix Business Model & Strategy
Netflix Business Model & Strategy
 
Netflix Case Study
Netflix Case StudyNetflix Case Study
Netflix Case Study
 

Similar to Content Strategist's Guide to Design

Typography Matters
Typography MattersTypography Matters
Typography Matters
Joel G Goodman
 
SXSW Update 2017 (3sixtyfive)
SXSW Update 2017 (3sixtyfive)SXSW Update 2017 (3sixtyfive)
SXSW Update 2017 (3sixtyfive)
John Meulemans
 
Graphic Content Warning: The Pros, Cons, and Alternatives to Screenshots
Graphic Content Warning: The Pros, Cons, and Alternatives to ScreenshotsGraphic Content Warning: The Pros, Cons, and Alternatives to Screenshots
Graphic Content Warning: The Pros, Cons, and Alternatives to Screenshots
Steve Stegelin
 
Being a Digital Do-Gooder (IxDA Berlin Event #53)
Being a Digital Do-Gooder (IxDA Berlin Event #53)Being a Digital Do-Gooder (IxDA Berlin Event #53)
Being a Digital Do-Gooder (IxDA Berlin Event #53)
Clive K. Lavery
 
The Life-Changing Magic of a Good Workshop
The Life-Changing Magic of a Good WorkshopThe Life-Changing Magic of a Good Workshop
The Life-Changing Magic of a Good Workshop
Benjamin Shown
 
work/life: UX stream of consciousness
work/life: UX stream of consciousnesswork/life: UX stream of consciousness
work/life: UX stream of consciousness
jinmedia
 
Big Content, Small Teams: Content Creation For The Real World
Big Content, Small Teams: Content Creation For The Real WorldBig Content, Small Teams: Content Creation For The Real World
Big Content, Small Teams: Content Creation For The Real World
Ian Lurie
 
Make du Jour: Fostering Daily Creativity with Choice and Voice
Make du Jour: Fostering Daily Creativity with Choice and VoiceMake du Jour: Fostering Daily Creativity with Choice and Voice
Make du Jour: Fostering Daily Creativity with Choice and Voice
Amy Burvall
 
Plantilla de powerpoint descargable para presentaciones
Plantilla de powerpoint descargable para presentacionesPlantilla de powerpoint descargable para presentaciones
Plantilla de powerpoint descargable para presentaciones
Luis Miguel Salgado
 
9Slide - Business Infographic Template Slide Powerpoint.pptx
9Slide - Business Infographic Template Slide Powerpoint.pptx9Slide - Business Infographic Template Slide Powerpoint.pptx
9Slide - Business Infographic Template Slide Powerpoint.pptx
PhngMinh981461
 
05. Tech - Color Blue - powerfull presentation
05. Tech - Color Blue - powerfull presentation05. Tech - Color Blue - powerfull presentation
05. Tech - Color Blue - powerfull presentation
BlackSome2
 
02. Tech - Color Green.pptx
02. Tech - Color Green.pptx02. Tech - Color Green.pptx
02. Tech - Color Green.pptx
BlackSome2
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Design
Jeffrey Sharpe
 
What Is A Producer?
What Is A Producer?What Is A Producer?
What Is A Producer?
apt
 
PR Tactics to Help You Build Better Links During a Global Pandemic
PR Tactics to Help You Build Better Links During a Global PandemicPR Tactics to Help You Build Better Links During a Global Pandemic
PR Tactics to Help You Build Better Links During a Global Pandemic
James Brockbank
 
Professional Research Paper Writers. Online assignment writing service.
Professional Research Paper Writers. Online assignment writing service.Professional Research Paper Writers. Online assignment writing service.
Professional Research Paper Writers. Online assignment writing service.
Leanne Hooper
 
96981024.pptx
96981024.pptx96981024.pptx
96981024.pptx
Shree Shree
 
Keep Your Content Weird, Fresh and Relevant - BBCON 2015
Keep Your Content Weird, Fresh and Relevant - BBCON 2015Keep Your Content Weird, Fresh and Relevant - BBCON 2015
Keep Your Content Weird, Fresh and Relevant - BBCON 2015
Benjamin Wong
 
Building Learning Communities: Make du Jour- Fostering Creativity for Persona...
Building Learning Communities: Make du Jour- Fostering Creativity for Persona...Building Learning Communities: Make du Jour- Fostering Creativity for Persona...
Building Learning Communities: Make du Jour- Fostering Creativity for Persona...
Amy Burvall
 
5 Non-Obvious Trends For 2018 | Exclusive Book Preview
5 Non-Obvious Trends For 2018 | Exclusive Book Preview5 Non-Obvious Trends For 2018 | Exclusive Book Preview
5 Non-Obvious Trends For 2018 | Exclusive Book Preview
Rohit Bhargava
 

Similar to Content Strategist's Guide to Design (20)

Typography Matters
Typography MattersTypography Matters
Typography Matters
 
SXSW Update 2017 (3sixtyfive)
SXSW Update 2017 (3sixtyfive)SXSW Update 2017 (3sixtyfive)
SXSW Update 2017 (3sixtyfive)
 
Graphic Content Warning: The Pros, Cons, and Alternatives to Screenshots
Graphic Content Warning: The Pros, Cons, and Alternatives to ScreenshotsGraphic Content Warning: The Pros, Cons, and Alternatives to Screenshots
Graphic Content Warning: The Pros, Cons, and Alternatives to Screenshots
 
Being a Digital Do-Gooder (IxDA Berlin Event #53)
Being a Digital Do-Gooder (IxDA Berlin Event #53)Being a Digital Do-Gooder (IxDA Berlin Event #53)
Being a Digital Do-Gooder (IxDA Berlin Event #53)
 
The Life-Changing Magic of a Good Workshop
The Life-Changing Magic of a Good WorkshopThe Life-Changing Magic of a Good Workshop
The Life-Changing Magic of a Good Workshop
 
work/life: UX stream of consciousness
work/life: UX stream of consciousnesswork/life: UX stream of consciousness
work/life: UX stream of consciousness
 
Big Content, Small Teams: Content Creation For The Real World
Big Content, Small Teams: Content Creation For The Real WorldBig Content, Small Teams: Content Creation For The Real World
Big Content, Small Teams: Content Creation For The Real World
 
Make du Jour: Fostering Daily Creativity with Choice and Voice
Make du Jour: Fostering Daily Creativity with Choice and VoiceMake du Jour: Fostering Daily Creativity with Choice and Voice
Make du Jour: Fostering Daily Creativity with Choice and Voice
 
Plantilla de powerpoint descargable para presentaciones
Plantilla de powerpoint descargable para presentacionesPlantilla de powerpoint descargable para presentaciones
Plantilla de powerpoint descargable para presentaciones
 
9Slide - Business Infographic Template Slide Powerpoint.pptx
9Slide - Business Infographic Template Slide Powerpoint.pptx9Slide - Business Infographic Template Slide Powerpoint.pptx
9Slide - Business Infographic Template Slide Powerpoint.pptx
 
05. Tech - Color Blue - powerfull presentation
05. Tech - Color Blue - powerfull presentation05. Tech - Color Blue - powerfull presentation
05. Tech - Color Blue - powerfull presentation
 
02. Tech - Color Green.pptx
02. Tech - Color Green.pptx02. Tech - Color Green.pptx
02. Tech - Color Green.pptx
 
Human Centered Design
Human Centered DesignHuman Centered Design
Human Centered Design
 
What Is A Producer?
What Is A Producer?What Is A Producer?
What Is A Producer?
 
PR Tactics to Help You Build Better Links During a Global Pandemic
PR Tactics to Help You Build Better Links During a Global PandemicPR Tactics to Help You Build Better Links During a Global Pandemic
PR Tactics to Help You Build Better Links During a Global Pandemic
 
Professional Research Paper Writers. Online assignment writing service.
Professional Research Paper Writers. Online assignment writing service.Professional Research Paper Writers. Online assignment writing service.
Professional Research Paper Writers. Online assignment writing service.
 
96981024.pptx
96981024.pptx96981024.pptx
96981024.pptx
 
Keep Your Content Weird, Fresh and Relevant - BBCON 2015
Keep Your Content Weird, Fresh and Relevant - BBCON 2015Keep Your Content Weird, Fresh and Relevant - BBCON 2015
Keep Your Content Weird, Fresh and Relevant - BBCON 2015
 
Building Learning Communities: Make du Jour- Fostering Creativity for Persona...
Building Learning Communities: Make du Jour- Fostering Creativity for Persona...Building Learning Communities: Make du Jour- Fostering Creativity for Persona...
Building Learning Communities: Make du Jour- Fostering Creativity for Persona...
 
5 Non-Obvious Trends For 2018 | Exclusive Book Preview
5 Non-Obvious Trends For 2018 | Exclusive Book Preview5 Non-Obvious Trends For 2018 | Exclusive Book Preview
5 Non-Obvious Trends For 2018 | Exclusive Book Preview
 

More from Joel G Goodman

Change the Future: Borrowing Ideas, Design, & Strategy From Beyond Academia
Change the Future: Borrowing Ideas, Design, & Strategy From Beyond AcademiaChange the Future: Borrowing Ideas, Design, & Strategy From Beyond Academia
Change the Future: Borrowing Ideas, Design, & Strategy From Beyond Academia
Joel G Goodman
 
Study Abroad: Borrowing Ideas, Design, & Strategy from Beyond the Walls of Ac...
Study Abroad: Borrowing Ideas, Design, & Strategy from Beyond the Walls of Ac...Study Abroad: Borrowing Ideas, Design, & Strategy from Beyond the Walls of Ac...
Study Abroad: Borrowing Ideas, Design, & Strategy from Beyond the Walls of Ac...
Joel G Goodman
 
[psuweb13] We Are What They See: Interpersonal User Experience
[psuweb13] We Are What They See: Interpersonal User Experience[psuweb13] We Are What They See: Interpersonal User Experience
[psuweb13] We Are What They See: Interpersonal User Experience
Joel G Goodman
 
[wcatx] jQuery for WordPress Theme Designers
[wcatx] jQuery for WordPress Theme Designers[wcatx] jQuery for WordPress Theme Designers
[wcatx] jQuery for WordPress Theme Designers
Joel G Goodman
 
All in the Game: Mobilizing your campus transmedia
All in the Game: Mobilizing your campus transmediaAll in the Game: Mobilizing your campus transmedia
All in the Game: Mobilizing your campus transmedia
Joel G Goodman
 
Working With Clients
Working With ClientsWorking With Clients
Working With Clients
Joel G Goodman
 
DM250 Week 2 - CSS
DM250 Week 2 - CSSDM250 Week 2 - CSS
DM250 Week 2 - CSS
Joel G Goodman
 
DM 250 Week 1 - The Internet, XHTML, & CSS
DM 250 Week 1 - The Internet, XHTML, & CSSDM 250 Week 1 - The Internet, XHTML, & CSS
DM 250 Week 1 - The Internet, XHTML, & CSS
Joel G Goodman
 

More from Joel G Goodman (8)

Change the Future: Borrowing Ideas, Design, & Strategy From Beyond Academia
Change the Future: Borrowing Ideas, Design, & Strategy From Beyond AcademiaChange the Future: Borrowing Ideas, Design, & Strategy From Beyond Academia
Change the Future: Borrowing Ideas, Design, & Strategy From Beyond Academia
 
Study Abroad: Borrowing Ideas, Design, & Strategy from Beyond the Walls of Ac...
Study Abroad: Borrowing Ideas, Design, & Strategy from Beyond the Walls of Ac...Study Abroad: Borrowing Ideas, Design, & Strategy from Beyond the Walls of Ac...
Study Abroad: Borrowing Ideas, Design, & Strategy from Beyond the Walls of Ac...
 
[psuweb13] We Are What They See: Interpersonal User Experience
[psuweb13] We Are What They See: Interpersonal User Experience[psuweb13] We Are What They See: Interpersonal User Experience
[psuweb13] We Are What They See: Interpersonal User Experience
 
[wcatx] jQuery for WordPress Theme Designers
[wcatx] jQuery for WordPress Theme Designers[wcatx] jQuery for WordPress Theme Designers
[wcatx] jQuery for WordPress Theme Designers
 
All in the Game: Mobilizing your campus transmedia
All in the Game: Mobilizing your campus transmediaAll in the Game: Mobilizing your campus transmedia
All in the Game: Mobilizing your campus transmedia
 
Working With Clients
Working With ClientsWorking With Clients
Working With Clients
 
DM250 Week 2 - CSS
DM250 Week 2 - CSSDM250 Week 2 - CSS
DM250 Week 2 - CSS
 
DM 250 Week 1 - The Internet, XHTML, & CSS
DM 250 Week 1 - The Internet, XHTML, & CSSDM 250 Week 1 - The Internet, XHTML, & CSS
DM 250 Week 1 - The Internet, XHTML, & CSS
 

Recently uploaded

一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
kecekev
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NishantRathi18
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
qo1as76n
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
TE Studio
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
184804
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
pmgdscunsri
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
PabloMartelLpez
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
Techno Merch
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
lunaemel03
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
Kyungeun Sung
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
Knight Moves
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
jhonguerrerobarturen
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
Carolina de Bartolo
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
Jaime Brown
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
PoojaSaini954651
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
millarj46
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
eloprejohn333
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
Febless Hernane
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
contactproperweb2014
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
Virtual Real Design
 

Recently uploaded (20)

一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
一比一原版(UW毕业证)西雅图华盛顿大学毕业证如何办理
 
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHINHR Engineers Portfolio 2023 2024 NISHANT RATHI
NHR Engineers Portfolio 2023 2024 NISHANT RATHI
 
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
哪里办理美国中央华盛顿大学毕业证双学位证书原版一模一样
 
Connect Conference 2022: Passive House - Economic and Environmental Solution...
Connect Conference 2022: Passive House -  Economic and Environmental Solution...Connect Conference 2022: Passive House -  Economic and Environmental Solution...
Connect Conference 2022: Passive House - Economic and Environmental Solution...
 
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With DesignsGame Concept Presentation for Ukrainian Mythology Based Game With Designs
Game Concept Presentation for Ukrainian Mythology Based Game With Designs
 
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
Maximize Your Content with Beautiful Assets : Content & Asset for Landing Page
 
CocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdfCocaCola_Brand_equity_package_2012__.pdf
CocaCola_Brand_equity_package_2012__.pdf
 
Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.Technoblade The Legacy of a Minecraft Legend.
Technoblade The Legacy of a Minecraft Legend.
 
Divertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8djDivertidamente SLIDE.pptxufururururuhrurid8dj
Divertidamente SLIDE.pptxufururururuhrurid8dj
 
International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4International Upcycling Research Network advisory board meeting 4
International Upcycling Research Network advisory board meeting 4
 
ARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdfARENA - Young adults in the workplace (Knight Moves).pdf
ARENA - Young adults in the workplace (Knight Moves).pdf
 
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economicoZAPATILLAS 2 X 110 ABRIL.pdf compra economico
ZAPATILLAS 2 X 110 ABRIL.pdf compra economico
 
Timeless Principles of Good Design
Timeless Principles of Good DesignTimeless Principles of Good Design
Timeless Principles of Good Design
 
Heuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdfHeuristics Evaluation - How to Guide.pdf
Heuristics Evaluation - How to Guide.pdf
 
PDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in NoidaPDF SubmissionDigital Marketing Institute in Noida
PDF SubmissionDigital Marketing Institute in Noida
 
Virtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburghVirtual Tour Application Powerpoint for museum of edinburgh
Virtual Tour Application Powerpoint for museum of edinburgh
 
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdfSECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
SECURING BUILDING PERMIT CITY OF CALOOCAN.pdf
 
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEEASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANE
 
Impact of Fonts: in Web and Apps Design
Impact of Fonts:  in Web and Apps DesignImpact of Fonts:  in Web and Apps Design
Impact of Fonts: in Web and Apps Design
 
Graphic Design Tools and Software .pptx
Graphic Design Tools and Software   .pptxGraphic Design Tools and Software   .pptx
Graphic Design Tools and Software .pptx
 

Content Strategist's Guide to Design

  • 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.
  • 4.
  • 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
  • 10. VISUAL HIERARCHY #wrk7 Hierarchical representation is the simplest method of increasing knowledge about the structure of a system. UNIVERSAL PRINCIPLES OF DESIGN
  • 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
  • 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
  • 28. TASTE. 1. Follow respected taste-makers 2. Read design blogs, magazines, & books 3. Do lots of design tutorials 4. rinse, repeat #wrk7
  • 30. SEMIOTICS SYMBOLS AND SIGNS AND SIGNIFIERS AND MEANING (I’M A BIG NERD ABOUT THIS STUFF) #wrk7
  • 37. CONTENT FOR HUMANITY CREATING FOR EMOTIONAL RESPONSE #wrk7
  • 38. DESIGNING FOR EMOTION #wrk7 abookapart.com
  • 41. THEORYAND PRACTICE LET’S MAKE SOMETHING GREAT #wrk7