Полезное

Что такое золотое сечение?

IT-копирайтер, переводчик, контент-менеджер.

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

Что общего у египетских пирамид, картины «Мона Лиза» Леонардо да Винчи и логотипов Twitter и Pepsi?

 

Не будем тянуть с ответом – все они созданы с использованием правила золотого сечения. Золотое сечение – это соотношение двух величин а и b, которые не равны между собой. Данная пропорция часто встречается в природе, также правило золотого сечения активно используется в изобразительном искусстве и дизайне – композиции, созданные с использованием «божественной пропорции», хорошо сбалансированы и, что называется, приятны для глаз. Но что именно представляет собой золотое сечение и можно ли использовать его в современных дисциплинах, к примеру, в веб-дизайне? Давайте разберемся.

 

НЕМНОГО МАТЕМАТИКИ

 

Допустим, у нас есть некий отрезок АБ, разделенный надвое точкой С. Соотношение длин отрезков: AC/BC = BC/AB. То есть, отрезок разделен на неравные части таким образом, что большая часть отрезка составляет такую же долю в целом, неразделенном отрезке, какую меньший отрезок составляет в большем.

Золотая пропорция
Такое неравное разделение и называется золотым сечением. Обозначается золотое сечение символом φ. Значение φ составляет 1,618 или 1,62. В общем, если говорить совсем просто, это деление отрезка или любой другой величины в отношении 62% и 38%.

 

«Божественная пропорция» была известна людям с древнейших времен, этим правилом пользовались при возведении египетских пирамид и Парфенона, золотое сечение можно обнаружить в росписи Сикстинской капеллы и на картинах Ван Гога. Широко используется золотое сечение и в наши дни – примеры, которые постоянно у нас перед глазами – это логотипы Twitter и Pepsi.

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

Человеческий мозг устроен таким образом, что он считает красивыми те изображения или объекты, в которых можно обнаружить неравное соотношение частей. Когда мы говорим о ком-то, что «он пропорционально сложен», мы, сами того не ведая, имеем в виду золотое сечение.

 

Золотое сечение можно применять к различным геометрическим фигурам. Если взять квадрат и умножить одну его сторону на 1,618, то мы получим прямоугольник.

Божественная пропорция 

Теперь, если наложить квадрат на этот прямоугольник, мы сможем увидеть линию золотого сечения:

 

Если продолжать использовать эту пропорцию и разбивать прямоугольник на более мелкие части, мы получим вот такую картину:

 

Пока еще не понятно, куда нас заведет это дробление геометрических фигур. Еще чуть-чуть и все станет ясно. Если в каждом из квадратов схемы провести плавную линию, равную четвертинке окружности, то мы получим Золотую спираль.



Это необычная спираль. Ее еще иногда называют спиралью Фибоначчи, в честь ученого, который исследовал последовательность, в которой каждое число рано сумме двух предыдущих. Суть в том, что это математическое соотношение, визуально воспринимаемое нами как спираль, встречается буквально повсюду – подсолнухи, морские раковины, спиральные галактики и тайфуны – везде есть золотая спираль.

 

КАК МОЖНО ИСПОЛЬЗОВАТЬ ЗОЛОТОЕ СЕЧЕНИЕ В ДИЗАЙНЕ?

 

Итак, теоретическая часть окончена, переходим к практике. Неужели золотое сечение можно использовать в дизайне? Да, можно. К примеру, в веб-дизайне. Учитывая данное правило, можно получить правильное соотношение композиционных элементов макета. В результате все части дизайна, вплоть до самых маленьких, будут гармонично сочетаться между собой.

 

Если взять типичный макет с шириной 960 пикселей и применить к нему правило золотого сечения, то мы получим вот такую картину. Соотношение между частями составляет уже известное 1:1,618. В результате мы имеем двухколоночный макет, с гармоничным сочетанием двух элементов.

 

Сайты с двумя колонками встречаются очень часто и это далеко не случайно. Вот, к примеру, сайт National Geographic. Две колонки, правило золотого сечения. Хороший дизайн, упорядоченный, сбалансированный и учитывающий требования визуальной иерархии.

 

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

 

Агентство Lemon Graphic, создавшее визуальный образ для компании Terkaya Wealth Management, также использовала соотношение 1:1,618 и золотую спираль. Три элемента дизайна визитной карточки прекрасно вписываются в схему, в результате чего все части  очень хорошо сочетаются между собой

 

А вот еще интересное использование золотой спирали. Перед нами опять сайт National Geographic. Если взглянуть на дизайн повнимательнее, то можно увидеть, что на странице есть еще один логотип NG, только поменьше, который расположен ближе к центру спирали.



Разумеется, это не случайно – дизайнеры прекрасно знали, что они делают. Это отличное место, чтобы продублировать логотип, так как наш глаз, рассматривая сайт, естественным образом смещается к центру композиции. Так работает подсознание и это необходимо учитывать при работе над дизайном.

 

ЗОЛОТЫЕ КРУГИ

 

«Божественная пропорция» может применяться к любым геометрическим фигурам, в том числе и к кругам. Если вписать окружность в квадраты, соотношение между которыми составляет 1:1,618, то мы получим золотые круги.

 

Вот логотип Pepsi. Все ясно без слов. И соотношение, и то, как была получена плавная дуга белого элемента логотипа.

 

С логотипом Twitter все немного сложнее, но и здесь видно, что его дизайн основан на использовании золотых кругов. Он немного не соответствует правилу «божественной пропорции», но по большей части все его элементы вписываются в схему.

 

ВЫВОД

 

Как видно, несмотря на то, что правило золотого сечения известно с незапамятных времен, оно нисколько не устарело. Следовательно, его можно использовать в дизайне. Не обязательно изо всех сил стараться уложиться в схему – дизайн дисциплина неточная. Но если нужно добиться гармоничного сочетания элементов, то попробовать применить принципы золотого сечения не помешает.

  • 40623