Presentation is loading. Please wait.

Presentation is loading. Please wait.

Appreciating Page Layouts Mayur Polepalli 24 th January, 2004.

Similar presentations


Presentation on theme: "Appreciating Page Layouts Mayur Polepalli 24 th January, 2004."— Presentation transcript:

1 Appreciating Page Layouts Mayur Polepalli 24 th 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 1.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. 2.In publications with facing pages, the outside margin of each page should be double the inside margin. 3.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.) 6 ~|_*8*_|~ seven 3 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 –dolorem ipsum quia dolor Meaning Uses How to

32 Martian Terms  

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.

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 1.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. 2.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 1.Change template fonts 2.Change template colors 3.Play with the template 4.Use reverses in small doses 5.Use smaller type in narrow columns 6.Change headline hierarchy

46 General Tips

47 Make it Smaller Lorem ipsum sitmet Adipiscing elit

48 Make it Bigger Lorem ipsum sitmet adipiscing elit

49 Use a Spokesperson Crime doesn’t pay

50 Critique Bouquets and Brickbats

51 Layout 1

52 Layout 2

53 Layout 3

54 Any Questions?

55 Thank you for your time! Mayur Polepalli dbmayur@yahoo.com http://www.mayur.cjb.net


Download ppt "Appreciating Page Layouts Mayur Polepalli 24 th January, 2004."

Similar presentations


Ads by Google