PAGE DESIGN. I. Guidelines of Page Design 3 I. GUIDELINES DEFINITION: o Refers to the creation of clear, readable, and visually interesting documents.

Slides:



Advertisements
Similar presentations
Typography Typography exists to honor content. — Robert Bringhurst,
Advertisements

YEARBOOK Layout and Design.
1 Professional Communications Working with Type Copyright © Texas Education Agency, All rights reserved. Images and other multimedia content used.
Page Design Also called Visual Design; refers to structure and appearance of information on the page Elements: Legible type, Generous margins, Textual.
Conventions of Technical Documents Scott Hale ENGL 3153 Technical Writing.
Tutorial 2: Formatting Text. Objectives Session 2.1 – Learn the functions of the Common toolbar – Change the size of text – Discern which fonts to use.
Principles of Typography
Page Design. Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
Lesson 2 — Working with Text
Document Design Customized & Workplace Training AAI/Portland Community College Facilitated by George Knox.
Chapter 2. STRUCTURE n The arrangement of information (organization) and the techniques used to highlight information (page design)
How to Create a Professional Magazine Layout Handout-16.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Technical Communication Document Design 1 Guidelines for Document Design Part 1 Paper Documents.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Chapter 8 Document Design 2 Page Layout
Unit 4 – Multimedia Element: Text
DTP Notes.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Desktop Publishing Your Guide to Concepts and Terminology.
Chapter 12 Designing the Document. 1. To make a good impression on readers Documents should reflect your own professional standards and those of your.
Designing Effective Documents
Microsoft Word Building Block - Frequently used text saved in a gallery, from which it can be inserted quickly into a document. Clipboard - A storage.
Page Design Overall design issues u Know audience expectations u Know client expectations u Maintain a consistent look and feel u Consider how each page.
N airn A cademy. Desk Top Publishing The DTP example shown to the right is taken from the 2002 Higher Graphic Communication Paper, Question 6 and will.
Copyright © 2003 by Prentice Hall Word Processing and Publishing Basic concepts about word processing Basic concepts about word processing Desktop publication.
The Internet Writer’s Handbook 2/e Web Page Design Writing for the Web.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
PREPARING REPORTS CoB Center for Professional Communication.
McGraw-Hill/Irwin © 2009 The McGraw-Hill Companies, All Rights Reserved Copyright © 2010 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill/Irwin.
Creating visually attractive and appealing publications.
Formatting Documents Lesson 2 Microsoft Word. Apply Paragraph and Character styles Formatting has to do with the appearance of a document. In Word entire.
Document Design ENG 371 Lukowski. Things to Consider Think about your audience and their expectations – How will they read and use your document? – What.
Page Design and Elements
Design Strategies for Effective Presentations PowerPoint Poisoning Have you experienced it? Have you experienced it? How can you avoid it? How can.
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 15 Designing Pages and Documents Technical Communication, 9/e John M. Lannon.
FORMAL REPORTS. 2 DEFINITION and EXAMPLES 3 I. DEFINITION Formal Reports  For complex projects  For readers of different technical levels  For an.
3.02 Understand business publications
Design Principles 3.02 Design Principles revised 9/24/09.
Designing Reader- Focused Documents C H A P T E R 10.
Page Design and Elements TECO 63 M. Reber Page Design Helps readers understand information Indicates hierarchy of ideas and concepts Helps readers.
Creating Basic Elements of a Newsletter Chapter 10.
Copyright © 2003 by Prentice Hall Computers: Tools for an Information Age Chapter 11 Word Processing and Desktop Publishing: Printing It.
Posters, Magazines, Websites
Stylistic Options in Business Writing Compiled by PAPIA BAWA.
Design Principles 3.02 Understand business publications Slide 1.
Brochures.  Brochures are small, usually folded, documents used to inform, educate, or persuade the reader.  They are commonly used to promote organizations,
SPRING, 2010 Types of Formatting and Copy vs. Move.
Key Terms and Issues in Document Design Dr. Brian Gastle Western Carolina University.
Business Technology Applications Mrs. Jefcoat Page 307.
Report Design Designing the Body of the Report. White Space Margins Provide enough white space around the edges for holding the page, binding the page,
Design Principles 3.02 Understand business publications.
Typography A Key Element in Design A. Definition of Typography Typography is the appearance and arrangement of the characters that make up text on a page.
Instruction Set ENGL 202C. CONTENTS Depending on the nature of your task, you may wish to include some or all of the following contents. Introduction.
TGJ3M1 COMMUNICATIONS TECHNOLOGY DESIGN AND LAYOUT PRACTICES - USING PHOTOSHOP ELEMENTS LESSON: ALIGNMENT.
Desktop Publishing Lesson 2 — Working with Text. Lesson 2 – Working with Text2 Objectives  Create a blank document.  Work with text boxes.  Work with.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
Copyright © 2011 Pearson Education, Inc. publishing as Prentice HallChapter Completing Business Messages.
1 Desktop Publishing 2 White Space as a design tool n surrounding pages n between columns n within and around headlines n between lines and paragraphs.
Page Design and Elements
Microsoft Word - Formatting Pages
Chapter 9 Layout and Design
Technical Communication Fundamentals Chapter 3: Visual Design
Principles of Typography
Designing Pages and Documents
TECHNICAL REPORTS WRITING
Presentation transcript:

PAGE DESIGN

I. Guidelines of Page Design

3 I. GUIDELINES DEFINITION: o Refers to the creation of clear, readable, and visually interesting documents o Through judicious use of white space, headings, lists, emphasis, and other design elements o “Visual Imaging”

4 I. GUIDELINES PURPOSE: (to combat “reader indifference”) A. ORGANIZATION: o gives information when readers want it o gives information where readers want it B.PAGE DESIGN: o gets readers’ interest o keeps readers’ interest

5 I. GUIDELINES IMPLEMENTATION: (Style Sheets) o allow employees to produce documents in uniform, consistent formats o used for letters, memos, various reports, proposals o save time o reinforce the firm’s corporate image o allow teams to work independently while still adhering to format guidelines o allow readers to see a clear relationship among ideas

6 I. GUIDELINES IMPLEMENTATION: (Style Sheets) o cover elements of page design: 1) Paper 2) White Space 3) Headings 4) Lists 5) In-Text Emphasis 6) Fonts 7) Color

PAGE DESIGN II. Elements of Page Design

8 II. ELEMENTS (1) PAPER: o Weight o Finish o Design o Thickness o Opacity

9 II. ELEMENTS (1) PAPER: o What is right for your document? o What are the needs of your printer? o Short documents = 1-sided o Long documents = 2-sided paper = thick enough? paper = opaque enough?

10 II. ELEMENTS (2) WHITE SPACE: o The open places on the document with no text, with no graphics. o Connected to important information. o Attracts readers’ attention. o Guides the eyes to important information. o Helps readers organize information.

11 II. ELEMENTS (2) WHITE SPACE: o A. MARGINS: 1-1½” bounded margin = larger than outside margin to account for the binding

12 II. ELEMENTS (2) WHITE SPACE: o B. COLUMNS: long lines = boring strains on the eyes columns = break up text reduce line length create “white space” between columns

13 II. ELEMENTS (2) WHITE SPACE: o C. HANGING INDENTS: headers & sub-headers headers = on left margin text = indented an extra inch force readers’ eyes & attention to the text block

14 II. ELEMENTS (2) WHITE SPACE: o D. LINE SPACING: Short documents = single-spaced letters, memos, short reports read in 1 sitting Long documents = double-spaced formal documents executive summaries, long reports

15 II. ELEMENTS (2) WHITE SPACE: o E. JUSTIFICATION: Ragged Edge = aka, “left justification” adds variation to the page is less predictable for the eye Justified Edge = aka, “block style” creates a professional look is used for formal documents

16 II. ELEMENTS (2) WHITE SPACE: o F. PARAGRAPH LENGTH: 6-10 lines vary lengths o G. PARAGRAPH INDENTING: indent 1st line of each paragraph creates white space

17 II. ELEMENTS (2) WHITE SPACE: o H. IN-TEXT GRAPHICS: place near the TOP of the page place with ample white space between image and the text allow for appropriate margins if graphic does not fit: shrink it give it its own page create page balance, with multicolumn or 2-page spreads draw rough sketches of the document’s layout

18 II. ELEMENTS (2) WHITE SPACE: o I. PAGINATION: top, right “thumb reading” bottom, centered longer documents: section numbers 2-1 = section 2, page 1 saves time & money when editing

19 II. ELEMENTS (2) WHITE SPACE: o J. HEADING SPACE and RULING: place an extra space above headers visually connects the header with what follows perhaps draw horizontal lines after each section

20 II. ELEMENTS (3) HEADINGS: o “Signposts” regarding upcoming content tell readers what material follows

21 II. ELEMENTS (3) HEADINGS: o “Attention-Grabbers” draws readers’ eyes to important information

22 II. ELEMENTS (3) HEADINGS: o “Oases” of white space break up the text

23 II. ELEMENTS (3) HEADINGS: o WHEN use headers for every page with documents beyond a single page use at least 2 subheadings (not just 1)

24 II. ELEMENTS (3) HEADINGS: o OUTLINES outlines list major & minor points use their wording for headings

25 II. ELEMENTS (3) HEADINGS: o DESCRIPTION be descriptive use substantive wording more than a single ambiguous word don’t be cute

26 II. ELEMENTS (3) HEADINGS: o PARALLELISM maintain parallel form throughout your headers all nouns phrases OR all verb phrases

27 II. ELEMENTS (3) HEADINGS: o HEADING HIERARCHY visual hierarchy of importance & heading level the higher the heading, the more demonstrative the heading

28 II. ELEMENTS (3) HEADINGS: o HEADING HIERARCHY Highest LevelLowest Level o biggest font o bold faced o centered o perhaps all-caps uppercase o perhaps underlined o smallest font o not bold faced o not centered indented from the left margin o only capitalize first letter of major words o not underlined

29 II. ELEMENTS (4) LISTS: o Reserved for -- Examples Reasons (for a decision) Conclusions Recommendations Steps (in a process) Cautions (warnings about a product) Limitations (restrictions on conclusions)

30 II. ELEMENTS (4) LISTS: o Limited to 5-9 items 10+ = grouped lists

31 II. ELEMENTS (4) LISTS: o Bullets vs. Numbers: Bullets 2-5 items Numbers 5+ items steps process rankings

32 II. ELEMENTS (4) LISTS: o Indent the list o Leave a line space between items (white space) o Maintain parallel form throughout the list o Introduce the list with a lead-in expression o Follow the lead-in with a colon (:) o Capitalize the first letter of the first word

33 II. ELEMENTS (4) LISTS: o Don’t overuse lists limit to 1-2 lists per page otherwise, creates fragmented effect lacks coherence

34 II. ELEMENTS (5) IN-TEXT EMPHASIS: o Highlighting techniques o Use sparingly

35 II. ELEMENTS (5) IN-TEXT EMPHASIS: Most Effective:Least Effective: o Boldface o Italics o Add emphasis o w/o distraction o All-Caps o Underlining o Distracting to the eye o Difficult to read

36 II. ELEMENTS (6) FONTS & COLOR: A. FONTS: o Font Size = points per inch 72 pts. per inch o Font Size = depends on font style different styles = different sizes letter thickness lowercase letter size

37 II. ELEMENTS (6) FONTS & COLOR: A. FONTS: o Font Type = depends upon the type of your document the image you want to convey the reader’s preference o WORD default = Times New Roman, 12”

38 II. ELEMENTS (6) FONTS & COLOR: A. FONTS: o SERIF fonts characters have “tails” at the ends of the letter-lines use for regular text within documents make letters & words more visually appealing tails create jagged edge, like left- indentation

39 II. ELEMENTS (6) FONTS & COLOR: A. FONTS: o SANS SERIF fonts characters have no “tails” at the ends of letter-lines use for headings & sub-headings their clean look emphasizes the “white space” around letters

40 II. ELEMENTS (6) FONTS & COLOR: A. FONTS: o Avoid too many font variations within a document use only 2 font styles per document 1 for text 1 for headings

41 II. ELEMENTS (6) FONTS & COLOR: B. COLOR: o Used to reflect your document’s tone mood image o Draws readers’ attention to important information

42 II. ELEMENTS (6) FONTS & COLOR: B. COLOR: o Limit use of color time: slows desktop printers money: costs more

PAGE DESIGN III. Computers in the Writing Process

44 III. COMPUTERS (1) PLAN: o Research o Outline

45 III. COMPUTERS (2) DRAFT: o Alternate passages o Collaborative writing

46 III. COMPUTERS (3) REVISE: o Additions & deletions o Cut-and-paste o Search & change o Saving text o Style & grammar checkers BEWARE of their limits!