Paula K. Dixon, M.A. Communication

office 103 Swails Center  ::  desk 706.245.2837  ::  pdixon@ec.edu

horizontal rule

PD's Homepage

 

CM130 Intro. to Comm.

CM205 Media Writing

CM211 Desktop Publishing

CM212 Photojournalism

CM214 Graphic Design

CM215 Journalism

CM310 Biz-Pro Speech

CM316 MM Public Comm.

CM317 Pro. Interviewing

CM402 Internship

CM471 Sr. Project

BU360 Biz Comm.

SS400 Sr. Seminar

Syllabi Intro.

NetLearn

 

PowerPoint Tips

PowerPoint Tutorial

Speech Checklist

Speech Grade Sheet

Joseph Slife's Web

Speech Blog

Learning Styles

 

FAQs

About PD

Contact PD

Feedback Survey

 

PD's Text Notes & Key Points

(Harrower, Tim. The Newspaper Designers Handbook with CD-Rom. 5th ed. Boston, MA: McGraw Hill, 2002.)

 

NOTE: These notes and key points are from the 5th edition of the text, not the 6th.

 

i. Introduction

  1. Preface
  2. Some Quick History
    1. The simple beginnings
    2. The 19th century
    3. The early 20th century
    4. The not-too-distant past
  3. Current Trends
    1. Color
    2. Informational graphics
    3. Packaging
    4. Modular layout
    5. Page one design
      1. the traditional
      2. the magazine cover
      3. the information center
    6. Feature pages & sections
      1. lifestyle coverage
      2. entertainment news
      3. food
      4. comics, columnists and crosswords
    7. Sports pages & sections
      1. statistics
      2. calendars and listings
      3. columnists
      4. inside poop and gossip
    8. Opinion pages & editorials
      1. editorials
      2. opinion columns
      3. an editorial cartoon
      4. letters from readers
      5. the masthead
    9. Special pages & sections
      1. special enterprise packages
      2. special reports
      3. special-interest packages
  4. The Newspaper of the Future
    1. Audiotext
    2. Websites
    3. Personalized digital newspapers

I. Fundamentals

  1. What It's Called - Some Important Terms
    1. Bugs
    2. Bastards
    3. Dummies
    4. Reefers
    5. Widow
    6. Gutter
    7. Teasers
  2. Tools of the Trade
    1. Calculator
    2. Pencil
    3. Grease pencil
    4. Knife
    5. Picas, points, & inches
    6. Proportion wheel & pica pole
    7. Writing and editing stories
    8. Producing photos
    9. Pagination
    10. Creating illustrations and graphics
  3. Basic Typography
    1. Type fonts & families
      1. serif type
      2. sans serif type
    2. How to measure type size
    3. Modifying type vertically
      1. point size
      2. leading
    4. Modifying type horizontally
      1. tracking
      2. set width
  4. Four Basic Elements
    1. Headlines
    2. Text
    3. Photos
    4. Cutlines
  5. Headlines
    1. Writing good headlines
      1. keep them conversational
      2. write in present tense, active voice
      3. avoid bad splits
    2. Types of headlines
      1. kickers
      2. slammers
      3. raw wraps
      4. hammers
      5. tripods
      6. sidesaddle heads
    3. How to size headlines on a page
    4. Number of lines in a headline
  6. Text
    1. Shaping text into columns
  7. Photos
    1. The three basic photo shapes
  8. Cutlines
    1. Cutline type styles
      1. below
      2. beside
      3. between
  9. Drawing a Dummy
    1. What every good dummy should show
    2. Step-by-step: how to draw a dummy
  10. A Broadsheet Dummy
  11. A Tabloid Dummy
  12. Troubleshooting
  13. Exercises

II. Story Design

  1. Stories Without Art
    1. Vertical story design options
    2. Horizontal story design options
    3. Two unusual options to ponder
  2. Mug Shots
    1. Vertical story design options
    2. Horizontal story design options
    3. Some extra story design options
  3. Text Shapes
  4. One Horizontal Photo
    1. Size, direction, & content
    2. Vertical story design options
    3. Horizontal story design options
    4. Some extra story design options
  5. One Vertical Photo
    1. Vertical story design options
    2. Horizontal story design options
    3. Other story design options
  6. The Dominant Photo
    1. Choosing a dominant photo
  7. Big Vertical, Small Horizontal
    1. Story design options
      1. stack vertically?
      2. stack horizontally?
      3. stack photos side by side?
  8. Big Horizontal, Small Vertical
    1. Story design options
    2. Another option: raw-wrap headlines
    3. One-column photos: big enough?
  9. Two Verticals
    1. Story design options
    2. What happens when stories collide
  10. Two Horizontals
    1. Story design options
    2. Some odd options- and why they don't work
  11. Adding mug shots
  12. Troubleshooting
  13. Exercises

III. Page Design

  1. Grids
    1. Broadsheet grids
    2. Tabloid grids
  2. Pages Without Art
    1. Butting headlines
    2. Boxing stories
    3. Bastard column measures
    4. Using raw wraps
    5. Optional headline treatments
    6. A better solution: better packaging
  3. Pages With Art
    1. Guidelines
    2. Give each page a dominant image
    3. Balance & scatter your art
    4. Beware of butting headlines
  4. Modular Page Design
  5. Front Page Design
  6. Flow Chart: Section Front Design
  7. Making Stories Fit
    1. If a story turns out too long
    2. If a story turns out too short
    3. Non-standard (bastard) measures
    4. Jumping stories
  8. Inside Pages
    1. Ads: threat or menace?
    2. Guidelines for ad laydown
    3. Guidelines for designing inside pages
  9. Double Trucks
    1. Designing two facing pages
  10. Bad Juxtapositions
    1. The problem: overlapping modules
  11. Rules of Thumb
    1. Layout & design
    2. Text
    3. Headlines
    4. Photos
    5. Cutlines
    6. Jumps
  12. Troubleshooting
  13. Exercises

IV. Photos & Art

  1. Some Photo Guidelines
    1. Every photo should:
      1. have a clean, clear center of interest
      2. look natural
      3. have a cutline
      4. be bordered
      5. be relevant
      6. be at least the size of a dime
  2. Good Photos
  3. Bad Photos
    1. Making the best of bad photos
  4. Cropping Photos
    1. A good crop
    2. A bad crop
  5. Sizing Photos
  6. Halftones & Screens
  7. Scanning Images
    1. Scanning Terminology
    2. Rules of Thumb
  8. Stand-Alone Photos
  9. Photo Spreads
    1. Covering a major event
    2. Exploring a topic or trend
    3. Profiling a personality
    4. Telling a story
    5. Displaying objects/places
  10. Photo Spread Guidelines
    1. Photo guidelines
    2. Headline guidelines
    3. Text guidelines
    4. Cutline guidelines
    5. Other design advice
  11. Studio Shots
  12. Photo Illustrations
    1. Instantly show what the story's about
    2. Should never be mistaken for reality
    3. Work with the headline
    4. Perform with flair
  13. Illustrations
    1. Commentary & caricature
    2. Flavor drawings
    3. Clip art
  14. Feature Art Checklist
    1. Photo solutions
    2. Art solutions/ Photo illustrations
    3. Other graphics solutions
  15. Risky Business
  16. Troubleshooting
  17. Exercises

V. Nuts & Bolts

  1. The Flag
  2. Logos & Sigs
    1. Standing heads and section logos
    2. Column logos
    3. Sigs & bugs
    4. Series logos
  3. Liftout Quotes
    1. Combining quotes & mugs
    2. Guidelines for dummying liftouts
  4. Decks & Summaries
    1. Basic deck guidelines
    2. Summary decks
    3. Summary guidelines
  5. Bylines
  6. Credit Lines
  7. Spacing
    1. Section logos & headers
    2. Headlines
    3. Photos
    4. Text
    5. Boxed stories/graphics
    6. Bylines
  8. Rules & Boxes
  9. Refers, Teasers, Promos
    1. Refers
    2. Teasers & promos
  10. Breaking up Text
    1. Subheads
    2. Initial caps
    3. Dingbats
  11. Jumps
    1. Avoid jumping orphans
    2. Label jumps clearly
    3. Give jumps designed attention
  12. Troubleshooting

VI. Graphics & Sidebars

  1. Writing for Non-Readers
  2. Sidebars & Infographics
  3. Fast Fact
  4. Bio Boxes
  5. Lists
    1. The Harpers's Index
    2. Glossaries & Dictionaries
  6. Checklists
  7. Q&A's
  8. Quizzes
    1. Short answer tests
    2. Multiple choice tests
    3. Self-appraisal tests
    4. Fill-in-the-blank surveys & contests
  9. Surveys & Polls
  10. Quote Collections
  11. Charts & Graphs
    1. Bar charts
    2. Fever or line charts
    3. Pie charts
  12. Tables
  13. Ratings
  14. Timelines
  15. Step-By-Step Guides
  16. Diagrams
    1. Focus tightly
    2. Design logically
    3. Label clearly
    4. Research carefully
  17. Maps
    1. Locator maps
    2. Explanatory maps
    3. Data maps
    4. Guidelines
  18. Graphics Packages
    1. Time
    2. Teamwork
    3. Expertise
    4. A firm commitment of space
  19. Package Planning
  20. Graphics Guidelines
    1. Compiling & editing graphic data
    2. Constructing good graphics
    3. Typography & layout
  21. Troubleshooting

VII. Special Effects

  1. Bending the Rules
  2. The Leno Variations
  3. Wraparounds & Skews
    1. Guidelines for wraps & skews
      1. don't overdo it
      2. anchor the text block
      3. keep text readable
      4. maintain contrast
      5. don't cut out photos
      6. smooth out your skews
      7. choose sides carefully
  4. Photo Cutouts
    1. Respect the photograph
    2. Use cutouts on features
    3. Use images with crisp, dark edges
  5. Mortises & Insets
  6. Screen & Reverses
    1. Guidelines for Using Screens
      1. don't overdo it
      2. don't diminish the readability of text
      3. don't screen text type
      4. position the type thoughtfully
      5. don't print type against distracting backgrounds
  7. Display Headlines
    1. Dummying & building display headlines
  8. Color
  9. Types of Color
    1. Spot color
    2. Process or full color
  10. Adding Color to a Page
    1. Go easy
    2. Don't use color for color's sake
    3. Beware of colorizing false relationships
    4. Be consistent
  11. Color Guidelines
    1. Use appropriate colors
    2. Keep background screens as pastel as possible
    3. Don't overreach your technology
    4. Watch the volume level of your colors
    5. Consult a color chart before you create new colors
  12. Printing full color
  13. Troubleshooting

VIII. Redesigning

  1. Redesigning your Paper
  2. Evaluating your Paper
    1. Headlines & type
    2. Photos
    3. Graphics & artwork
    4. Special page designs
    5. Inside pages
  3. Gathering Examples
  4. Compiling a Shopping List
    1. What elements need a redesign at your paper?
  5. Building Protypes
    1. Allow enough time
    2. Be honest
    3. Use dull material
    4. Don't steal
    5. Stay open to opinions
    6. Present plenty of options
  6. Testing & Promotion
    1. Conducting market research
      1. reader surveys
      2. focus groups
    2. Mounting a promotional campaign
      1. loyal readers
      2. occasional readers
      3. non-readers
  7. Writing a Stylebook
  8. Launching and Following up
    1. All at once or phase it in?
    2. Enforcing and refining new styles
  9. Redesign Gallery
  10. Troubleshooting

IX. Web Design

  1. Transforming News Pages into Web Pages
    1. Informative
    2. Easy to navigate
    3. Fast-moving
    4. Current
  2. Organizing a Web Site
  3. Setting up Your Site
    1. Take a tour of online newspapers
    2. Discuss your goals and ambitions
    3. Plan your site
    4. Evaluate your computer resources
    5. Design your page prototypes
    6. Test, test, test
  4. Web Design Guidelines
    1. Dealing with different download times
    2. Coping with different platforms
    3. Organizing pages
    4. Using effective page grids
    5. Adding color
    6. Sizing and saving graphics
    7. Using type effectively
  5. A Web Site Checklist
    1. Layout and design
    2. User-friendliness
    3. Site management

horizontal rule

These are the areas the class will focus on...pd

Introduction

Key Points
bulletCurrent Trends
bulletNewspaper of the Future

Chapter 1 Fundamentals

Terms Illustrated
bulletteasers
bulletflag
bulletdeck
bulletjump line
bulletcutline
bulletreverse type
bulletheadline
bulletbyline
bulletjump line
bulletliftout quote
bulletsubhead
bulletphoto credit
bullettext/copy
bulletsidebar

Tools
bulletpica pole
bulletproportion wheel
bulletpagination

Typography
bulletserif
bulletsans serif
bulletbaseline
bulletleading
bullettracking/kerning
bulletwidth/scaling

Basic Elements
bulletheadlines...downstyle, flush left, wide, decks optional; types; p25
bullettext/copy...10picas too narrow/20 too wide; 2-10col inches deep
bulletphotos...square (okay), vertical (better), horizontal (best)
bulletcutlines...answer 5 Ws: who, what, where, when, why; different type than text/copy; align along both edges (full width or height of photo)

Dummies
bulletwhat every dummy should show...page components

Troubleshooting
bulletQ1
bulletQ2...10- to 12-point type is most widely used
bulletQ5

Chapter 2 Story Design

Stories w/o Art (70% of all stories do not have art)

bulletall in modular style (rectangle), whether horizontal or vertical or square
bulletreview strong/weak layout options

Mug Shots

bulletdefinition
bulletstrong/weak layout examples

Text Shapes

bulletrectangles

One Horizontal Photo

bulletreview options

One Vertical Photo

bulletreview options

Dominant Photo

bulletonly 5% of stories have multiple photos
bulletlarger=more important

Combos of Horizontal/Vertical

bulletreview options

Troubleshooting

bulletq1...beginners should stick to modular style
bulletq2...faces at least the size of a dime
bulletq3...mags...usu. one story per page; papers...many stories per page
bulletq4...rule...photo, cutline, head; exception...head, photo, cutline
bulletq6...photos face their stories

Chapter 3 Page Design

Grids
bulletbroadsheets, tabloids

Pages w/o Art

bulletstories become less significant as you move down the page
bulletthe higher the story, the bigger the headline
bulletmake each page at least 1/3 art
bulletrule...avoid tombstoning/butting headlines; exception...if heads must butt, make very dissimilar
bulletbox stories (see "measuring column widths inside boxes"); raw wraps
bulletdon't change column widths w/i a story
bulletreview strong/weak layout examples

Pages w/ Art

bulletmost important guidelines (list of six)
bulletdominant image...run biggest

Modular Page Design (rectangles)

Front Page (see "flow chart" page)

Making Stories Fit

bulletJumps...at least 4inches on originating page; at least 6inches on jump page

Inside Pages

Double Trucks (you won't be able to do this with your own newsletter project b/c of printer limitations...you'll only have facing pages)

Juxtapositions

Rules of Thumb (great reference page!)

Troubleshooting (review)

Chapter 4 Photos & Art

Good Photos (review)

Bad Photos (review)

Cropping Photos

bulletgood crops...eliminate what's unnecessary, adds impact, leave air
bulletbad crops...amputates body parts, awkward shape, changes meaning; don't crop artwork

Sizing Photos

bulletkeep proportions (pagemaker: depress shift key while resizing with mouse)

Halftones & Screens (doesn't apply to your newsletter project b/c of printer)

Scanning

bulletreview terms
bulletreview rules of thumb
bulletreview input/output chart

Checklist: finding feature art (review)

Troubleshooting

Chapter 5 Nuts & Bolts

Flag

bulletessentials: name, city/school/organization, date, price, edition

Logos & Sigs

Liftout Quotes

bulletguidelines...in quotes, attribution, bigger/bolder type, 1-2inches deep
bulletreview strong/weak layout examples

Decks & Summaries

bulletreview guidelines

Bylines

Credit Lines

Spacing (review elements)

Breaking Up Text (review tips...great layout tools!)

Jumps (don't forget jump lines on both pages)

Troubleshooting

Chapter 6 Graphics & Sidebars

Sidebars & Infographics (review chart of categories & following pages for examples)

Graphics Guidelines (showing numbers/stats is much better than writing them)

Troubleshooting

Chapter 7 Special Effects

Leno Variations (review examples)

Text Wraps

bulletkeep text readable
bulletchoose sides
bulletdo not jump back and forth

Mortises & Insets

Screens & Reverses

bulletkeep text readable
bulletposition type thoughtfully
bulletdon't place type against distracting backgrounds

Display Headline Guidelines

bulletmatch story's tone
bulletshort, punchy
bulletalign type neatly
bulletgo easy on gimmicks

Adding Color

bulletdon't color everything
bulletdon't use color for color's sake
bulletdon't colorize false relationships
bulletbe consistent

Color Guidelines

bulletappropriate colors
bulletlight background screens
bulletdon't overestimate your printer
bulletvolume level
bulletsee color chart for new colors

Troubleshooting

Chapter 8 Redesigns

Nine Steps

  1. evaluate paper
  2. gather examples
  3. make shopping list
  4. build prototypes
  5. test it
  6. promote it
  7. write a stylebook
  8. launch it
  9. follow through

Redesign Gallery (review examples)

Troubleshooting

Chapter 9 Web Design

Goals

bulletinformative
bulleteasy to navigate
bulletfast-moving
bulletcurrent

Organize

Setting Up

Guidelines

bulletdownload times...simple, no gimmicks, small images, monitor users
bulletdifferent platforms...test, text-only users
bulletorganizing pages...no clutter, easy navigation, page width, scrolling, vertical not horizontal, fixed page elements (nav. bar sidelines, e.g.)
bulletpage grids...no random or redundant, align ads, no overcrowding
bulletcolor...browser-safe colors, consistent/strategic, bad backgrounds
bulletgraphic sizing/saving...compress images (jpeg, gif), fewer/smaller images
bulleteffective typefaces...good text width, little text on homepage, no underlining, links

Checklist

Appendix

bulletAnswers
bulletProportion Wheel
bulletGlossary

# # #