Золотое сечение: что это такое и основные правила пропорций

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

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

Принцип золотого сечения заключается в том, что элементы композиции располагаются в пропорции около 1: 1,618. К примеру, в основе композиции в дизайне часто используется золотой прямоугольник размером 1000 × 618 пикселей. Такая пропорция считается визуально гармоничной, уравновешенной и естественно приятной для восприятия.

Принцип золотого сечения важен в графическом дизайне по трём причинам:

1. Он помогает логично и красиво расставить элементы, делая визуальную структуру более естественной.
2. Метод придаёт композиции ощущение гармонии и порядка, что облегчает восприятие.
3. Золотое сечение способствует созданию доверия к бренду, так как визуально привлекательный дизайн воспринимается как более профессиональный и надёжный.

Изучить золотое сечение и другие фундаментальные принципы построения композиции поможет курс «Графический дизайнер». С помощью занятий можно научиться визуальной коммуникации через образы, а также получить практику, которая станет плюсом при поиске работы.

С точки зрения математики золотое сечение — это иррациональное число, которое составляет примерно 1,618. Оно обозначается греческой буквой φ («фи»).

Чтобы получить математически верное золотое сечение, нужно разделить отрезок на две части так, чтобы его общая длина относилась к большему отрезку так же, как больший отрезок к меньшему.

Золотое сечение напрямую связано с понятием логарифмической спирали, которую также называют золотой спиралью. Она строится внутри золотого прямоугольника. Если внутри него последовательно отрезать квадрат, то оставшаяся часть снова будет золотым прямоугольником, только меньшим. Дуги, протянутые через противоположные углы каждого квадрата, образуют плавно закручивающуюся спираль.

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

Также на принципах золотого сечения строится типографика. Они применяются при подборе размеров заголовков, подзаголовков, интерлиньяжа и отступов между блоками текста. К примеру, если основной текст — 16 pt, то заголовок может быть 26 pt — это визуально гармонично и улучшает читаемость.

Золотое сечение применяется на практике и в других направлениях. Например, в веб-дизайне оно помогает структурировать пространство. Страницу или экран делят по вертикали или горизонтали в пропорции 1: 1,618 на основную и вспомогательную зоны. Основной контент — изображение или текст — располагается в большей части, а второстепенные элементы, такие как шапка, подписи, кнопки и иллюстрации, — в меньшей. Например, при ширине 960 пикселей основная часть займёт около 593 пикселей, а сайдбар — 367 пикселей.

В 3D-дизайне принципы золотого сечения помогают моделировать плавные контуры тел, изгибы объектов. Кроме того, правило позволяет грамотно размещать элементы композиции и фокусные точки, усиливая восприятие и реалистичность сцены.

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

● Живопись. Леонардо да Винчи в «Тайной вечере» разместил Иисуса в центре композиции — строго в точке золотого сечения. Сандро Боттичелли использовал этот принцип в «Рождении Венеры»: ключевые фигуры и линии тела Венеры вписываются в золотую сетку.

Считается, что картины «Девушка с жемчужной серёжкой» и «Джоконда» выполнены по правилам золотого сечения

● Архитектура. Фасад и фронтон Парфенона в Афинах, а также собор Нотр-Дам в Париже подчиняются пропорциям, близким к золотому сечению.

Эйфелева башня — пример применения правил золотого сечения в архитектуре

● Фотография. Многие фотографы используют золотую спираль: она помогает создать акцент и направить взгляд зрителя по кадру.

● Графический дизайн. Афиши, обложки, рекламные макеты: заголовки и изображения размещаются по золотой сетке для усиления баланса и выразительности. Например, в рекламе Apple часто используются пустое пространство и минималистичная композиция, выстроенная по золотым пропорциям.

Считается, что редизайн логотипа Pepsi в 2008 году был выполнен по принципам золотого сечения

● UX/UI-дизайн. Пропорциональное деление экранов на контент и навигацию по золотому сечению делает интерфейсы визуально удобными. В лендингах часто используют золотой прямоугольник для построения сетки: заголовок, изображение, текст и кнопка размещаются по ключевым линиям.

Разберёмся, как использовать принцип золотого сечения на практике.

Если хочется потренироваться, можно создать спиральную сетку с нуля. Это делается в три шага:

1. Построить золотой прямоугольник с соотношением сторон 1:1,618.
2. Последовательно отделить квадраты от прямоугольника, пока не останется самый последний маленький прямоугольник.
3. Через противоположные углы квадратов нужно провести дуги — это линии, из которых получится спираль.

При построении прямоугольника и спирали не стоит стремиться к абсолютной точности. Золотое сечение лучше использовать как ориентир, а не как догму. Иногда глаз чувствует баланс лучше, чем формула.

Во многих графических редакторах есть встроенные инструменты, которые вызывают сетку золотого сечения. К примеру, в Figma можно использовать плагины Golden Ratio Grid, Golden Rectangle или Fibonacci Layout.

Когда сетка готова, можно создавать макет. Ключевой элемент, например заголовок, фото или CTA-кнопку, стоит разместить в центре спирали, а второстепенные элементы (подписи, иконки, декоративные детали) — по остальным изгибам спирали. Это создаст естественный маршрут для взгляда.

Для того чтобы в будущем постоянно не сверяться с правилами композиции по золотому сечению, полезно развивать насмотренность. Можно сделать визуальную подборку, к примеру в Pinterest, c изображениями, которые соответствуют принципам. Также полезно искать их в природе: морские раковины, галактики, улитки — эти формы подскажут, как использовать золотое сечение в дизайне не механически, а органично.