Menu
everybody is talking about the Golden Ratio, and about doing design including the thoughts about it. This is what I am trying to do now. I want to put a CENTER Area and a SIDEBAR on my page in the golden ratio. But I am having the issue, not to know where to calculate element's margins and paddings in. How to set 'the perfect' margins and paddings (with respect to the Golden Ration)? Please Help me out with it.
339
The golden ratio is the ratio of 1 to 1.6180334 that seem to appear very often in Nature.
One very simple way to apply the Golden Ratio is to set your dimensions to 1:1.618.> For example, take your typical 960-pixel width layout and divide it by 1.618. You'll get 594, which will be the height of the layout. Now, break that layout into two columns using the Golden Ratio and voila!
Fibonnaci's spiral, golden rule, golden ratio cannot be stretched or cropped to cover an area, however it can be flipped on its horizontal or vertical axis.
Gold Ratio in Web Design The golden ratio is also expressed as 1:1.61. First, you need to decide the length of the small element. Then multiply it by a golden ratio which is 1.618 and the result will be the perfect length of the bigger element. The process is designed to help with proportions.
Some good resources for design and the 'Golden Ratio':
The good 'ole Phiculator!:
http://www.thismanslife.co.uk/main.asp?contentid=phiculator
An excellent article from a fave, NETTUTS called The Golden Ratio in Web Design:
http://net.tutsplus.com/tutorials/other/the-golden-ratio-in-web-design/
And, probably the one you're looking for, from Smashing Magazine (which you should dive into!), Applying Divine Proportion To Your Web Designs:
http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/
63
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
