Upcoming SlideShare
×

# LAYOUT (Intro to GD Wk 9)

5,668 views

Published on

Week 9, Layout

Presentation from Introduction to Graphic Design, Columbia College Chicago. Much of the content taken from readings, including the textbooks: Timothy Samara's "Design Elements" and "Design Evolution." Other references cited in presentation. Please note: many slides are intended for class discussion and might not make sense out of context.

45 Likes
Statistics
Notes
• Full Name
Comment goes here.

Are you sure you want to Yes No
• Be the first to comment

Views
Total views
5,668
On SlideShare
0
From Embeds
0
Number of Embeds
546
Actions
Shares
0
430
0
Likes
45
Embeds 0
No embeds

No notes for slide

### LAYOUT (Intro to GD Wk 9)

1. 1. D E S I G N I N G T H E PA G E
2. 2. Form Form is considered a positive element, a solid thing or object.
3. 3. Space Form is considered negative—not in a bad way, but as the absence, or opposite, of form. Space is the “ground” in which form becomes a “figure.”
4. 4. Format
5. 5. I N F O R M AT I O N D E S I G N
6. 6. All design work involves problem solving on both visual and organizational levels.
8. 8. L AY O U T S Y S T E M S
9. 9. Rule of Thirds The rule states that an image can be divided into nine equal parts by two equally-spaced horizontal lines and two equally-spaced vertical lines. The four points formed by the intersections of these lines will be points of focus for the brain.
10. 10. Rule of Thirds
11. 11. Rule of Thirds
12. 12. Musical Logic Space in typography is like time in music. It is infinitely divisible, but a few proportional intervals can be much more useful than a limitless choice of arbitrary quantities. —Robert Bringhurst
13. 13. Mathematical Logic
14. 14. Golden Section (aka golden ratio, golden triangle) In mathematics and the arts, two quantities are in the golden ratio if the ratio between the sum of those quantities and the larger one is the same as the ratio between the larger one and the smaller. The golden ratio is a mathematical constant, approximately 1.6180339887.
15. 15. Jan Tschichold
16. 16. Golden Section start with a square multiply it’s length by 1.62
17. 17. Golden Section: Web Design
18. 18. Intuition (systems are for robots)
19. 19. L AY O U T S Y S T E M S : I N T R O T O G R I D S
20. 20. MARGINS FLOWLINES SPATIAL ZONES MODULESCOLUMNS MARKERS
21. 21. Single-Column Grid
22. 22. Single-Column Grid
23. 23. Single-Column Grid
24. 24. Multi-Column Grid
25. 25. Multi-Column Grid
26. 26. Jan Tschichold
27. 27. Modular Grid
28. 28. Modular Grid
29. 29. Grid Hybrids and Combinations
30. 30. 42 px columns, 10 px gutter
31. 31. How to Set-Up a Grid in InDesign
32. 32. How to Set-Up a Grid in InDesign
33. 33. How to Set-Up a Grid in InDesign