1 / 21

Page Design / Style Guide

Page Design / Style Guide. 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.

paul2
Télécharger la présentation

Page Design / Style Guide

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. Page Design / Style Guide 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 • Proximity • Alignment • Contrast • Repetition

  4. 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

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

  6. space for headings space for margins space for illustrations

  7. 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

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

  9. 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 !

  10. Long paragraph: no more than 15 lines Information closely related – history, background Short paragraph: Complex material Step-by-Step instructions Emphasizing vital information Instead of indenting short paragraphs, separate them with a blank line Contrast Taylor each paragraph to its purpose

  11. 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

  12. 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

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

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

  15. Repetition Use consistent headings and subheadings

  16. Parallel Descriptive Introduction Past Designs for Particle Beam Fusion New Design for Particle Beam Fusion Charging Marx Generators Forming Line Pulse Generating Particle Beam Transporting Particle Beam Irradiating Deuterium-Tritium Pellets Results of New Design Conclusions and Recommendations Section headings should be descriptive and parallel Non-Parallel Non-Descriptive Introduction Background Marx Generators Line Pulse Beam Generation Transporting Beam Pellets Results Conclusions

  17. Long lists with no sub-headings hide organization Performance of the Solar One Receiver Introduction Steady State Efficiency Average Efficiency Start-Up Time Operation Time Operation During Cloud Transients Panel Mechanical Supports Tube Leaks Conclusion Performance of the Solar One Receiver Introduction Receiver’s Efficiency Steady State Efficiency Average Efficiency Receiver’s Operation Cycle Start-Up Time Operation Time Operation During Cloud Transients Receiver’s Mechanical Wear Panel Mechanical Supports Tube Leaks Conclusion

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

More Related