Download presentation
Presentation is loading. Please wait.
Published byLaurel Horn Modified over 8 years ago
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
Similar presentations
© 2024 SlidePlayer.com Inc.
All rights reserved.