ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

Page Layout

?Download as PPTX, PDF?
?
Professor Bauer
Professor Bauer

The document discusses various page layout techniques including the Gutenberg diagram, F-layout, Z-layout, rule of thirds, and the golden ratio. The Gutenberg diagram shows how the eye tracks across a page from top left to bottom right, paying less attention to areas in between. The F-layout and Z-layout are modern variations that chart eye movement on web pages and pages with large central images, respectively. The rule of thirds suggests placing subjects along an imaginary three-by-three grid for a visually pleasing composition. The golden ratio involves a specific mathematical proportion used in layout grids.

1 of 8
Download to read offline
Page Layout The visual arrangement of text and images on a page.
The Gutenberg Diagram In the olden days, only text could be transferred to a page. The Gutenberg Diagram shows how the eye tracks on a page of text. We start in the top left and progress to the bottom right, and pay less attention to the information in the fallow areas.
F-Layout A modern-day diagram that charts how an eye tracks on a design. Primarily used on the web. 1 2 3 4 5
F-Layout
Z-Layout A variation of the Gutenberg diagram. Best with a row of info at the top and bottom, and a large image in the middle. 1 2 3 4 5
Z-Layout
Rule of Thirds Imagine a grid that splits the frame into thirds vertically and horizontally. Place the subject along those grid lines. The intersections of the lines are especially compelling. Works regardless of the size of the frame or the visual medium you are designing in.
The Golden Ratio / Divine Proportion The ratio of a:b = a+b:a = ¦Õ (1.618033¡­) First mentioned by the Greek Mathematician, Euclid (300 B.C.E). Graphic designers use the golden section to create grids and layouts for websites and books. The Golden Spiral

More Related Content

Page Layout

  • 1. Page Layout The visual arrangement of text and images on a page.
  • 2. The Gutenberg Diagram In the olden days, only text could be transferred to a page. The Gutenberg Diagram shows how the eye tracks on a page of text. We start in the top left and progress to the bottom right, and pay less attention to the information in the fallow areas.
  • 3. F-Layout A modern-day diagram that charts how an eye tracks on a design. Primarily used on the web. 1 2 3 4 5
  • 5. Z-Layout A variation of the Gutenberg diagram. Best with a row of info at the top and bottom, and a large image in the middle. 1 2 3 4 5
  • 7. Rule of Thirds Imagine a grid that splits the frame into thirds vertically and horizontally. Place the subject along those grid lines. The intersections of the lines are especially compelling. Works regardless of the size of the frame or the visual medium you are designing in.
  • 8. The Golden Ratio / Divine Proportion The ratio of a:b = a+b:a = ¦Õ (1.618033¡­) First mentioned by the Greek Mathematician, Euclid (300 B.C.E). Graphic designers use the golden section to create grids and layouts for websites and books. The Golden Spiral