05/08/2022
Golden Ratio
➡️ What is the Golden Ratio?
Also known as the Golden Section, Golden Mean, Divine Proportion, or the Greek letter Phi, the Golden Ratio is a special number that approximately equals 1.618. The ratio itself comes from the Fibonacci sequence, a naturally occurring sequence of numbers that can be found everywhere, from the number of leaves on a tree to the shape of a seashell.
The Fibonacci sequence is the sum of the two numbers before it. It goes: 0, 1,1, 2, 3, 5, 8, 13, 21, and so on, to infinity. From this pattern, the Greeks developed the Golden Ratio to better express the difference between any two numbers in the sequence.
How does this relate to design? You can find the Golden Ratio when you divide a line into two parts and the longer part (a) divided by the smaller part (b) is equal to the sum of (a) + (b) divided by (a), which both equal 1.618. This formula can help you when creating shapes, logos, layouts, and more.
✒️ You can also take this idea and create a golden rectangle. Take a square and multiple one side by 1.618 to get a new shape: a rectangle with harmonious proportions.
➡️ If you lay the square over the rectangle, the relationship between the two shapes will give you the Golden Ratio.
If you keep applying the Golden Ratio formula to the new rectangle on the far right, you will end up with an image made up of increasingly smaller squares.
If you draw a spiral over each square, starting in one corner and ending in the opposite one, you’ll create the first curve of the Fibonacci sequence (also known as the Golden Spiral).
➡️ Golden Ratio Mathematics
Formula (1 + Square root of√5)/2 = 1.618
➡️ Here are five tools to help you use the Golden Ratio in your designs:
Golden Ratio Calculator: Calculate the shorter side, longer side, and combined length of the two sides to figure out the Golden Ratio.
➡️ Golden RATIO :
Created for designers and developers, this app gives you an easy way to design websites, interfaces, layouts, and more according to the Golden Ratio. It includes a built‑in calculator with visual feedback and features to store screen position and settings, so you don’t have to rearrange the Golden Ratio for every task.
Golden Ratio Typography Calculator: Discover the perfect typography for your website by entering your font size and width. You can optimize based on font size, line height, width, and characters per line.
➡️ Phi Matrix :
This Golden Ratio design and analysis software comes customizable grids and templates that you can overlay on any image. It can be used for design and composition, product design, logo development, and more.
Golden Ratio Sketch Resource :
Download a free Sketch file of the Golden Spiral to help with image and layout composition.