The golden ratio in web-design
Atekla Watermark

The golden ratio in web-design

How is the golden ratio used?
20.02.2019
The main indicator of the quality of a created design is the ease and naturalness of its perception, as well as the aesthetic and technical parts. Functionally correct and visually pleasing design will show the level of the quality of the work done. The use of classical techniques such as the rule of the golden ratio in the design helps to solve working problems in the most optimal way.

The principle of the golden ratio lies on the proportional division of a segment into two unequal parts, in which a smaller segment refers to a larger one as much as to every segment. The proportion, created according to the principle of the golden ratio, is perceived as natural and harmonious, therefore the design created according to this principle will be easy for the user to understand.


There are several options for applying the golden ratio rule in web-design.

1. The sizes of blocks and the elements on the page.
The proportion (a + b) / a = a / b ≈ 1.62 is used for page zoning, as well as for creating separate blocks if they need to be divided into two equally proportional parts.

If you apply the formula of the golden ratio in website's design:

- Then for a layout of 1024 px, we get parts of 633 px for content and 391 px for the sidebar.
- If you take a width of 1000 px, then the columns will be 618 px and 382 px.
- If the design width of 960 px layout is divided into 593 px and 367 px.

2. Application of Fibonacci numbers.
Fibonacci numbers are considered as the mathematical rationale for the golden ratio. Fibonacci numbers are the elements of a number sequence in which the first two numbers are either 1 and 1, or 0 and 1, and each subsequent number is the sum of two previous numbers. The Fibonacci numbers can be used to create a wide variety of shapes, such as squares, circles, ovals, and others.

3. Golden Spiral
Golden Spiral is constructed by using the Fibonacci series and additionally determines the location of the elements - from the smallest to the largest as the helix turns increase. It can be deployed in any way as it depends on the requirements of the website layout.

The rule of the golden ratio in web-design helps the client to perceive the website since the pages generated by this rule are harmonious and natural.
Get a free audit.
Fill out the form to receive a free audit of your website. We will reveal both its strengths and weaknesses.
, ! Your request for the website audit has been passed successfully.
We will send you the results on the next working day back to your email - !
Thank you for choosing our studio!
Do you want to work with us?
We are glad to accept new employees in our studio.
Send us your contact information, a link to your portfolio and a motivation letter.
, , thank you for your wish work with us!
If you approach us, our employee will contact you shortly to discuss working conditions.
Get a free
consultation
Email us if you are ready to take the first step towards your new and improved business.
, , your request sended successfully,
our managers will contact you soon!
I need a website!
We will develop the best website for your business needs
, , your request sended successfully,
our managers will contact you soon!
Get the 50 QUESTIONS for FREE
to identify the growth points in your business
The 50 QUESTIONS to identify the growth points in your business
, The 50 Questions were sent to your e-mail for you to identify the growth points in your business.