How is the golden ratio used in design?
The Egyptians used it to build the pyramids, the Greeks used it to design the Parthenon, Dan Brown based the Da Vinci Code on it, and designers use it all the time. Of course, we are talking about the golden ratio. It is also called Phi, φ after the Greek sculptor Phidias.
What is the Golden Ratio?
The golden ratio, or Phi, is an irrational number equal to 1.618. The golden ratio was the division of a section into parts, in which the whole section is related to its larger part as the larger part is related to the smaller part. (a+b)/a=a/b.
How to calculate the golden ratio?
To calculate the golden ratio, you divide the line segment into two smaller parts. The longer part (a) divided by the shorter part (b) equals the sum of (a) and (b) divided by (a) equals 1.618. This formula helps create shapes, layouts, structures, logos, and more. The golden ratio or Phi is equal to ~ 1.61803398874989484820… Since Phi is irrational, the digits after the decimal point continue forever without repeating.
The Golden Ratio and the Fibonacci Sequence
The Fibonacci sequence is the sum of the two numbers preceding it. Using the Fibonacci pattern, the Greeks developed the golden ratio to express the difference between any two numbers in the sequence. As the Fibonacci numbers increase, the ratio of successive numbers in the Fibonacci series begins to approach the Golden Section. In Arthur Benjamin’s Ted Talk, there are very detailed and beautiful descriptions of the connection between these two patterns.
Examples of the golden ratio in nature and art
– Petals – The number of flower petals follows the Fibonacci sequence, including Chamomile, which has 34 petals. Each petal is placed on the flower with a rotation of 0.618034 b. This facilitates the best exposure to sunlight.
– Painting – Da Vinci’s The Last Supper is one of the best examples of Golden Ratio grids, Michelangelo’s The Creation of Adam, many paintings by Georges Seurat, and Edward Burne-Jones’ Golden Staircase.
– Logos – Apple, Pepsi, Google, National Geographic, etc
– Architecture. From the Pyramids and the Parthenon to the UN Secretariat building in New York.
How does it apply to UI UX design and beyond?
A flawless UI UX design is a must on websites. Does the website design also follow the Golden Ratio pattern? Yes, yes, and yes once. While there are many ways you can incorporate it, let’s focus on the most important aspects of how to use the Golden Ratio in design.
Fonts and hierarchy
Suppose you need to find out the font size of your website. The first thing is to create a hierarchy for your body of text, regardless of the length of the text. The golden ratio can be used in minutes to figure out the hierarchy. For example, if your main text size is 12px, and if you multiply that by 1.618, you get 19.416, which is the correct size for your header text.
Attractive UI design
How can the golden ratio of design be used to improve the layout of shapes? Take a page that highlights a block of content. Set the dimensions: Take any layout that is 960px wide, divide it by 1,618 and you get 594, which is the height of the layout.
The first fundamental requirement for creating your brand identity is having your logo. When creating a logo for your business, you can use the golden ratio to get a proportional image. Using the golden ratio formula, you can easily create a logo with minimalistic and harmonious dimensions that become part of your brand identity.
If the great Renaissance artists could do this, what is to stop us from using the Golden Mean for image composition? You can use the golden spiral on images to test harmony and balance.
In one word
Golden ratio is everywhere in design. Use it in your designs to get competent, professional and balanced visuals.