Designing The Document

17
Designing the Document Format and Graphics

description

 

Transcript of Designing The Document

Page 1: Designing The Document

Designing the Document

Format and Graphics

Page 2: Designing The Document

Graphics

Integral part of the text Augment and balance the text

Page 3: Designing The Document

Challenges of Technical Writing

Documents contain highly complex information

Single document intended for multiple audiences and for different purposes

Must facilitate quick transfer of information

Page 4: Designing The Document

Visual Design

Page design and illustrations Page design

The way words appear on the page As much graphic design as illustrations

Effective page design Guides reader’s eye to what is most important Cues as to the various paths through material

Page 5: Designing The Document

Graphic Illustrations

Transmit information all at once Show relationship of all parts simultaneously

Page 6: Designing The Document

Conventions of Visual Perception

Read from left to right Read from top to bottom Things in foreground more important than those in

background Large objects more important than small ones Thick lines more important than thin ones Areas featuring most activity contain the most

important information Related items grouped together Contrast makes things stand out

Page 7: Designing The Document

Strategies for visual communication

Decide on design compatible with work constraints

Create document design style sheet Gear graphics to level of audience Items should have visual connections if

related Provide visual road maps Make document pleasing Be consistent Take advantage of universal symbols

Page 8: Designing The Document

Document Style Sheet

Page layout grid Formatting

Type fonts, sizes, line spacing, use of bullets and icons

Placement, size and type of graphics Use of color

Page 9: Designing The Document

Create Visual Hierarchies

Most important material in prominent places Clearly designed levels Relationship of parts obvious at a glance “Levels effect” allows people to read more

quickly and process information more easily

Page 10: Designing The Document

Formatting Textual Elements

Choose 10 or 12 point type Serif and san-serif create different effects Be consistent in styles you choose Use boldface or italics to emphasize (use

sparingly) Do not use all caps Use ragged right margins List (use sparingly)

Use numbers when definite sequence, steps or fixed quantity

Bullets highlight information but not the order

Page 11: Designing The Document

Purpose of Graphics

Convey messages Reach intellect as well as emotion Color, design, size can be powerful

What issues or points in text might be enhanced by visual support

Page 12: Designing The Document

Purpose of Graphics

Clarify Simplify Emphasize Summarize Reinforce Attract Show Relationships Save Space (Do not overuse)

Page 13: Designing The Document

Balancing Graphics and Text

Be consistent with tone Graphics and text should complement and

not depend on each other Overuse can cause cartoon-effect Underuse can make text seem dense

Page 14: Designing The Document

Choosing Appropriate Graphics

Figures, tables, charts, graphs Represent data

Photographs Line Drawings

Use to show how something looks or works

Page 15: Designing The Document

Charts and Graphs

Bar chart Gantt chart Pie Chart Flow chart Decision Tree Organizational Chart Tree Diagram Line Graph

Page 16: Designing The Document

Tables

Information table Decision table

Ethics

Page 17: Designing The Document

Placing Graphics in Text

Introduce before it appears in the document Place as close as possible to its discussion in the

text. Present the graphics as professionally as the text Size should make it legible Level of detail consistent with importance of info Use color only to enhance message Use white space around and within graphic to

increase impact and readability Avoid clutter with unnecessary graphics