Tuesday, 19 February 2013

OUGD404 - Canons & Grids

Van De Graff
  • A gridded page is much like scaffolding for a building.
  • The Van De Graff canon is a historical reconstruction of a method that may have been used in book design to divide a page in pleasing proportions.
  • Also known as a secret canon
  • Works for any page width:height ratio
  • Created symmetrical & asymmetrical layouts
Van De Graff
Symmetrical Layout
Asymmetrical Layout
  • Jon Mann suggested the Guttenberg bible was based on the golden ratio.
  • The text and margins proportions are determined by the starting page proportions.
  • Can apply rule of 9ths immediately.
Applying rule of 9ths
Using Van De Graff Canon & rule of 9ths on my proportioned page:
Van De Graff Canon
Van De Graff Canon & Rule of 9ths

Leading
  • Column width is more than just design or format
  • Also based on legibility
  • According to empirical rule there should be 7 words per line for text of any length
  • Text is read by the eye of a distance of 30-35 cm.
  • To keep the type areas light & open we must consider the leading.
  • Is the vertical from line to line which suits the size of the type.
  • Overlong text lines tire the eyes, as do over-short ones.
  • Readers find overlong lines strenuous to read.
  • Too short of a line and your eye changes text lines too often.
  • The key is ease of reading.
  • Text must not impair the rhythm of reading.
  • This can not apply to titles & subtitles.
Margin Proportions
  • Margins can have influence on the overall feel of a page of print.
  • Too small - looks overfull.
  • Too large - Exaggeration.
  • Well balanced margins on the sides, head & tail can create an agreeable impression.

Layout Design Task
A4 page layouts
Digital layouts
Fibonacci sequence proportioned page 320x360mm
Fibonacci sequence

Scaled the page down to 190x215mm

Van De Graff
Rule of 9ths

Hand rendered layouts:

Layout thumbnails

Digital designs:


http://www.smashingmagazine.com/2008/09/03/40-creative-design-layouts-getting-out-of-the-box/

No comments:

Post a Comment