SlideShare uma empresa Scribd logo
1 de 56
Design: A Tool for Making
       Things Clear
  Visuals, Photography


          Warren Watson
      Arizona State University
               2012
Why Design?
•   “Design is a tool to make things clear. It is
    a lubricant for ideas. Poor design is like
    crackling static on the radio.”
                      -- Jan White, author, teacher (1988)


•   “Why design? It’s simple. We’re in a
    vicious fistfight for people’s eyeballs
                      -- David Fowler, art director (1994)
The Role of the Designer

“Role of the designer
is to get the reader to
the first paragraph.”
         -- Edwin Taylor
Poor Design: ‘Crackling static’
Color: More Than Drapery
Wright Stuff
“100 years ago today, near
Kitty Hawk, NC, Wilbur and
Orville Wright changed the
course of history with the
first power-driven, heavier-
than-air machine in which
humans achieved free,
controlled and sustained
flight. One witness, a young
boy, ran into town, yelling,
“They done it, they done it …
Damned if they ain’t flew.”
Practicing Journalism Whole
“Competing for the news will require us to
practice journalism whole. It means that
editors will widen the view of their work, so
that words, illustrations and page design
are thought of us as one, not apart, and
handled whole.”
          --Gene Patterson, former editor and publisher,
                             St. Petersburg Times (1988)
Whole
     Journalism
Heads,
photos,
graphics
working
in
unison
Photos to connote
reality; graphics,
stories, cutlines to
explain information
Using all the Tools

•   Subject overline
•   Photo and caption
•   Headline
•   Explainer headline
•   Editor’s note
•   Nugget or glance
    box
Anatomy of a Good News Page
>   Strong center of        <   Subhead helps
    visual impact               tell the story
>   Dramatic layout         <   Refers tell
    befits the news             what’s inside
>   Strong                  <   And of course:
    secondary art               A great photo!
>   Highlights box
    layers the news
Getting the Reader to the 1st Graph

* Strong
head with
active verb
* Map
showing
epicenter
* Brief facts
about quake
over head
* Infographic
* Subhead
tells more of
story
Anatomy of a Good Feature Page


>   Strong center          <   Appropriate
>   of impact                  white space
>   Clever head            <   Accessory
                               color use
>   Strong
    secondary art          <   Contrast in
>   Good                       sizes of
    proportion of              heads,
    heads to text              photos
1890: Evolving Toward Today
1912-37: Getting Visual
1945: Experimenting with
        Design
The Modern Look
Calling Attention
     to Itself

In the
‘70s and
‘80s,
design
over-
shadowed
content
USAT Pulls
 It Together
Not the first in color,
not the first in
graphics, not the first
to package.
‘McPaper’ parlays
it all for first time.
Today: Design Goes
   International
Risk-Taking in Asbury Park
Some More
 Dumb Stuff
Let’s go retro:
show the
fireworks in black
and white!
Design Factors: Forms of Visuals




                    Photography
Visuals:
 Info-
Graphics
Modest Color
   Use
‘Information Anxiety’

“Good instruction is built on good
description. Words, pictures and numbers
-- use the right means to describe your
ends. Learning is remembering what you’re
interested in.”
  -- Richard Wurman (1990) in book of the same name
Put It in Understandable Terms

•   An acre is 45,568 square feet in area. Easy
    to forget? Yes.

•   An acre is also roughly the size of a football
    field without the end zones

•   This is a cure for information anxiety!
Visuals:
Illustration
Best Practices:
Jackson Hole News
 •   Weekly
 •   Circ: 8,000
 •   Editor: A. Thuermer
 •   Designer: Dorothy
     Jankowsky
Design Pitfalls
•   Beware of
    overdecorating
•   Designer who
    had too much
    time on her
    hands
Simplicity, Simplicity, Simplicity
Design Pitfalls
 3) Type is the
 most important
 design tool; treat
 it with respect at
 all times.

 And never, as I
 once did, screen
 the nameplate
Design Pitfalls
 1) Never do what
 you’re not
 capable of doing

 2) Devote your
 time to the
 important things
Treat Typography with Respect
Pitfalls:
    Fractured
      Type
•   Type’s too
    narrow
•   Optimum
    range: 12-17
    picas
More pitfalls: Type Too Wide
Cropping
Packaging Problems
Misleading association;
no, she wasn’t indicted
Beware of
the Power of
 Photoshop
Design Tips for Non-Designers

•   Communicate expectations often, precisely.
•    Learn to speak the language of the graphics
    and design staff. They are specialists too.
•   Insist on excellence.
•   Don’t judge what you’re not trained to
    judge.
•   Focus on the big stuff!        (more)
More Design Tips

•   Pay attention to packaging issues.
•   Learn about photography. It’s the most
    important design tool. Learn the language
    of excellence.
•   Practice journalism whole. Graphics,
    photos, captions and headlines are
    information forms too.
7 Simple Learnings from SND

•   Keep it simple
•   Let content drive the design
•   Take care with the details
•   Pay attention to the words as well
•   Think like, not for, the reader
•   Treat typography with respect
•   Reflect your community
Reflecting Your Community




•   Maine: A nameplate
    that evokes a city
•   San Diego: A deep
    history of a region
Reflecting Community (more)
Walla Walla: ‘Whassup!!!!’




             “The community
             newspaper with
             absolutely no desire to
             look like USA Today.”
Visuals:
Infographics
 A photo or
 illustration
 combined with
 artwork to tell
 a story,
 explain com-
 plicated matter
 or graph
 trends,
 numbers

Mais conteúdo relacionado

Semelhante a Basic design

Informational graphics
Informational graphicsInformational graphics
Informational graphicswarrenwatson
 
Yr 5 poster design slide show 1
Yr 5 poster design slide show 1Yr 5 poster design slide show 1
Yr 5 poster design slide show 1JulietteWegdam1
 
Yr 5 vcd poster slide show 2
Yr 5 vcd poster slide show 2Yr 5 vcd poster slide show 2
Yr 5 vcd poster slide show 2JulietteWegdam1
 
Yr 5 poster design slide show
Yr 5 poster design slide showYr 5 poster design slide show
Yr 5 poster design slide showJulietteWegdam1
 
induction project
induction project induction project
induction project ssuserc37926
 
Pop art powerpoint
Pop art powerpointPop art powerpoint
Pop art powerpointKaiTodd
 
Inspirations yr5 vis comm poster eco friendly
Inspirations   yr5 vis comm poster eco friendlyInspirations   yr5 vis comm poster eco friendly
Inspirations yr5 vis comm poster eco friendlysueGadler
 
كيفية عمل سيمنار
كيفية عمل سيمناركيفية عمل سيمنار
كيفية عمل سيمنارMohamed Abu Salah
 
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design ProcessReinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design ProcessChristopher Fahey
 
Pen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to DesignPen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to DesignKate Rutter
 
Pop art pp updated 2
Pop art pp updated 2Pop art pp updated 2
Pop art pp updated 2KaiTodd
 
Pop art pp updated
Pop art pp updatedPop art pp updated
Pop art pp updatedKaiTodd
 
Chapter1 design process
Chapter1 design processChapter1 design process
Chapter1 design processTracie King
 
7 habits of highly effective designers
7 habits of highly effective designers7 habits of highly effective designers
7 habits of highly effective designersgraphicarto
 
Activity 2 project based learning
Activity 2 project based learningActivity 2 project based learning
Activity 2 project based learnings smith
 
Computer skills
Computer skillsComputer skills
Computer skillsSana Aziz
 
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...Kate Rutter
 
Designing Communication-new5
Designing Communication-new5Designing Communication-new5
Designing Communication-new5Erika Cole
 
planet-handheldlearning08
planet-handheldlearning08planet-handheldlearning08
planet-handheldlearning08Yishay Mor
 

Semelhante a Basic design (20)

Informational graphics
Informational graphicsInformational graphics
Informational graphics
 
Yr 5 poster design slide show 1
Yr 5 poster design slide show 1Yr 5 poster design slide show 1
Yr 5 poster design slide show 1
 
Yr 5 vcd poster slide show 2
Yr 5 vcd poster slide show 2Yr 5 vcd poster slide show 2
Yr 5 vcd poster slide show 2
 
Yr 5 poster design slide show
Yr 5 poster design slide showYr 5 poster design slide show
Yr 5 poster design slide show
 
induction project
induction project induction project
induction project
 
Pop art powerpoint
Pop art powerpointPop art powerpoint
Pop art powerpoint
 
Inspirations yr5 vis comm poster eco friendly
Inspirations   yr5 vis comm poster eco friendlyInspirations   yr5 vis comm poster eco friendly
Inspirations yr5 vis comm poster eco friendly
 
كيفية عمل سيمنار
كيفية عمل سيمناركيفية عمل سيمنار
كيفية عمل سيمنار
 
Reinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design ProcessReinvent The Wheel: Sketching Your Own Design Process
Reinvent The Wheel: Sketching Your Own Design Process
 
Pen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to DesignPen & Paper Tools for getting from Research to Design
Pen & Paper Tools for getting from Research to Design
 
Pop art pp updated 2
Pop art pp updated 2Pop art pp updated 2
Pop art pp updated 2
 
Pop art pp updated
Pop art pp updatedPop art pp updated
Pop art pp updated
 
Chapter1 design process
Chapter1 design processChapter1 design process
Chapter1 design process
 
7 habits of highly effective designers
7 habits of highly effective designers7 habits of highly effective designers
7 habits of highly effective designers
 
Activity 2 project based learning
Activity 2 project based learningActivity 2 project based learning
Activity 2 project based learning
 
Computer skills
Computer skillsComputer skills
Computer skills
 
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
See->Sort->Sketch : Pen & Paper Tools to get from Research to Design : IA Sum...
 
Designing Communication-new5
Designing Communication-new5Designing Communication-new5
Designing Communication-new5
 
planet-handheldlearning08
planet-handheldlearning08planet-handheldlearning08
planet-handheldlearning08
 
Yishay Mor
Yishay MorYishay Mor
Yishay Mor
 

Mais de warrenwatson

Leadership and communication
Leadership and communicationLeadership and communication
Leadership and communicationwarrenwatson
 
Language of photography
Language of photographyLanguage of photography
Language of photographywarrenwatson
 
Language of photo (spanish)
Language of photo (spanish)Language of photo (spanish)
Language of photo (spanish)warrenwatson
 
Investigative reporting
Investigative reportingInvestigative reporting
Investigative reportingwarrenwatson
 
Ethics and newspapers
Ethics and newspapersEthics and newspapers
Ethics and newspaperswarrenwatson
 
Copy editing, skeptical editing
Copy editing, skeptical editingCopy editing, skeptical editing
Copy editing, skeptical editingwarrenwatson
 
Managing and leading change
Managing and leading changeManaging and leading change
Managing and leading changewarrenwatson
 

Mais de warrenwatson (8)

Photo captions
Photo captionsPhoto captions
Photo captions
 
Leadership and communication
Leadership and communicationLeadership and communication
Leadership and communication
 
Language of photography
Language of photographyLanguage of photography
Language of photography
 
Language of photo (spanish)
Language of photo (spanish)Language of photo (spanish)
Language of photo (spanish)
 
Investigative reporting
Investigative reportingInvestigative reporting
Investigative reporting
 
Ethics and newspapers
Ethics and newspapersEthics and newspapers
Ethics and newspapers
 
Copy editing, skeptical editing
Copy editing, skeptical editingCopy editing, skeptical editing
Copy editing, skeptical editing
 
Managing and leading change
Managing and leading changeManaging and leading change
Managing and leading change
 

Último

昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
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
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一lvtagr7
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
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
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
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
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
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
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)jennyeacort
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubaikojalkojal131
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 

Último (20)

昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
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🔝
 
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
定制(RMIT毕业证书)澳洲墨尔本皇家理工大学毕业证成绩单原版一比一
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
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 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
 
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
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
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
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
Call Us ✡️97111⇛47426⇛Call In girls Vasant Vihar༒(Delhi)
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services DubaiDubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
Dubai Calls Girl Tapes O525547819 Real Tapes Escort Services Dubai
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 

Basic design

  • 1. Design: A Tool for Making Things Clear Visuals, Photography Warren Watson Arizona State University 2012
  • 2. Why Design? • “Design is a tool to make things clear. It is a lubricant for ideas. Poor design is like crackling static on the radio.” -- Jan White, author, teacher (1988) • “Why design? It’s simple. We’re in a vicious fistfight for people’s eyeballs -- David Fowler, art director (1994)
  • 3. The Role of the Designer “Role of the designer is to get the reader to the first paragraph.” -- Edwin Taylor
  • 4.
  • 5.
  • 7.
  • 9.
  • 10. Wright Stuff “100 years ago today, near Kitty Hawk, NC, Wilbur and Orville Wright changed the course of history with the first power-driven, heavier- than-air machine in which humans achieved free, controlled and sustained flight. One witness, a young boy, ran into town, yelling, “They done it, they done it … Damned if they ain’t flew.”
  • 11.
  • 12. Practicing Journalism Whole “Competing for the news will require us to practice journalism whole. It means that editors will widen the view of their work, so that words, illustrations and page design are thought of us as one, not apart, and handled whole.” --Gene Patterson, former editor and publisher, St. Petersburg Times (1988)
  • 13. Whole Journalism Heads, photos, graphics working in unison
  • 14. Photos to connote reality; graphics, stories, cutlines to explain information
  • 15. Using all the Tools • Subject overline • Photo and caption • Headline • Explainer headline • Editor’s note • Nugget or glance box
  • 16. Anatomy of a Good News Page > Strong center of < Subhead helps visual impact tell the story > Dramatic layout < Refers tell befits the news what’s inside > Strong < And of course: secondary art A great photo! > Highlights box layers the news
  • 17. Getting the Reader to the 1st Graph * Strong head with active verb * Map showing epicenter * Brief facts about quake over head * Infographic * Subhead tells more of story
  • 18. Anatomy of a Good Feature Page > Strong center < Appropriate > of impact white space > Clever head < Accessory color use > Strong secondary art < Contrast in > Good sizes of proportion of heads, heads to text photos
  • 23. Calling Attention to Itself In the ‘70s and ‘80s, design over- shadowed content
  • 24. USAT Pulls It Together Not the first in color, not the first in graphics, not the first to package. ‘McPaper’ parlays it all for first time.
  • 25. Today: Design Goes International
  • 27.
  • 28.
  • 29.
  • 30. Some More Dumb Stuff Let’s go retro: show the fireworks in black and white!
  • 31. Design Factors: Forms of Visuals Photography
  • 34. ‘Information Anxiety’ “Good instruction is built on good description. Words, pictures and numbers -- use the right means to describe your ends. Learning is remembering what you’re interested in.” -- Richard Wurman (1990) in book of the same name
  • 35.
  • 36. Put It in Understandable Terms • An acre is 45,568 square feet in area. Easy to forget? Yes. • An acre is also roughly the size of a football field without the end zones • This is a cure for information anxiety!
  • 38. Best Practices: Jackson Hole News • Weekly • Circ: 8,000 • Editor: A. Thuermer • Designer: Dorothy Jankowsky
  • 39. Design Pitfalls • Beware of overdecorating • Designer who had too much time on her hands
  • 41.
  • 42. Design Pitfalls 3) Type is the most important design tool; treat it with respect at all times. And never, as I once did, screen the nameplate
  • 43. Design Pitfalls 1) Never do what you’re not capable of doing 2) Devote your time to the important things
  • 45. Pitfalls: Fractured Type • Type’s too narrow • Optimum range: 12-17 picas
  • 49. Beware of the Power of Photoshop
  • 50. Design Tips for Non-Designers • Communicate expectations often, precisely. • Learn to speak the language of the graphics and design staff. They are specialists too. • Insist on excellence. • Don’t judge what you’re not trained to judge. • Focus on the big stuff! (more)
  • 51. More Design Tips • Pay attention to packaging issues. • Learn about photography. It’s the most important design tool. Learn the language of excellence. • Practice journalism whole. Graphics, photos, captions and headlines are information forms too.
  • 52. 7 Simple Learnings from SND • Keep it simple • Let content drive the design • Take care with the details • Pay attention to the words as well • Think like, not for, the reader • Treat typography with respect • Reflect your community
  • 53. Reflecting Your Community • Maine: A nameplate that evokes a city • San Diego: A deep history of a region
  • 55. Walla Walla: ‘Whassup!!!!’ “The community newspaper with absolutely no desire to look like USA Today.”
  • 56. Visuals: Infographics A photo or illustration combined with artwork to tell a story, explain com- plicated matter or graph trends, numbers