OUGD404 - Design Principles: Grids (Week 1)

12th February 2013 - Introductory/First Session

 



Grids and divine proportions

Gathering research from tasks that have been set for us
10 things we need to know about design is going to be used for this work
Learn the rules then break them

typeissexy.com - Look at this and do the test

Thumbnail sketches along with other elements

Fibonacci sequence

Fibonacci sequence ratio 8:13 links to Golden section
This sequence is not only evident within design but also nature
Derives from nature and from spirals
Mona Lisa is an example

A series of numbers in which each number is the sum of two preceding numbers...
0+1 = 1
1+1 = 2
1+2 = 3
2+3 = 5

Used for the composition of a page and layout
Ideally it is relating to page sizes (A4, A3, A2, A1, AO)
All about proportion

We then had a go at the Fibonacci sequence ourselves...

55 point title should be complemented with 34 point body copy by applying Fibonacci's sequence

Dividing the page - Golden section

Forms the basis of paper sizes and its principles can be used as a means of achieving balanced designs. Many ancient cultures from Egyptians to the Greeks used this thinking to gain beautifully designed proportions.

*Fibonacci sequence ratio 8:13 links to Golden section

1.62 is the golden number

1.62 will never change and get bigger or smaller

Is also know as the Golden Rectangle

Definition - "Golden Rectangle is a rectangle which the ratio of the length to the width is the golden ratio"

Rule of Thirds

The concept of the golden ratio can be simplified
The rule of thirds governs the placement of points of interest in a scene

People scanning the page are more likely to notice things placed near the focal points, and the division is comfortable to view

More complex design is possible by breaking down those thirds into further thirds

The eye is drawn to information points and this has an impact on how we read a page

Another method of using both the golden ratio and Fibonacci numbers are the golden spirals and Fibonacci spirals

CUT OUT LAYOUTS INTO COLUMNS, HEADERS, FOOTERS, IMAGES, SUBHEADINGS ETC. IDENTIFY GRID...