How to choose the right web design for a web site
Web design - this is how much "meet" | web design and web site Each web studio begins to create a web site with the development and selection of web…

Continue reading →

Cards vs lists. Their influence on user experience
he most common ways to organize web content today are cards and lists. Each of them has its pros and cons. If lists were used for this purpose for a…

Continue reading →

How to create an unforgettable wedding website
Home »Web Design» Articles »How to create an unforgettable wedding website How to create an unforgettable wedding website Marry soon? Congratulations! But before you get to the altar, you have…

Continue reading →

Get rid of the guesses in the design
Creativity breathes life into successful sites. However, creative ideas and solutions often resemble guessing - a dangerous business, I tell you. So what can designers do to convince the customer,…

...

The principle of the golden section in the design of sites

A key indicator of the quality of web design is how natural and easy it is perceived by users. When creating a visual site design, it is important to illustrate the functionality and informative component of the project, to form its correct perception. The use of classical techniques such as the rules of the golden section in the design helps to solve such problems in an optimal way. We will consider it today.

This principle describes a mathematical proportion that forms a harmonious, natural relationship of the parts of one whole to each other. It is obtained by dividing the whole into two parts so that the ratio of the first part to the second is the same as the ratio of the whole to the first part.
Among the first rule began to use the ancient Greek sculptor and architect Phidias. After two centuries, Euclid gives his exact mathematical description. Some time later, Leonardo da Vinci will apply the same idea in his works. His Vitruvian man, created according to the rule of the golden section, later became an illustration of harmony and proportionality in the construction of the human body in particular and of the Universe in general.

The embodiment of the ideal proportion can be seen in many places: in full-blown flowers, works of art, images of the Milky Way.

THE RULE OF GOLD SECTION IN WEBSITE DESIGN
As we said above, the proportion created on the principle of the golden section is perceived as natural and harmonious. Therefore, designs built with its help are more understandable and user-friendly. When developing a website, this approach is not always used, but the traditional layouts for creating layouts are somehow based on it.

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

1. DIMENSIONS OF BLOCKS AND ELEMENTS ON THE PAGE
The proportion described above is used when zoning a page, as well as forming individual blocks, if they need to be divided into two proportional parts. For calculations, use the number Φ, approximately equal to 1.62 (a more accurate value – 1.618).
2. APPLICATION OF NUMBERS
Fibonacci numbers are considered a mathematical rationale for the golden section. This is a sequence of integers from 1, in which each successive number is the sum of the two previous ones: 1, 2, 3, 5, 8, 13, etc. Fibonacci series are used in the construction of multi-element layouts.
3. GOLDEN SPIRAL
It is constructed 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 – it depends on the requirements for the layout.
4. RULES OF THIRDS IN A WEB DESIGN
It is used for page zoning and user attention management. The bottom line is to divide the page or element into three equal parts horizontally or vertically. The intersection of the lines – the point of maximum attraction of attention. By quickly scanning the site with a look, people most often focus on the elements that are on these points or near them.

Use all four points is optional. In the example above, the emphasis is on text and video. The resulting rectangles can additionally form “functional zones”. So, site visitors are used to seeing the logo in the upper left corner, they pay attention to this zone first. Contact information, a basket of goods (in the case of an online store), the address and opening hours are usually placed in the upper right corner, etc. The rule of thirds and the golden ratio in website design perfectly complement each other.

Here is another good example where the most important elements for attracting the attention of users are located at two points (highlighted in pink).

The rule of the golden section in web design adds to the layout of naturalness and helps them to be perceived more harmoniously. This principle is implemented by calculating the ideal proportions of blocks and elements on the page, the imposition of a golden spiral, as well as the use of points of maximum focus of attention (rule of thirds). With their help, you can get a convenient, understandable and efficient web project interface.

Effective methods of split-screen design
One of the most notable trends in web design in 2017 can be called the division of the screen into two parts. More and more web projects use a similar…

...

Where and how to make a designer online
At present, it is not so easy to find a suitable and well-paid job, even for a knowledgeable, knowledgeable person. The crisis and any other nonsense oppresses, some design unemployment…

...

What is polyfil?
Where did the polyfill come from and how did the term form? This happened earlier, in 2009, when I was busy writing the book "Introducing HTML5" ("Introducing HTML5"). Sitting in…

...