Калькулятор золотого сечения

Руководство по золотому сечению

Золотое сечение (φ ≈ 1.618033) — это пропорция, встречающаяся в природе: от раковин наутилуса до спиралей подсолнечника, и тысячелетиями используемая в искусстве и дизайне. Формы на пропорциях 1:1.618 ощущаются естественно сбалансированными, поэтому соотношение появляется в Парфеноне, Моне Лизе и сетках современных логотипов.

Введите любое значение, чтобы найти его золотую пару: разделите на φ для меньшего компаньона, умножьте на φ для большего. Используйте результаты для ширины макетов, типографических шкал (сочетайте с нашим инструментом типографической шкалы с 1.618), кадрирования изображений и пропорций логотипов. Предпросмотр рисует классический золотой прямоугольник со спиральными подразделениями.

Pro Tips

• В веб-макетах используйте золотое сечение для ширины контента и сайдбара: основная колонка × φ : сайдбар, например контент 960px с сайдбаром 593px.
• Сочетайте золотое сечение с типографической шкалой 1.618 для полностью гармоничной дизайн-системы — размеры заголовков, межстрочные интервалы и отступы происходят из одной константы.

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

Золотое сечение — это иррациональное число φ (фи), примерно 1,6180339887. Две величины находятся в золотом сечении, когда их сумма, делённая на большую, равна большей, делённой на меньшую: (a+b)/a = a/b. Пропорция встречается во всём искусстве и природе — от Парфенона и рисунков Леонардо да Винчи до раковин наутилуса и спиралей семян подсолнечника — и дизайнеры используют её как готовую формулу для уравновешенных, естественных композиций.

Золотое сечение в дизайне

Дизайнеры применяют 1,618, чтобы разделить пространство на доминирующую и поддерживающую части. Распространённый приём — разделение «контент–сайдбар»: основная колонка 960px сочетается с сайдбаром 593px (960 ÷ 1,618 ≈ 593). То же деление работает для высоты hero-секций, пропорций «изображение–текст» в карточках и геометрии логотипов. Поскольку пропорция повторяет себя на каждом масштабе — большая часть относится к целому так же, как меньшая к большей, — построенные на ней макеты выглядят спокойными и продуманными.

Золотой прямоугольник и спираль

У золотого прямоугольника стороны относятся как 1:1,618. Если вырезать из него наибольший возможный квадрат, остаток снова золотой прямоугольник — свойство повторяется бесконечно. Проводя четверти окружности через последовательность квадратов, получают золотую спираль, которая с каждой четвертью оборота растёт в φ раз. Дизайнеры используют спираль как направляющую взгляда: фокус постера, обложки или hero-изображения в точке сжатия спирали ведёт глаз по естественному пути.

Связь с последовательностью Фибоначчи

Последовательность Фибоначчи (1, 1, 2, 3, 5, 8, 13, 21, 34...) сходится к золотому сечению: деление любого члена на предыдущий даёт числа, всё ближе подходящие к 1,618 (21/13 ≈ 1,615; 34/21 ≈ 1,619). Поэтому в дизайне их считают близнецами: сетки, шаги отступов и даже размеры шрифта на основе Фибоначчи — практические приближения золотого сечения, а последовательность даёт удобные целые числа.

Применение 1,618 в вашем макете

Начните с одного конкретного размера — ширины контейнера, размера заголовка или числа колонок — и умножьте или разделите на 1,618, чтобы получить парные значения. Для систем отступов складывайте последовательность: 8, 13, 21, 34, 55px дают пять гармоничных шагов. Используйте этот калькулятор, чтобы найти золотую пару для любого ввода, и примените числа к ширине, высоте, полям и размерам текста — каждый элемент композиции будет разделять одну базовую пропорцию.