Advertisement

the golden ratio in your design?

Started by December 22, 2003 01:39 AM
28 comments, last by Benjamin Heath 20 years, 6 months ago
quote: Original post by picklejuice
could you explain the concept for me please?
I haven't learnt about the golden ratio before (i'm rather young), but I'm very interested in maths, you're help would be greatly appreciated.


Look here: (TODO: make this a clicky.)
http://library.thinkquest.org/C005449/home.html?tqskip1=1

I wrote a paper on the subject for art school recently. I'll probably get in some kind of trouble with someone over this, but here is that paper:

ON FIBONACCI
AND ON ART


by Ben Heath

INTRODUCTION
I have one pair of young rabbits, one male and one female. Next month, they'll mature, and they'll have more rabbits after that. Well, if each pair of rabbits produces one new pair of rabbits every month, and if it takes one month for a pair of rabbits to mature, how many rabbits will I have in 12 months?

Leonardo Fibonacci (also Leonardo of Pisa) posed this problem many years ago in his book, Liber Abaci (Book of the Abacus). Just reason your way through it and you will find the answer.

In the first month, I have that 1 pair.

In the second month, that 1 pair matures but they are still all that I have.

In third month, however, I have 2 pairs.

In the fourth month, the first pair produces a new one and the second pair matures, so I have 3 pairs.

In the fifth month, the first and second pairs both produce while the third matures, so I have 5 pairs.

Do you see a pattern there? 1, 1, 2, 3, 5... Each number in the sequence is the sum of the previous two. Take a look: 1 + 1 = 2; 1 + 2 = 3; 2 + 3 = 5. If you follow that pattern, then by month twelve, I have 144 pairs of rabbits.


WHAT PYTHAGORAS AND RABBITS HAVE IN COMMON
Okay, so what on earth has that got to do with art? If you're talking about the Renaissance, or ancient Greece, or 20th century Pop Art, rabbits don't come in at all. Those numbers certainly do, though.

Here's the sequence: 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144... This snowballs onward forever. Now, if you were to take any two consecutive numbers from it (for instance, 89 and 144), and divide the greater by the lesser, you would get a number that comes close to... THE GOLDEN RATIO! You may (or may not) recognize the name, but the golden ratio is an infinite real number, and is said to be the “most irrational number.” Oddly enough, it's frequently found in art and science. The higher you go in the sequence, dividing a given member by the previous one, the closer you come to the golden ratio. Even still, it is irrational, so you will never pinpoint it precisely with any fraction.

It gets better. The golden ratio is synonymous with “sacred ratio,” “golden section,” “golden mean,” and “divine proportion.” What's more, it can refer to either of two different quantities. The first is phi (little “p”), which is 0.6180339887..., and the other is Phi (big “P”), which is 1.6180339887....

Now, in the ballpark of 2500 years ago, Pythagoras and his cult were using the golden ratio in their philosophy and studies. Even before that, the Egyptians, who called it the “sacred ratio” were using it everywhere. From writing to sculpture to housing, their day-to-day life was loaded with it. In the Middle Ages, various cults and guilds and societies were using the pentagon, a shape that was closely studied by the Pythagoreans for its “golden” properties, as a symbol of league and status.

In the Renaissance, use of the golden ratio was probably accelerated even further. Fillippo Brunelleschi set in motion his laws and theories of perspective, and it just so happens that the golden ratio is pleasantly found everywhere in good perspective.

Here's the greatest example of a shape that's loaded with the golden ratio: the human face. The shape of your face forms a network of lines, angles, and planes that is riddled with perspective, patterns, and the elusive golden ratio. The bottom of your nose is about two thirds down from the top of your head, leaving one third for your mouth and chin. 2 and 3 are Fibonacci numbers, aren't they?

Even today, we find the golden ratio in everyday life. The typical refridgerator has two doors, but one is around two thirds of the refridgerator's height. The standard size for an index card is 3”x5”. A credit card is a good example of a perfect golden rectangle: Its length is just about its height times Phi. It's also a general rule of thumb that when drawing a picture, an object is never put on the exact center. It's always about one or two thirds down or across.

You can find the golden ratio in film. In 1925, Sergie Eisenstein directed the silent film, “The Battleship Potemkin.” He is said to have used golden section points to divide the film up and start important scenes. What's to stop any director from doing this? Honestly, would you ever know it unless someone explained it to you?

Believe it or not, the golden ratio may even have been used in classic literature and poetry. For the Aeineid, Virgil may have consciously used the golden ratio in his poetry.

THE MOST PLEASANT? REALLY?
Of course, to say that the golden ratio produces the most pleasant shapes every time would be speculation at best. This is just an interesting mathematical property that you find in many interesting places. It's just delightful (to me) to see it. Here's the question: Are 3”x5” index cards more pleasant because they're 3”x5”, or is it because that's the standard and this is all that you're used to?

[edited by - Benjamin Heath on December 25, 2003 10:56:10 PM]
+-+-+--+---+-----+--------+------------+---------------------+||     /\|    /  \|   /    \|  /\| /  \|/\+----------||   .|||  .      || .|.+--------- 



Show me your stuff. Come up with some ASCII graphs of golden proportions and Fibonacci patterns.



==================
Benjamin Heath
==================
Advertisement
2/3 is that ASCII enough for ya?





[edited by - picklejuice on December 27, 2003 4:57:03 PM]
To return to the main question...

I use it in the most obvious way possible: for the UI design. I find that windows, panels and controls, whose dimensions are golden-ratio''ed just somehow look right. Hell, even the monitor resolutions are sort of close to the ratio:

640/480 = 800/600 = ... = 1400/1050 = 4/3 ~ 1.3333...

which is fairly close to 1.618.


Phlegmatic Weasel
Phlegmatic Weasel
quote: Original post by picklejuice
this is what you get if your teacher decides to skip a part of the textbook...



Try visiting America some time.
Please correct me if I'm wrong: take a rectangle whose sides relate to each other according to the Golden Ratio. Remove the largest square you can from this rectangle, and you're left with another Golden Ratio rectangle. Continue this process until you get bored.

EDIT: Yeah, check out this site for more details.

[edited by - Naaga on December 26, 2003 12:49:20 AM]
__________________________________________________________America seems to like crap because its what we make popular. - Goober King
Advertisement
quote: Original post by Naaga
Please correct me if I''m wrong: take a rectangle whose sides relate to each other according to the Golden Ratio. Remove the largest square you can from this rectangle, and you''re left with another Golden Ratio rectangle. Continue this process until you get bored.

EDIT: Yeah, check out this site for more details.

[edited by - Naaga on December 26, 2003 12:49:20 AM]


Looking at the diagram of the golden spiral on the site you recommended, I''d say that you''re correct. Very interesting thought!



==================
Benjamin Heath
==================
quote: Original post by Benjamin Heath
quote: Original post by picklejuice
this is what you get if your teacher decides to skip a part of the textbook...



Try visiting America some time.


yeah I''ll be honest, I had to watch The Learning Channel to find out about this stuff. ;/

James Simmons
MindEngine Development
http://medev.sourceforge.net
quote: Original post by Benjamin Heath
1, 1, 2, 3, 5, 8, 13, 21, 34, 55...

I love the golden ratio. I love studying it, and I love using it in my designs, deliberately. It creates so much interest in what you''re seeing and hearing that you can''t help but look at it.


The Golden Means Proportion is everywhere in good design, absent in bad. It is, without peer, the most visually pleasing proportion to the human eye.

quote:
You even see a lot of it in The Matrix. That scene where Neo is running by the columns as the shotgun blasts zip by him in the hallway shootout was just loaded with it! The whole movie was, honestly.


Since film is a visual medium, it was critical they use it. there are a zillion ways to use it, and I am speaking as somebody who has redesigned over seven million square feet of structures here in California. Go to San Diego (Old Town) and drive around. My signature is everywhere, in the architecture. That''s not to brag, but to indicate what amazing changes you can make to seemingly standard boxes when it is not present, or, the application of it was not a sophisticated as it is today. what is even tougher as a design challenge is to incorporate it when the original design didn''t use it or used it badly.

You will find in game design some things won''t work when it is present, the over the shoulder camera interior shots in Max Payne, the subject of a whole article (I believe on the Gamasutra.com archives) is one well chosen exception. And, the means ration is effected and effects lighting and color choices, texture and mass choices, an whole bunch of things to play with to get it right.

quote:
Ahh anyway, does anyone else deliberately use the golden ratio (or whatever you like to call it) in their designs?

+-----+---+
Benjamin Heath
+---+-----+



I can''t see designing without it.

Always without desire we must be found, If its deep mystery we would sound; But if desire always within us be, Its outer fringe is all that we shall see. - The Tao

Mother nature indeed loves the golden ratio, which we call in Dutch("De gulden snede") which means something like the golden cut.
If you look at regular humans you find this number everywhere. The distance from eye to nose is phi part of the distance from ear to eye. Some goes for length of arm related to the length of the upper arm, lower arm and hands. All the aspect come down to either phi or Phi.
There have been studies of which people are found to be the most attractive. Here they used computer manipulated pictures. Humans find the faces that have proportions closest to the golden ratio the most attractive.
Since I''m not an artist it''s not realy my league, but I think that with cg modeling the golden ratio is extremely important. If you want the player to find the pc/npc attractive, keep close to the golden ratio. If you want them to be "ugly" distort the numbers.
I myself experimented with it in some fractal style gfx, but nothing to great.
Cool topic, math isn''t always boring.


Greetz,

Mike

Look at all the pretty colours!
Look at all the pretty colours!

This topic is closed to new replies.

Advertisement