Chapter 8 Document Design 2 Page Layout 1. Creating Visually Effective Documents informed choices Technical communication is based on informed choices

Chapter 8Chapter 8

Document Design Document Design 22

Page Layout Page Layout

1

Creating Visually Effective Creating Visually Effective DocumentsDocuments

Technical communication is based on informed informed choiceschoices.

Technical Communication Ch 8: Page Layout

Document Design 2

2


A technical communicator makes decisions about aspects of design based on the audienceaudience and purposepurpose.


Document Design 2

3


Readers - view a page as a whole unit- scan the page to get a sense of

layout and structure- determine the page’s “road maproad map”

by looking at title, headings and subheadings


Document Design 2

4

Creating Visually Effective Creating Visually Effective Documents Documents

Visual hierarchyVisual hierarchy- shows main items or most important topics in primary headings- shows secondary items in second level of headings or subheadings


Document Design 2

5


Headings and subheadingsHeadings and subheadings- use same (parallel) grammatical structure- show the structure (outline) of the document


Document Design 2

6


Electronic pagesElectronic pages

- web pages (often cluttered)- computer screens (shaped differently)- electronic text (fuzzier than print)


Document Design 2

7

Formatting a Page Formatting a Page Effectively Effectively

GridsGrids- vertical- horizontal- combined

see Fig. 8.3 on p. 135


Document Design 2

8


White SpaceWhite Space- isolates and emphasizes important elements and areas- keeps related elements together- breaks up regular visual pattern- provides breathing room between blocks of information see Fig. 8.4 on p. 136


Document Design 2

9


Adjust the guttergutter- white space between

columns

Use ample marginsmargins- white space around

edges of a page


Document Design 2

10


Avoid orphansorphans- a paragraph’s opening line left at the bottom of the page

Avoid widowswidows- a paragraph’s closing line left

at the top of the next page


Document Design 2

11


ListsLists- bulleted - numbered (for series or steps)


Document Design 2

12


Tips for ListsTips for Lists

Don’t overuse bullets.Avoid using fancy icons.Use punctuations only when

required.Use parallel grammatical

structure.


Document Design 2

13


HeadingsHeadings

- size headings by level- choose appropriate heading size- make headings visually consistent- make headings grammatically

parallel


Document Design 2

14


Tips for HeadingsTips for Headings

- use no more than 4 levels of heading

- divide the text logically - do not write the first sentence as a

continuation of the heading - do not leave a heading floating at

the bottom of a page


Document Design 2

15

TypographyTypography

FontsFonts- use fonts from only one typeface- be consistent if you mix typefaces- use italics, boldface and all caps

sparingly- avoid going below 12-point type- make headings at least 2 points

larger than the text


Document Design 2

16

Search OptionsSearch Options

• Table of contents• Index• Running heads • Running feet• Electronic searching or

“find” feature


Document Design 2

17

Electronic DocumentsElectronic Documents

• Web pages• Online help• Adobe Acrobat and PDF files• CDs and other media


Document Design 2

18

Style Sheets and ToolsStyle Sheets and Tools

• Organizational style guides• Word-processing and

page layout software• CSS and HTML web pages


Document Design 2

19

Web Style GuideWeb Style Guidehttp://webstyleguide.com/wsg3/http://webstyleguide.com/wsg3/

index.htmlindex.html

Ch 8: Page Layout

Document Design 2

20

Chapter 8Chapter 8

Page LayoutPage LayoutDocument Design 2Document Design 2