OUGD404 - Grids & Divine Proportions

Fibonacci sequence

Sequence ratio 8:13

This sequence is not only evident within design but is also in nature
Human face follows the ratio

Derived from seashells
Sequence of numbers in which each number is the sum of the two preceding numbers

1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89 etc.

Fibonacci sequence creates the paper sizes - all based on proportions

Also helps with type - eg. 55pt for a heading - complimented with body text in 34pt

Further research
http://www.textism.com/bucket/fib.html
http://www.mnn.com/earth-matters/climate-weather/blogs/finding-the-fibonacci-sequence-in-hurricane-sandy
http://martenbjork.com/2012/04/fibonacci-in-the-new-prometheus-trailer/
http://en.wikipedia.org/wiki/Fibonacci_number

Fibonacci sequence in nature - Hurricane Sandy

Sequence in film still - Prometheus

Dividing the Page
Golden section
Rule is 8:13 - Fibonacci sequence is directly linked
1.62 is the golden paper size & it's principles can be used as a means of achieving balanced design
Also known as the golden rectangle

Makes the grid that fits the page perfectly

Rule of thirds:

• The concept of the golden ration can be simplified to the rule of thirds
• The rule of thirds governs the placement of points of interest in a scene
• Divide any given image into thirds both horizontally & vertically 
• 9 square grid
• According to the rule of thirds, the verticals of those line

Focal Points - top centre & centre

Focal Points

Information points - broken top boxes into 3 as well - navigation bars etc

Information Points

Further Research

http://tympanus.net/codrops/2012/05/23/understanding-the-rule-of-thirds-in-web-design/

Deconstructing Layouts

1.

2.

3.

Mixing up the layouts to create new ones