Chapter 8 Document Design 2 Page Layout

Slides:



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

Web Design Principles 5th Edition
Formatting Letters, Memos, and s
More Information on Graphic Design & Color: A few pointers for your websites & other e- publications Dr. Jennifer Bowie.
Understanding editorial and print design. what is print media? Communications delivered via paper or canvas. Print media is a process for reproducing.
G040 – Lecture 03 Essential Document Features Mr C Johnston ICT Teacher
Week 7 Web Typography. 2 Understanding Type Design Principles.
Prof. Anselm SpoerriWeb Design Summary1 Web Guiding Principles Diversity of Users & Rapid Change –Diverse users, diverse computers, diverse skills, diverse.
McGraw-Hill Technology Education © 2004 by the McGraw-Hill Companies, Inc. All rights reserved. Office Word 2003 Lab 3 Creating Reports and Tables.
Document Design: Basics and Typography Technical Communication, DAHMEN.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
Graphic Design: An Overview for Effective Communication.
Computer Applications I Unit 3 Study Guide 1 Introduction to Formatting, Alignment and Page Setup.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Chapter Objectives Discuss the relationship between page length, content placement, and usability Complete Step 4: Specify the website’s navigation system.
Accessibility with Office and Acrobat Andrew Arch Online Accessibility Consulting.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Unit 4 – Multimedia Element: Text
HSC IT Center Training University of Florida Topics Overview Starting Title Slide New Slides Views Applying Designs Clip Art Transitions Printing.
Desktop Publishing Your Guide to Concepts and Terminology.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
1 Technical Communication A Reader-Centred Approach First Canadian Edition Paul V. Anderson Kerry Surman
Document and Web design has five goals:
Web Design, 4 th Edition 4 Planning a Successful Web Site: Part 2.
“Certain materials are included under the fair use exemption of the U.S. Copyright Law and have been prepared according to the multimedia fair use guidelines.
Creating Brochures and Booklets Chapter 6. Purpose of Brochure Informs, educates, promotes, and sells Establishes and reinforces organization’s identity.
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.
Copyright © 2002 by Pearson Education, Inc., publishing as Longman publishers. All rights reserved. Chapter 8 Designing Pages and Screens Professional.
**NEW Unit Plan** TOPIC: Microsoft Word Word Processing: Software that uses text and formatting features to create documents. Microsoft Word: Software.
3.01 – Day 3 - Formatting, Alignment, and Page Setup.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
PREPARING REPORTS CoB Center for Professional Communication.
1 Word Lesson 3 Formatting Documents Microsoft Office 2010 Fundamentals Story / Walls.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 15 Designing Pages and Documents Technical Communication, 9/e John M. Lannon.
© 2003 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 15 Designing Pages and Documents Technical Communication, 9/e John M. Lannon.
© 2011 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 13 Designing Pages and Documents Technical Communication, 12 th Edition John.
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.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
In Business Series © Prentice Hall Microsoft Office Word 2007 In Business Core Chapter 2 Creating a Basic Report.
By: Ms. Abeer Helwa 1. WORD WEB APP 2 Word Web App is a limited version of Word, enabling you to edit, format, and share documents online. Word Web App.
Print Type Chapter 8. The Vocabulary of Typography Typeface refers to a set of letters, numbers, and other characters created by a typeface designer A.
Posters, Magazines, Websites
Study Guide Test 1 Microsoft Word 8 th grade. Font The type of letters in which a document is printed. A font consists of the typeface, style, size, and.
Developing Website Content Project Process Content Strategy and Management Writing for the Web Tips and Tricks Discussion Items.
Informational Design.  Informational Design involves determining a Web page’s content  Content – text and graphics  A successful Web page uses words.
© 2004 The McGraw-Hill Companies, Inc. All rights reserved. The Advantage Series Microsoft Office Word 2003 CHAPTER 4 Printing and Web Publishing.
Chapter 25 Web Pages This chapter presents the rhetorical features of Web page design as well as technologies for creating Web pages. Some of your students.
Chapter 13 Designing Pages and Documents
Formatting Text and Paragraphs
Chapter 9 Layout and Design
Understanding Spacing
Creating Accessible PDFs from Word Docs
Technical Communication Fundamentals Chapter 3: Visual Design
Creating a Baseline Grid
Layout Terms Visual Hierarchy
Template for IBI poster 56 inches in width and 36 inches in height The title occupies no more than two lines First Author1, Second Author2, Third Author1,2.
Designing User-Friendly Documents
Step 1: Design for a Computer Medium
Fixed Positioning.
The good, the bad, & the ugly…
Template for IBI poster 36 inches in width and 48 inches in height The title occupies no more than three lines First Author1, Second Author2, Third Author1,2.
Word: Layout & Pagination Participation Project
Template for IBI poster 48 inches in width and 36 inches in height The title occupies no more than two lines First Author1, Second Author2, Third Author1,2.
Designing Pages and Documents
Layout Terms Visual Hierarchy
Presentation transcript:

Chapter 8 Document Design 2 Page Layout Your narration or oral presentation notes go here.

Creating Visually Effective Documents Technical communication is based on informed choices. Technical Communication Ch 8: Page Layout Document Design 2

Creating Visually Effective Documents A technical communicator makes decisions about aspects of design based on the audience and purpose. Technical Communication Ch 8: Page Layout Document Design 2

Creating Visually Effective Documents Readers - view a page as a whole unit - scan the page to get a sense of layout and structure - determine the page’s “road map” by looking at title, headings and subheadings Technical Communication Ch 8: Page Layout Document Design 2

Creating Visually Effective Documents Visual hierarchy - shows main items or most important topics in primary headings - shows secondary items in second level of headings or subheadings Technical Communication Ch 8: Page Layout Document Design 2

Creating Visually Effective Documents Headings and subheadings - use same (parallel) grammatical structure - show the structure (outline) of the document Technical Communication Ch 8: Page Layout Document Design 2

Creating Visually Effective Documents Electronic pages - web pages (often cluttered) - computer screens (shaped differently) - electronic text (fuzzier than print) Technical Communication Ch 8: Page Layout Document Design 2

Formatting a Page Effectively Grids - vertical - horizontal - combined see Fig. 8.3 on p. 135 Technical Communication Ch 8: Page Layout Document Design 2

Formatting a Page Effectively White 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 Technical Communication Ch 8: Page Layout Document Design 2

Formatting a Page Effectively Adjust the gutter - white space between columns Use ample margins - white space around edges of a page Technical Communication Ch 8: Page Layout Document Design 2

Formatting a Page Effectively Avoid orphans - a paragraph’s opening line left at the bottom of the page Avoid widows - a paragraph’s closing line left at the top of the next page Technical Communication Ch 8: Page Layout Document Design 2

Formatting a Page Effectively Lists - bulleted - numbered (for series or steps) Technical Communication Ch 8: Page Layout Document Design 2

Formatting a Page Effectively Tips for Lists Don’t overuse bullets. Avoid using fancy icons. Use punctuations only when required. Use parallel grammatical structure. Technical Communication Ch 8: Page Layout Document Design 2

Formatting a Page Effectively Headings - size headings by level - choose appropriate heading size - make headings visually consistent - make headings grammatically parallel Technical Communication Ch 8: Page Layout Document Design 2

Formatting a Page Effectively Tips 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 Technical Communication Ch 8: Page Layout Document Design 2

Typography Fonts - 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 Technical Communication Ch 8: Page Layout Document Design 2

Electronic searching or “find” feature Search Options Table of contents Index Running heads Running feet Electronic searching or “find” feature Technical Communication Ch 8: Page Layout Document Design 2

Adobe Acrobat and PDF files CDs and other media Electronic Documents Web pages Online help Adobe Acrobat and PDF files CDs and other media Technical Communication Ch 8: Page Layout Document Design 2

Organizational style guides Word-processing and page layout software Style Sheets and Tools Organizational style guides Word-processing and page layout software CSS and HTML web pages Technical Communication Ch 8: Page Layout Document Design 2

Web Style Guide http://webstyleguide.com/wsg3/index.html Ch 8: Page Layout Document Design 2

Chapter 8 Page Layout Document Design 2