The document discusses page layout and the use of grids. It explains that grids involve dividing the page into columns using vertical lines. The number of columns can vary from one to four or more. Grids help with alignment, consistency, and proportion on the page. The document provides tips on figuring out the page size, dividing it into a grid, and starting the design process. It also discusses techniques like the rule of thirds and breaking the rules in some cases.

1. Page Layout

2. BGW chapter 6
 Layout  Layout Techniques
 Consistent  Vertical lines
 Focused  Constrast
 Minimal  Balance
 Repetition &
 Page Components consistency
 Constraints, pitfalls solutions
 Above the fold
 Top left edge
 Page width

3. Designing with Grids

4. What are grids?
Grids Columns

5. One Column

6. Two Columns

7. Two Columns

12. Three Columns

13. Three Columns

20. Four Columns

21. Four Columns

32. More Columns

36. Grids: How-to
1. Figure out page
size
2. Divide it into a
grid
3. Start designing

37. Figure out Page Size

38. Figure out Page Size
Divisible by
3, 4, 5, 6, 8, 10, 12, 15, a
nd 16
http://www.cameronmoll.com/archives/001220.html

39. http://www.welie.com/patterns/showPattern.php?patternID=grid-based-layout

40. http://www.welie.com/patterns/showPattern.php?patternID=grid-
based-layout

41. Proportion

43. b a

44. Golden Ratio

45. b a

46. The Rule of Thirds

48. Does this work?

49. Does this work?
NO
GRID!

50. Alignment

51. Breaking the Rules

53. http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/

54. http://dev.opera.com/articles/view/grid-design-basics-grids-for-web-page-l/

55. http://www.emanuelblagonic.com/2007/02/16/developing-the-grid-that-
supports-your-design/

56. http://www.emanuelblagonic.com/2007/02/16/developing-the-grid-that-supports-your-design/