SlideShare a Scribd company logo
1 of 47
Print and Web Design
David Medzerian
Aug. 3, 2012
Facilitator: David Medzerian
• Senior team leader / visuals group
• Occasional travel writer and photographer
• Multimedia and digital journalism
• Investigative reporting
Print and web design
• Good design is good design
• Topics that apply to all aspects of design:
– Print design
– Web design
– Multimedia design
– Architecture
– Home design
– Fashion design
What makes good design?
• Design is subjective.
• Aesthetics vs. functionality:
If something is well-designed, it is both
aesthetically pleasing and functional.
Aesthetics and functionality
Aesthetics
Functionality
Not functional Functional
Ugly Beautiful
What makes good design?
Good aesthetics + Good functionality =
Good design
Aesthetically good +
Functionally bad =
Bad design
Rules
There should be rules.
Some suggested rules:
• Stick to two font families.
• Use a defined color palette.
• Design on a structural grid.
Why should there be rules?
So you give your audience a cohesive, expected
product.
Train derailment in Spain
Wall Street Journal
July 25, 2013
New pope
Los Angeles Times
March 14, 2013
SBNation.com 2012 SND ‘best’
Papal mass
O Globo
July 29, 2013
Controlled burns
U-T San Diego
July 23, 2013
USAToday.com Aug. 2, 2013
The Guardian and The Observer
iPad app
2012 SND ‘Best’
Why should there be rules?
So you can break them.
There are no rules! Only guidelines …
The Huntsville Times
Aug. 2, 2013
The Huntsville Times
July 9, 2011
The Times of London
July 23, 2013
The Times of London
Aug. 2, 2013
To engage your readers …
• Surprise them!
• But:
– Content is king
– Everything must have a purpose
George Zimmerman
verdict aftermath
New York Daily News
July 15, 2013
NYTimes.com
Aug. 2, 2013
Royal birth
The Courier-Mail
July 23, 2013
Japan quake, tsunami
Stars and Stripes
March 12, 2011
Content is king
Surprise your readers, but …
• Not every surprise is a good surprise.
The Ottawa Herald
July 23, 2013
Kauai pesticide protest
Star Advertiser
Aug. 1, 2013
ChicagoTribune.com July 30, 2013
Redesigns
• Overrated
• Allow you to overlook what really
matters: How you present content on a
daily basis
• Of course, you need a good framework,
so redesign if you need to
Daily Sitka Sentinel
Aug. 2, 2013
Orlando Sentinel
July 23, 2013
Good designers & good design
• There’s a difference between a designer
and a person who knows a design
program.
• Design skills translate across platforms.
• Once you have design skills, you can
learn the computer programs.
Typography
• Type can convey mood and emotion
Inappropriate Use of Type
Typographic Contrast
Why?
• Establishes hierarchy of information
• Pleases reader by breaking up visual monotony;
improves readability
Ways to introduce contrast
• Fonts
• Weights: light, medium, bold, bolder
• Size
• Caps, small caps, “clc” CAT CAT Cat
• Italic
• Color
Typographic Contrast
• Remember, in many uses, all-caps
scream at your audience.
• You probably don’t want to scream at your
audience. (Well, most of the time.)
Typographic Contrast
Typographic Contrast
Typographic Contrast
Typographic Contrast
Typographic Contrast
Summary
• Your design decisions – layout, type, color
– set the personality for your project.
• Content must be king. Design decisions
should be made based on the content, not
just as decoration.
• Rules are good but know when to break
them.
• Use restraint.
Thank you!
dmedzerian@ocregister.com
Prepared by David Medzerian for use in at The Graphics Garage: Orange County, Aug. 3, 2013.
Copyright 2013

More Related Content

Similar to Graphics Garage: Print and Web Design

Design planning and stock images
Design planning and stock imagesDesign planning and stock images
Design planning and stock imagesDanielle Oser, APR
 
Habits of Effective Designers
Habits of Effective DesignersHabits of Effective Designers
Habits of Effective DesignersDUSPviz
 
7 habits of highly effective designers
7 habits of highly effective designers7 habits of highly effective designers
7 habits of highly effective designersgraphicarto
 
How to Get the Most Out of Your Graphic and Website Designers Slides
How to Get the Most Out of Your Graphic and Website Designers SlidesHow to Get the Most Out of Your Graphic and Website Designers Slides
How to Get the Most Out of Your Graphic and Website Designers SlidesLERN_AC_2015
 
Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014DUSPviz
 
Becoming a Web Design Champion
Becoming a Web Design ChampionBecoming a Web Design Champion
Becoming a Web Design ChampionMeagan Fisher
 
Writing a Persuasive Document
Writing a Persuasive DocumentWriting a Persuasive Document
Writing a Persuasive DocumentErin Blasco
 
Habits of Effective Designers - Handout
Habits of Effective Designers - HandoutHabits of Effective Designers - Handout
Habits of Effective Designers - HandoutDUSPviz
 
Gd1 Chapter 3 - Design
Gd1 Chapter 3 - DesignGd1 Chapter 3 - Design
Gd1 Chapter 3 - Designmjb77ny
 
Module1 design process
Module1 design processModule1 design process
Module1 design processStacie Hidek
 
Posters that get noticed: A how to guide by Laura Connaughton
Posters that get noticed: A how to guide by Laura ConnaughtonPosters that get noticed: A how to guide by Laura Connaughton
Posters that get noticed: A how to guide by Laura ConnaughtonL2Lproject
 
Graphic Design Process
Graphic Design ProcessGraphic Design Process
Graphic Design ProcessBaileyWingler1
 
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paperI-Chao Shen
 
Graphic design in VISCOM
Graphic design in VISCOMGraphic design in VISCOM
Graphic design in VISCOMdenadyalan98
 
Collaborative Sketching for UX - NYU 02/19/14
Collaborative Sketching for UX - NYU 02/19/14Collaborative Sketching for UX - NYU 02/19/14
Collaborative Sketching for UX - NYU 02/19/14Robert Stribley
 
UXPA 2022 Build for action not distraction
UXPA 2022 Build for action not distractionUXPA 2022 Build for action not distraction
UXPA 2022 Build for action not distractionUXPA International
 
Taylor & Francis: Author and Researcher Workshop
Taylor & Francis: Author and Researcher WorkshopTaylor & Francis: Author and Researcher Workshop
Taylor & Francis: Author and Researcher WorkshopSIBiUSP
 
SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
SPTechCon 2014 San Francisco Visual Tools and Gamestorming WorkshopSPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
SPTechCon 2014 San Francisco Visual Tools and Gamestorming WorkshopMichelle Caldwell, PSM, SSGB
 

Similar to Graphics Garage: Print and Web Design (20)

Design planning and stock images
Design planning and stock imagesDesign planning and stock images
Design planning and stock images
 
Habits of Effective Designers
Habits of Effective DesignersHabits of Effective Designers
Habits of Effective Designers
 
7 habits of highly effective designers
7 habits of highly effective designers7 habits of highly effective designers
7 habits of highly effective designers
 
How to Get the Most Out of Your Graphic and Website Designers Slides
How to Get the Most Out of Your Graphic and Website Designers SlidesHow to Get the Most Out of Your Graphic and Website Designers Slides
How to Get the Most Out of Your Graphic and Website Designers Slides
 
Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014Seven Habits of Highly Effective Designers - IAP 2014
Seven Habits of Highly Effective Designers - IAP 2014
 
Poster Design
Poster DesignPoster Design
Poster Design
 
Becoming a Web Design Champion
Becoming a Web Design ChampionBecoming a Web Design Champion
Becoming a Web Design Champion
 
Cat tech talk [1]
Cat tech talk [1]Cat tech talk [1]
Cat tech talk [1]
 
Writing a Persuasive Document
Writing a Persuasive DocumentWriting a Persuasive Document
Writing a Persuasive Document
 
Habits of Effective Designers - Handout
Habits of Effective Designers - HandoutHabits of Effective Designers - Handout
Habits of Effective Designers - Handout
 
Gd1 Chapter 3 - Design
Gd1 Chapter 3 - DesignGd1 Chapter 3 - Design
Gd1 Chapter 3 - Design
 
Module1 design process
Module1 design processModule1 design process
Module1 design process
 
Posters that get noticed: A how to guide by Laura Connaughton
Posters that get noticed: A how to guide by Laura ConnaughtonPosters that get noticed: A how to guide by Laura Connaughton
Posters that get noticed: A how to guide by Laura Connaughton
 
Graphic Design Process
Graphic Design ProcessGraphic Design Process
Graphic Design Process
 
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
[SIGGRAPH ASIA 2011 Course]How to write a siggraph paper
 
Graphic design in VISCOM
Graphic design in VISCOMGraphic design in VISCOM
Graphic design in VISCOM
 
Collaborative Sketching for UX - NYU 02/19/14
Collaborative Sketching for UX - NYU 02/19/14Collaborative Sketching for UX - NYU 02/19/14
Collaborative Sketching for UX - NYU 02/19/14
 
UXPA 2022 Build for action not distraction
UXPA 2022 Build for action not distractionUXPA 2022 Build for action not distraction
UXPA 2022 Build for action not distraction
 
Taylor & Francis: Author and Researcher Workshop
Taylor & Francis: Author and Researcher WorkshopTaylor & Francis: Author and Researcher Workshop
Taylor & Francis: Author and Researcher Workshop
 
SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
SPTechCon 2014 San Francisco Visual Tools and Gamestorming WorkshopSPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
SPTechCon 2014 San Francisco Visual Tools and Gamestorming Workshop
 

Recently uploaded

(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`dajasot375
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRdollysharma2066
 

Recently uploaded (20)

(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
 
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
Abu Dhabi Call Girls O58993O4O2 Call Girls in Abu Dhabi`
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCRCall In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
Call In girls Bhikaji Cama Place 🔝 ⇛8377877756 FULL Enjoy Delhi NCR
 

Graphics Garage: Print and Web Design