1 / 44

Page Design

Page Design. Overall design issues. Know audience expectations Know client expectations Maintain a consistent look and feel Consider how each page will look before starting the work. Each page must be part of a whole Prevents having the 1 page that looks awkward. Design points.

egillespie
Download Presentation

Page Design

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

  2. Overall design issues • Know audience expectations • Know client expectations • Maintain a consistent look and feel • Consider how each page will look before starting the work. • Each page must be part of a whole • Prevents having the 1 page that looks awkward

  3. Design points • Audience needs come first • What are audience goals and information needs • Obvious organization -- lead the reader • Informative headings • Enough white space to show structure • Design to draw reader in • How does it look at 10 feet?

  4. Fonts

  5. Serif and sans serif fonts • Serifs are the tails on the letters • Serif leads the eye from letter to letter • At large font sizes, the serifs get too big

  6. Sans serif fonts Note varying line weights on Optima

  7. Serif fonts

  8. Display fonts

  9. Font tone • Each font carries a visual tone that affects how the reader reacts to the text • Can be

  10. Points x height Body size Baseline Type anatomy

  11. Align with tabs, not spaces

  12. Heading Design

  13. Font choices • Normally sans serif • The sans serif is visually distinct from the serif body font. This allows the eye to more easily distinguish a heading from the body text. • At larger sizes, the serifs become too large and are distracting for the reader.

  14. Font size • Use a different font size for each heading • Avoid all caps or underlines • What is the most important attribute for distinquishing a heading?

  15. White space • Any space that does not contain text • White space breaks up the page • Large blocks of dense looking text turn off the reader • Too much white space makes the page look disjoint

  16. Heading white space • Sets off the heading from the text • Ensure the heading is visually tied to the proper text elements

  17. Use unbalanced white space • Put more white space above the heading than below it. Gives a visual connection with the text. • Make the white space part of the paragraph formatting. Do not use returns. • Format-Paragraph-Spacing • Allows partial line spacings. Better control.

  18. Balanced vs unbalanced

  19. Flush left text and heading

  20. Indenting heading

  21. Different formatting

  22. Paragraph formatting

  23. Technical paragraph formatting

  24. Line spacing • Also called Leading • Double or 1.5 is usually too much • Can be set in small increments • Some fonts look better with slightly more leading • Small changes can have large effect on document length

  25. Line spacing examples 12 pt 15 pt 18 pt

  26. Line spacing 12 pt 10 pt 8 pt

  27. Text justification • Four options • Justified left, ragged right • Full justified • Ragged left, justified right • Centered

  28. Left justified, ragged right • Easiest to read • Broken right edge helps eye remain oriented • Gives overall page a distinct shape for later recall

  29. Full justified • Both left and right hand sides are justified • Not as easy to read • Page lacks distinct shape • Most publishers use this • Word processors are bad at good justification

  30. Ragged left, justified right • Hard for eye to find new line • Only use for special effects • Never use for large text blocks

  31. Centered • Hard to read • Eye can’t find new line • Use for special effect • Each line should stand alone

  32. Line length • Best line is about 2 alphabets long • Actual length varies depending on the font • Too short, the eye is always doing a “fly back” • Too long, the eye gets lost on the “fly back” • Longer lines require more line spacing

  33. Line length and paragraph width • If the material will be scanned for specific information, indent the text from the headings. • Longer page count = $$

  34. Line length and paragraph width • If the text will be read in long blocks, align the text with the headings. • Saves page count

  35. Hanging indents • First line flush and rest are indented • Useful for definition lists • Tips for the word processor • Set tab properly • Define hanging indent. • Never try to use hard returns and spaces.

  36. Setting the hanging indent

  37. Setting line spacing

  38. Examples for analysis

  39. End

More Related