Что такое калькулятор золотого сечения для дизайна?
Золотое сечение (\(\varphi\), фи \(\approx 1{,}6180339887\)) — это пропорция, которую встречают повсюду: в искусстве, архитектуре и самой природе. Если разделить отрезок так, что целое относится к большей части так же, как большая часть к меньшей, такое соотношение воспринимается как особенно гармоничное и приятное глазу. Этот калькулятор берёт любую общую длину или размер и делит их на два отрезка по золотому сечению — идеально для вёрстки страниц, подбора размеров шрифта, построения сеток или кадрирования фотографий.
Как пользоваться
Введите общее значение — это могут быть пиксели, сантиметры, дюймы или любая другая единица. Калькулятор выдаст больший отрезок (\(a\)), меньший отрезок (\(b\)) и подтвердит значение \(\varphi\). Больший отрезок — это общее значение, делённое на фи; меньший — то, что осталось. Используйте большую часть под основную область контента или размер заголовка, а меньшую — под боковые колонки, подписи или второстепенные отступы.
Разбираем формулу
Деление строится на двух простых уравнениях:
$$\text{Larger} = \frac{\text{Total}}{\varphi} \qquad \text{Smaller} = \text{Total} - \text{Larger}$$где \(\varphi\) фиксировано и равно \(1{,}6180339887\). Благодаря уникальному свойству \(\varphi\), при котором \(1/\varphi = \varphi - 1 \approx 0{,}618\), больший отрезок составляет около 61,8% от целого, а меньший — около 38,2%. Отношение частей друг к другу (\(a/b\)) снова равно \(\varphi\).
Пример расчёта
Допустим, у вас макет шириной 1000 пикселей. Больший отрезок:
$$1000 \div 1{,}6180339887 \approx 618{,}03 \text{ px}$$а меньший:
$$1000 - 618{,}03 \approx 381{,}97 \text{ px}$$Получается, колонка контента шириной \(\approx 618\) px рядом с боковой панелью \(\approx 382\) px образует вёрстку по золотому сечению.
Частые вопросы
Золотое сечение и правило третей — это одно и то же? Нет. Правило третей делит кадр на равные трети (33/33/33), тогда как золотое сечение использует соотношение 61,8/38,2, которое многим дизайнерам кажется более динамичным.
Какие единицы измерения использовать? Любые, главное — единые. Пропорция безразмерна, поэтому пиксели, миллиметры и дюймы работают одинаково.
Почему меньшая часть составляет 38,2%? Потому что \(1 - 1/\varphi = 1 - 0{,}618 = 0{,}382\) — это доля, которая остаётся после того, как вы отделили больший золотой отрезок.
