1 / 20

Format for Ease of Access

Format for Ease of Access. Importance Design Principles Design Elements. Importance. First impression is purely visual Sloppy format alienates reader. Good Page Design. Helps reader understand your information Helps reader locate information Helps reader notice important content.

gamma
Download Presentation

Format for Ease of Access

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Format for Ease of Access Importance Design Principles Design Elements

  2. Importance • First impression is purely visual • Sloppy format alienates reader Good Page Design • Helps reader understand your information • Helps reader locate information • Helps reader notice important content

  3. Basic Design Principles • Placement • Proximity • Alignment • Contrast • Repetition

  4. Content Placement Certain parts of the page are more important than others • Bottom of page – might not be seen or read. • Eye level – Approximately 1/3 from the top and 2/3 from the bottom – gets more attention. • Bulleted lists – get more attention. • The first few points in the list get more attention.

  5. Placement is one way to accent results within a section Section Heading Beginning of section The beginning of a section receives emphasis, as does the beginning of a paragraph. End of paragraph Table I Time-Flight Results Height Time No. Illustration A 10 cm 1 ms B 11 cm 2 ms End of section The end of a section receives emphasis, as does the end of a paragraph.

  6. Repetition • Same grid pattern throughout • Same type treatment (font, size, color, etc.) for headings, subheadings, and text Use repetition to unify your communication visually

  7. Repetition Use consistent headings and subheadings

  8. Proximity Use white space to place related items close to one another Not Grouped Grouped Martina Aleverez AAA Consultants, Inc 4357 Evington Street Montclair, NJ 50517 (416) 232-9999 Martina AleverezAAA Consultants, Inc 4357 Evington StreetMontclair, NJ 50517(416) 232-9999

  9. Proximity White space gives shape to document and orients the user

  10. space for headings space for margins space for illustrations

  11. Alignment Arbitrary placement of text causes confusion for the reader Arbitrary Placement Alignment  Relationship Martina Aleverez AAA Consultants, Inc 4357 Evington Street Montclair, NJ 50517 (416) 232-9999 Martina AleverezAAA Consultants, Inc 4357 Evington StreetMontclair, NJ 50517(416) 232-9999

  12. Alignment Grid lines can be used to create the page layout

  13. Contrast Use contrast to establish hierarchy and focus No Contrast Contrast  Emphasis Martina Aleverez AAA Consultants, Inc 4357 Evington Street Montclair, NJ 50517 (416) 232-9999 Martina AleverezAAA Consultants, Inc 4357 Evington StreetMontclair, NJ 50517(416) 232-9999 CAUTION:Don’t overdo graphic contrast !

  14. Contrast Use lists for easy reading Items you might list: • Advice or examples • Conclusions/recommendations • Criteria for evaluation • Errors to avoid • Material for a procedures • Equipment in a procedure • Parts of a mechanism • Steps in a sequence

  15. TYPE IS TO READ Type is to read Contrast Select type that is easy to read Serif Sans Serif Times New Roman abcdefghijklmnopqr stuvwxyz1234567890 Arial abcdefghijklmnopqr stuwxyz1234567890 Avoid allCaps

  16. 48 point 36 point 24 point 18 point 14 point 12 point 10 point 8 point posters presentation slides titles text footnotes

  17. Design Elements • Text • Headings / Subheadings • Graphics • White space / grid • Headers and footers • Physical features

More Related