Planning Ahead – Comprehensive Notes on Document Design

The Importance of Planning

  • Planning precedes execution in both art and document design.
    • Analogy: A portrait painter makes sketches and resolves subject, composition, palette before the first brushstroke.
    • Likewise, a designer answers key questions before opening software.
  • Good planning does not forbid later creativity; it provides a framework that guides and speeds later adjustments.

Key Preliminary Questions ("Getting to Know Your Document")

  • What type of document is it? (book, brochure, web page, flyer, newsletter, magazine, etc.)
  • Delivery medium: hard-copy vs. electronic.
  • Finished size / dimensions.
  • Subject / purpose (inform, entertain, inspire, sell?).
  • Intended audience.
  • Length (page count, word count, character count).
  • Illustrations: kind & number; presence of tables, graphs, charts, maps.
  • Heading system required.
  • Elements in
    • Preliminary pages (front matter)
    • Back matter.
  • Anticipated special challenges (space limits, odd sizes, mandatory formats).

Document Type & Purpose

  • Every format has reader expectations and functional goals.
    • Newsletter to members: pre-interested audience ⇒ moderate design effort.
    • Unsolicited political flyer: ≈ 5 seconds5\ \text{seconds} to “grab” reader ⇒ high-impact design needed.

Subject Matter

  • Determines layout & reading behavior.
    • Fiction novel: voluntary, linear reading ⇒ prioritize legibility; minimal graphics; text fills page (ex: Dickens’ Great Expectations excerpt).
    • Formal charity-dinner invitation vs. casual graduation-party invite: different tone & graphics.

Intended Audience

  • Drives complexity, type size, white space, illustration style.
    • Children’s material (Fig 3A): large fonts, generous white space, supportive illustrations.
    • Technical manual (Fig 3B): smaller type, dense text, complex figures.
    • Web page (Fig 3C): hybrid—can show technical info in accessible chunks with interactive graphics.

Formality & Mood of Design

  • Typeface and layout convey tone.
    • Businesslike instruction booklet (Fig 4): sober serif/sans-serif, tight grid.
    • Informal, upbeat advertisement/invitation (Fig 5): display faces, playful spacing.
    • “Middle ground” example: this study unit—friendly but professional headings paired with readable body font.

Document Size (Dimensions)

  • Common reasons for size choices: printing economy, distinction, ergonomic fit (textbooks vs. picture books).
  • Designer must plan for space before layout.
    • Example: one-page limit may require a narrow typeface variant.
    • Helvetica vs. Helvetica Narrow can gain ≈ 15%15\% more characters per line.
  • Long pieces: decide how to distribute/pace text; short pieces: ensure enough content to fill space elegantly.

Estimating Document Length ("Casting-Off")

Measurement Units
  • Point: 1 point=0.0138inch=172inch1\ \text{point}=0.0138\,\text{inch}=\tfrac{1}{72}\,\text{inch}.
  • Pica: 1 pica=12 points1\ \text{pica}=12\ \text{points}.
Character Count Method
  1. Find average characters (including spaces & punctuation) per line in manuscript.
  2. Multiply by total lines.
    • Example: 50 chars/line × 25 lines ⇒ 1,2501{,}250 characters.
  3. Add 5!!10%5!\text{–}!10\% safety margin.
    • e.g., 30,000+1,500 to 3,00030{,}000+1{,}500\text{ to }3{,}000 characters.
Word Count Method
  1. Use word-processor’s total words.
  2. Divide by avg. words/line achievable in page-layout program.
    • Example: 1,200/12=1001{,}200\,/\,12=100 lines.
  3. Less precise (ignores spaces & punctuation).
Typestyle Impact Example
  • Line "When they try their best, all good people do fine."
    • 12-pt Helvetica Regular: 22 picas22\ \text{picas} total; 2.2 picas/word2.2\ \text{picas/word}.
    • 12-pt Helvetica Bold: 23 picas23\ \text{picas} total; 2.3 picas/word2.3\ \text{picas/word}.
Additional Page-Count Factors
  • Sections that force new page starts: TOC, chapters, appendix, index, bibliography.
  • White space from these breaks prevents a “gray wall” of text and improves usability.

Illustrations & Non-Text Elements

  • Determine number, type, and size before layout.
    • Late addition of 10 photos to a 32-page template can force redesign.
  • Line art vs. photographs handled differently (resolution, wrap, color mode).

Tables, Graphs, Charts & Maps (Fig 7)

  • Common in textbooks, reports, manuals.
  • Must know presence & dimensions to:
    • Choose appropriate font size & grid.
    • Produce reliable length estimate.

Heading Systems (Fig 8)

  • Typical hierarchy ≤ 3 levels:
    • Major head (TITLE CASE, largest, bold).
    • Minor head (Upper/lowercase, bold, smaller).
    • Subheads (run-in or stand-alone).
  • Running heads/footers: appear on every page; may include page number (folio) or section labels.
    • Telephone directory example: first & last names on each page’s running head.

Preliminary Pages (Front Matter)

  • Title page
  • Copyright / imprint page
  • Preface or introduction
  • Table of contents
  • Optional extras: half-title, dedication.
  • In web design, the home page often combines index & intro.
  • Pagination convention: recto (right, odd) vs. verso (left, even).

Back Matter

  • Appendix
  • Glossary
  • Index
  • Bibliography
  • Colophon (Fig 9): production specs—typefaces, paper, equipment, printer, binder.

Special Challenge: Copy-Fitting

  • Goal: make text fit around images & within margins.
  • Three main remedies (Fig 10):
    1. Adjust type: kerning, tracking, word spacing, font size.
    2. Resize graphics: shrink/enlarge illustrations, tables, charts.
    3. Edit text: cut or rewrite—only with author’s approval.

Other Common Challenges

  • Fixed page-count limits ⇒ creative use of space.
  • Unusual page sizes (e.g., oversized space-shuttle poster, Fig 11) require eye-path planning.
  • Elements with mandatory formats (bibliographies, Figure 12) must follow established style guides—designer cannot alter.

Ethical & Practical Implications

  • Designer must respect authorial intent (no unauthorized edits).
  • Accurate length estimates avoid cost overruns & production delays.
  • Proper hierarchy & readability directly influence whether information is used or discarded (e.g., 5-second rule for unsolicited mail).

Real-World Connections & Cumulative Skills

  • Combines typography, audience analysis, printing economics, and user-experience design.
  • Online publishing borrows print conventions (titles, TOC) but demands faster navigation and responsive layouts.

Key Formulas & Numbers Recap

  • 1 point=0.0138inch=172inch1\ \text{point}=0.0138\,\text{inch}=\tfrac{1}{72}\,\text{inch}
  • 1 pica=12 points1\ \text{pica}=12\ \text{points}
  • Character-count safety margin: add (510)%\text{add }(5\text{–}10)\%
  • Helvetica Narrow can increase characters/line by 15%\approx15\%
  • Reader attention window for unsolicited mail ≈ 5 seconds5\ \text{seconds}