Download presentation
Presentation is loading. Please wait.
1
Basic Principles of Layout
2
What is Page Layout? The term “layout” refers to the way in which we organize various materials that make up the content of our design.
3
What is Page Layout? Page layout refers to the actual document page and its composition. Software programs: PageMaker, QuarkXPress, InDesign, etc.
4
Achieving Unity in Layouts
5
Nothing Should Be Placed on the Page Arbitrarily. Align elements!
6
Every single element should have some visual
connection with another element on the page.
7
Which card has a better layout and why?
8
Which one is easier to read and why?
9
Information Hierarchy Watch this great video: http://www. youtube
10
Using Grid Systems
11
What is a Grid? Grid is an invisible framework for all pages in a document, a visual anchor for text & pictures.
12
The Most Common Types of Grids:
One Column Two Columns Header and Four Columns
13
Elements of a Grid: Margins: Define the outside boundary of your page.
Do not have to be equal all around. Should be consistent on all pages. Margins
14
Elements of a Grid: Alleys:
The space between grid units is called an alley. Ex: White space between columns of text. Alleys
15
Elements of a Grid: Gutters:
In a 2-page spread, the gutter is the inside margin. It’s the space on either side of the fold. Gutter
16
Grids Can Help to Determine
1. The margins of the piece 2. Space between headlines, body text, photos 3. Tell you the placement of elements on the page
17
Structure and Organize Content by using a Grid System!
18
Grids in Ads and Publications
Publications such as magazines and newsletters almost always require a grid. Grids can: 1. Provide page to page continuity 2. Reduce production time
19
Ex: Using Grid in Book Series
20
Grids Can Be Simple or Complex:
21
Grids Can Be Simple or Complex:
22
Most Popular Grids The Rule of Thirds Space is divided into thirds, both vertically and horizontally, creating a grid of rectangles
23
Most Popular Grids The Rule of Thirds The four points formed by the intersections of these lines can be used to align features in the image.
24
One Grid, Many Designs! Grids do not have to be boring. If the grid is properly used, interesting and dynamic designs can be created. Ex: 4x4 (16 unit) grid system includes 4 images & text.
25
Exercises
26
How are the elements aligned in this composition?
27
How are the elements aligned in this composition?
28
Famous Graphic Designers
David Carson, Designer (TED Talk) Chip Kidd, Book Designer (TED Talk) books_is_no_laughing_matter_ok_it_is.html Clear Magazine
Similar presentations
© 2025 SlidePlayer.com. Inc.
All rights reserved.