Wednesday, 22 October 2014

Canon of page construction

Canon's give methods and order, it's easy to rely on these whe

n you're not inspired for a layout
Possible to over rely on them when you're struggling 

Golden Ratio 

a to b = 1 : 1.618
a+b to a = 1 : 1.618

The golden section of a 100 cm

100cm/1.1618 = 61.80cm
100cm=61.80+38.20cm

the ratio of 61.80cm to 38.20cm is 1:1.618
Adding

100cm x 1.618 = 161.80cm 
the ratio of 100cm to 161.80cm is 1:1.618

At first I didn't understand this at all but when you actually attempt it it becomes easier to understand

This rule applies to type as well, type headings and body text can suit each other with it, such as a 55pt Heading and a 34pt body


This is the golden rectangle that I drew. I started with the smaller side so it would fit onto the page, the measurement was 14cm.

From there you go 14 x 1.618 = 22.652 producing the longer side and creating the rectangle
To create the next square you have to divide the measurements

22.65/1.1618=14
14/1.618=8.65
8.65/1.618=5.34
5.34/1.618=3.3
3.3/1.618=2
2/1.618=1.23

These measurements create the squares that follow the golden ratio rule

After that to make it make sense for designing, we had to create columns and rows for a spread. I found this very confusing and difficult to start with because I didn't understand if I could put the lines anywhere after the calculation. I played around with it and think I started to understand it. 



I applied the same measurements to keep it simple, but them along the narrow axis as well as the longer axis to create the horizontal lines.

We also looked at a grid called, Van de Graaf Canon.
Graaf observed type area in books and determined by proportion of spread and page. His grid normally works for double page spreads.
Canons are methods and systems that inform your process in design.




I struggled to understand why I had to draw this, I like the idea of it but when looking at pages that use it, I can't see it. But I think this is because I'm new to Canons. I like using grids and rules to design layouts so will probably use these if appropriate on my website.

No comments:

Post a Comment