html5-img
1 / 17

Basics of Page Design

Basics of Page Design. Page designers want readers to be able to proceed in an orderly manner as they scan page and move effortlessly from story to story. The basics. One format dominates American journalism – modular format

onan
Download Presentation

Basics of 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. Basics of Page Design

  2. Page designers want readers to be able to proceed in an orderly manner as they scan page and move effortlessly from story to story

  3. The basics • One format dominates American journalism – modular format • Every story, along with pictures, graphics, etc., arranged in shape of square or rectangle. No odd (P) shapes.

  4. Not just enough to be in a module. Need to arrange knowing will see picture, then headline. So arrange so can glide from picture to headline. (Doesn’t matter what side put picture on, readers won’t be too taxed if picture is at end of headline)

  5. Always start with the art. Find your dominant photo. Put that in. Then add that text. Move on to next photo. How will you anchor the page, make it even?

  6. If more than one picture or graphic, play one larger so your package will have focus

  7. Dominant photo • Dominant photo (or graphic, etc.) placed on upper half of page, usually top right or left. Now, a lot of publications put it in the middle. Can take up a fifth of page. • Dominant image used to package story that gives page focus; smaller photos then used elsewhere to make sure readers scan whole page

  8. Need lots of info above the fold, for sales from vending machines. Three stories (or start of) above fold is ideal.

  9. Headlines Remember to vary. Usually 54 to 66 is biggest you will go.

  10. Contrast • You can increase the contrast of modular designs by using • Assortment of horizontal and vertical modules • Varying column widths and thickness of rules (a lot of papers requiring horizontal and vertical line separators between stories) • Adding color (not just photos but including in service journalism boxes)

  11. Varying modules • Without a variety of horizontal and vertical modules, pages may seem static and unexciting • Work hard at finding a dominant image • Strive for variety when cropping images • Sketch rough drawing of how page might look • Balance – avoid pages lopsided or too top heavy

  12. Use “bastard” measures – columns that are wider than normal • Most papers are six columns of 12p3 (12 picas, 3 points) – there are six picas in an inch, 12 points in a pica (so 72 points in an inch) • so 24-point headline measures 24 points from bottom of the descenders to top of ascenders (more of this next class)

  13. Rules are usually measured by their width and serve three functions: • Separate items on a page • Group items • Establish a page’s personality

  14. Color can: • make papers more interesting – even with exact same content, readers prefer pages with color • Help direct the reader’s eye • Help show which stories are related • Help establish paper’s personality

  15. What if you’re short? *Add a mugshot*Enlarge a display photo*Add a liftout quote*Add subheads (if appropriate)*Add more display type (if possible)*Lead out your story

  16. What if you’re long? • Trim the story (if possible) • Jump if there’s at least 4 inches to jump • Reduce the size of a photo • Trim an adjacent story (if possible) • Reduce the amount of display type.

  17. Criticism of Modular Layout • Papers look too much alike • Too boxy, limits amount of contrast • Allows design considerations to dictate content (each story must fit the rectangle)

More Related