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 graphics
warrenwatson
 
Computer skills
Computer skillsComputer skills
Computer skills
Sana Aziz
 
Designing Communication-new5
Designing Communication-new5Designing Communication-new5
Designing Communication-new5
Erika Cole
 

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
 
Yishay Mor
Yishay MorYishay Mor
Yishay Mor
 
planet-handheldlearning08
planet-handheldlearning08planet-handheldlearning08
planet-handheldlearning08
 

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

infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
suhanimunjal27
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
amitlee9823
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
tbatkhuu1
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 

Último (20)

infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
HiFi Call Girl Service Delhi Phone ☞ 9899900591 ☜ Escorts Service at along wi...
 
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdfB. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Editorial design Magazine design project.pdf
Editorial design Magazine design project.pdfEditorial design Magazine design project.pdf
Editorial design Magazine design project.pdf
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...Top Rated  Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 

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