1 / 55

Appreciating Page Layouts

Appreciating Page Layouts. Mayur Polepalli 24 th January, 2004. Agenda. Overview Designing layouts Martian terms Critique. What is a Page Layout?. Paper size Distribution of content Margins Headers and footers Paragraph formatting. Paper Size. Size does matter. Letter, Legal, A4.

jroot
Download Presentation

Appreciating Page Layouts

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. Appreciating Page Layouts Mayur Polepalli 24th January, 2004

  2. Agenda • Overview • Designing layouts • Martian terms • Critique

  3. What is a Page Layout? • Paper size • Distribution of content • Margins • Headers and footers • Paragraph formatting

  4. Paper Size Size does matter

  5. Letter, Legal, A4 • Letter – 8.5x11 • Legal – 8.5x14 • A4 – 8.27x11.69

  6. Content Distribution 1/3 + 1/3 + 1/3 = Z

  7. Rule of Thirds • Designs are made interesting by visually dividing the page into three • Place most important elements in these thirds

  8. Z Positions • Movement of the eye • Important elements in the path Z

  9. Margins A marginal difference

  10. A Marginal Difference Margin - The blank space that surrounds the text on a page • Easier to hold • Easier to read • White space – Breathing space

  11. Examples of Margins • Top, bottom, left, right • Top, bottom, inside, outside (mirror margins)

  12. Uses • Buffer zone • Resting place • Holding • Notes • Binding

  13. Rules of Thumb • Avoid using the same margins on all sides of a publication. In facing-page documents, the inside margin should be smaller than the outside margins. The bottom margin is usually larger than any other margins. • In publications with facing pages, the outside margin of each page should be double the inside margin. • For best appearance, margins should be sized progressively from smallest to largest: inside, top, outside, bottom.

  14. Ideal Proportions • Inside to Outside 1:2 • Top to Bottom 1:2 • Inside to Bottom 1:3 • Outside to Bottom 2:3

  15. Paragraphs Break it up

  16. To Read or not to Read Paragraph - One of several distinct subdivisions of a text intended to separate ideas • Space • Graphics • Contrast

  17. Using Space • Long blocks • Paragraph spacing • Indents

  18. Using Graphics • Lines • Dingbats • Signal transitions

  19. Using Contrast • Bold • Fonts • Initial caps • Drop caps

  20. Tips • Don’t use indents and paragraph spacing • Deep indents – last line • Careful when using lines • Consistent dingbats • Noticeable contrast • Mix ‘n match prudently

  21. Explore Layouts Thumbnail sketches - rough drawings, sometimes only comprehensible to the designer, used to explore layout options • No details • Proportional page size • Many sketches • No software – good ole paper and pencil

  22. Page Numbers What’s your number?

  23. What’s Your Number? Page number - The system of numbering pages • They are integral • Navigational assistance • Placement

  24. What’s Your Number? (contd.) 3 seven ~|_*8*_|~ 6 1 4

  25. What’s Your Number? (contd.) • Consistency • Lower or upper corners • Facing pages? • Outside main document • Skipping numbers • Interesting • Single color

  26. Rules Max Korn for Prez!

  27. Lines Rule! Rule - another name for a line in graphic design • Sizes • Variations • Vertical and diagonal

  28. Using Rules • Borders • Tables • Graphics • Titles • Headers and footers • Column separation • Text blocks, blurbs and so on

  29. Tips • Too many rules distract • Appropriate rule sizes • Go easy with spacing • Balance text • Reverse text out of a thick rule

  30. Lorem Ipsum Dolor Greek n Latin?

  31. Lorem Ipsum Dolor • Origin • doloremipsum quia dolor • Meaning • Uses • How to

  32. Martian Terms Max Korn was here

  33. Alignment • Left, center, right, justified • Top, middle, bottom Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris laoreet. In non metus. Vivamus imperdiet ornare urna. Praesent nibh tortor, lacinia vel, gravida ut, varius at, nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris laoreet. In non metus. Vivamus imperdiet ornare urna. Praesent nibh tortor, lacinia vel, gravida ut, varius at, nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris laoreet. In non metus. Vivamus imperdiet ornare urna. Praesent nibh tortor, lacinia vel, gravida ut, varius at, nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris laoreet. In non metus. Vivamus imperdiet ornare urna. Praesent nibh tortor, lacinia vel, gravida ut, varius at, nibh. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

  34. Bleed When any image or element on a page touches the edge of the page, extending beyond the trim edge, leaving no margin it is said to bleed. It may bleed or extend off one or more sides.

  35. Crop Marks • Crossed lines placed at the corners of an image or a page to indicate where to trim it are known as crop marks. Crop Marks may be drawn on manually or automatically applied with some desktop publishing software programs.

  36. Deck • Often seen in newsletters and magazines, the deck is one or more lines of text found between the headline and the body of the article. The deck elaborates or expands on the headline and topic of the accompanying text. Decks are set in a typeface that is sized somewhere between the headline and body text to provide contrast. The Deck is also known as a Blurb

  37. Guides • Non-printing lines, often dotted, that aid in flow and alignment of text and positioning of graphics during page layout are known as guides.

  38. Masthead • The masthead is that section of a newsletter, usually found on the second page that lists the name of the publisher and other pertinent data. May include staff names, contributors, subscription information, addresses, logo, etc. • Masthead is also, an alternate name for the nameplate of a magazine or newsletter.

  39. Nameplate • The banner on the front of a newsletter or other periodical that identifies the publication is its nameplate. The nameplate usually contains the name of the newsletter, possibly graphics or a logo, and perhaps a subtitle, motto, and publication information.

  40. Rivers • The white space in any chunk of text Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec ultricies arcu et tortor. Aen dictum suscipit wisi. Aenean in tellus. Cras eros. Suspendisse vel lacus eget tortor placerat fringilla. Quisque sagittis magna nec ligula. Curabitur at sapien. Maecenas sollicitudin, arcu vitae egestas convallis, neque tellus cursus mauris, at scelerisque nibh est et arcu. Pellentesque orci.

  41. Thumbnails Sketch This! Squiggle That!

  42. Software Nice things come in small packages

  43. Tools You Can Use • MS Word • Adobe FrameMaker/PageMaker • Adobe InDesign • QuarkXPress • Harvard Publisher

  44. 6-second Layouts Layouts in a blink of an eye

  45. 6-second Layouts • Change template fonts • Change template colors • Play with the template • Use reverses in small doses • Use smaller type in narrow columns • Change headline hierarchy

  46. General Tips

  47. Make it Smaller Lorem ipsum sitmet Adipiscing elit

  48. Make it Bigger Loremipsum sitmet adipiscing elit

  49. Use a Spokesperson Crime doesn’t pay

  50. Critique Bouquets and Brickbats

More Related