Золотое сечение

Влад Мержевич

Золотым сечением называется принцип деления отрезка на две части, при этом бóльшая часть отрезка относится к меньшей части так же, как длина всего отрезка к большей его части. Наглядно это показано на рис. 1.

Пропорции золотого сечения

Рис. 1. Пропорции золотого сечения

Золотое сечение характеризуется следующим соотношением.

B : A = C : B

Учитывая, что C = A + B в итоге получим квадратное уравнение, корнем которого будет выражение . Примерно это значение будет равно 0,6. Кроме того, полученный результат можно заменить приближенным отношением: 2/3, 3/5, 5/8, 8/13, 13/21,...

Числитель и знаменатель представляют собой ряд чисел Фибоначчи. С увеличением значений повышается и точность результата.

С золотым сечением связаны некоторые особенности. Такое отношение подсознательно воспринимается человеком как наиболее гармоничное, поэтому золотое сечение с давних пор активно применяется в фотографии, живописи и архитектуре. Кроме того, золотое сечение встречается и в природе, в частности, тело человека подчинено этому правилу (рис. 2).

Картина Леонардо да Винчи, изображающая пропорции человека

Рис. 2. Картина Леонардо да Винчи, изображающая пропорции человека

В дизайне золотое сечение используется в каноническом виде и в качестве «правило трети». Поясню насчёт последнего термина на примере фотографии. Если условно разделить изображение на три части по вертикали и горизонтали, то внимание человека будет невольно фокусироваться в местах пересечения линий. Соответственно, на фотографии необходимо располагать объекты таким образом, чтобы они находились на этих линиях по горизонтали или вертикали или даже в местах их пересечений. «Правило трети» является упрощением правила золотого сечения, поскольку 2/3 — это первое приближенное отношение (рис. 3).

Разделение фотографии на три части

Рис. 3. Разделение фотографии на три части

В силу ряда причин золотое сечение находит редкое применение в веб-дизайне по сравнению с фотографией, живописью или архитектурой. Если веб-страница делится на две колонки, то в одной из них, как правило, размещается навигация, а отдавать под неё треть общей ширины расточительство.  К тому же для большинства посетителей сайтов, как показывают наблюдения, деление страницы по правилам золотого сечения не кажется комфортным и привычным. Всё-таки, сложились другие привычки и стереотипы.

Однако остаётся большая группа сайтов, где применяется презентационный дизайн, основой которого выступает одно эффектное изображение или фотография. Вот для такого дизайна использование принципа золотого сечения придётся весьма кстати.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.