1. Chapter 5 Layout

2. Objectives (1 of 2) Discover the meaning of a layout.
Learn the interconnected goals /function of a layout.
Grasp the need to fit visual elements into a limited space and have them effectively function and be unified.
Learn that successful layout facilitates communication.

3. Objectives (2 of 2)
Comprehend fundamental principles governing the layout of a page: emphasis (focal point and visual hierarchy), unity, and balance.
Recognize the importance of format in any layout.
Use the grid as a layout device.
Construct simple grids.

4. What Is Layout?
The arrangement of type and visuals on a printed or digital page
Concerns the organization and arrangement of type and visuals on two-dimensional surfaces to create effective visual communication

5. Goals Layout entails several interrelated goals.
To fit visual elements into a limited space
To arrange them so that they are functional, unified, and easily accessible to the viewer
To facilitate communication
To create visual impact

6. Basic Principles Operating in Layout
When designing a page (print or digital), there are basic principles to keep in mind.
Emphasis (focal point and visual hierarchy)
Unity
Balance
Design firm: Viva Dolan Communications and Design Inc.

7. Considering the Format
Remember, the format is a primary player in any layout.
All elements respond to the shape of the page.
Poster Designer: Thomas C. Ema

8. Process
To solve any graphic design problem, a designer must conceive an idea and realize it visually.
The designer must create, select, and organize visual elements to create effective communication.

9. Types of Layout Problems
Single page, such as a poster or a print advertisement
Multi-page designs, such as: books, magazines, newspapers, brochures, web sites, and annual reports

10. Compositional Tool: The Grid (1 of 3)
When a designer has to maintain balance, emphasis, rhythm, and unity throughout a series of consecutive pages, most designers use a grid.
A grid is a guide — a modular compositional structure made up of verticals and horizontals that divide a format into columns and margins.
Grids for Print Designer: Steven Brower

11. Compositional Tool: The Grid (2 of 3)
Grids for Print Designer: Steven Brower

12. Compositional Tool: The Grid (3 of 3)
Here is a great example of how a grid operates over several pages.
Grids for Print Designer: Steven Brower

13. Compositional Tool: Designing a Layout without a Grid
Some designers do not utilize a grid for multi-page applications, instead they design a compositional structure, page by page.
Contents spread, Emigre Designer: Rudy Vanderlans

14. Summary (1 of 4)
To solve any graphic design problem, a designer must conceive an idea and realize it visually.
The designer must create, select, and organize visual elements to create effective communication.
A layout is the arrangement of type and visuals on a printed or digital page, and concerns the organization and arrangement of type and visuals on two-dimensional surfaces to create effective visual communication.

15. Summary (2 of 4) Layout entails several interrelated goals
To fit visual elements into a limited space
To arrange them so that they are functional, unified, and easily accessible to the viewer
To facilitate communication
To create visual impact
When designing a page (print or digital), there are basic principles to keep in mind:
Emphasis (focal point and visual hierarchy), unity, and balance
Remember, the format is a primary player in any layout.

16. Summary (3 of 4) All elements respond to the shape of the page.
You can begin to layout a single page, such as a poster or a print advertisement.
Many graphic designers work on multi-page designs, such as books, magazines, newspapers, brochures, web sites, and annual reports.

17. Summary (4 of 4)
When a designer has to maintain balance, emphasis, rhythm, and unity throughout a series of consecutive pages, most designers use a grid.
A grid is a guide — a modular compositional structure made up of verticals and horizontals that divide a format into columns and margins.