WEBVTT
00:00:00.000 --> 00:00:33.000
The golden ratio, also known as The Golden section or Golden mean,
is a mathematical ratio that is closely related to the Fibonacci sequence.
It is commonly found in nature and when used in design, it fosters
organic and natural looking compositions that are esthetically pleasing to the eye.
The golden ratio has been employed for over 2000 years
and is still fundamental to both designers and users.
Because these forms are so prevalent, our eyes identify them quickly
and we tend to process these as familiar and pleasing.
You can find beautiful examples of the sequence throughout many
00:00:33.000 --> 00:01:01.560
natural elements ferns, flowers, seashells, even hurricanes.
Although the golden ratio has been a subject of study for centuries,
the medieval Italian mathematician Fibonacci popularized the sequence
in which every number is simply the sum of the two numbers before it.
The ratio between two consecutive Fibonacci numbers
is approximately 1.618, also called Phi.
Like Pi, it has a long string of numbers after the decimal point.
00:01:01.560 --> 00:01:31.800
Fortunately, we can approximate this to 1.6
or 1.61 or 1.618
in designs without surrounding the esthetic appeal of the golden ratio.
But how is the ratio used in design?
Think of a rectangle with a short side of length. One.
To calculate the most esthetically pleasing rectangle, you simply multiply
the length of the short side by the golden ratio approximation of 1.618.
So the long side in this instance would have a length of 1.618.
00:01:31.800 --> 00:02:04.280
Today we use the golden ratio widely in graphics, websites
and applications to create more esthetic designs.
In particular, it is very easy to incorporate when building wireframes.
You can show that the content you need is prioritized properly and that the
esthetic demands of the layout will be met without doing too much design
work at first.
In this example, the ratio
between the content area and sidebar is equal to Phi.
If you divide the total width of 960
pixels by 1.618, you get 593 pixels.
00:02:04.280 --> 00:02:25.040
You then assign this width to the content area.
You assign the remaining 367 pixels to the side bar.
As this is a ratio, it is flexible.
This means that you can easily apply to make many
design layouts as there is no need to use fixed numbers.
All you need to do is specify that one area is 1.618 times longer than the other.