Thursday, 23 October 2014

OUDG403 studio brief 02 - More Grid system




Fibonacci and Golden Ratio in Web Design

The easiest way in real-world applications to apply this theory is using the simple ratio 3:5 or 5:3. The only other thing you need to take into account is that many screens don’t have a simple 1:1 pixel size ratio, so don’t forget to take the target screen pixel size ratio into account when figuring the actual pixel height and width to use for a screen element.






Van de Graaf 


The Van de Graaf canon is used in book design to divide a page in pleasing proportions. This canon is also known as the "secret canon" used in many medieval manuscripts and incunabula. The page proportions vary, but most commonly used is the 2:3 proportion. In this canon the text area and page size are of same proportions, and the height of the text area equals the page width.

Marber Grid 

This specimen sheet is derived from Marber's golden- ratio based grid  for Penguin book covers, designed in 1962. It’s comprised of three uneven columns of three hundred pixels, one hundred and sixty pixels and five hundred and twenty two pixels. The gutters are thirty pixels and the overall width is one thousand, one hundred pixels wide. But because it is a fluid grid, the pixel values get turned into percentages.



 Rule of third 

The rule of thirds is applied by aligning a subject with the guide lines and their intersection points, placing the horizon on the top or bottom line, or allowing linear features in the image to flow from section to section. The rule of third is mainly used in photography. 


CORRECT WAY                                                                                               WRONG WAY 


























Wim Crouwel 

Wim Crouwel  designed a grid system for his typefaces and alphabet he used a tight grid system. 


No comments:

Post a Comment