Понимание золотого сечения в дизайне
Говорят, что есть «божественная пропорция», которая покоится в природе и во многих вещах вокруг нас. Вы можете найти ее в цветах, ульях, морских раковинах и даже в нашем теле.
Эта божественная пропорция, также известная как Золотое сечение, Божественное сечение или Золотое сечение, может применяться к различным искусствам и дисциплинам. Ученые утверждают, что чем ближе объект к золотому сечению, тем более приятным и приятным он кажется человеческому мозгу.
С тех пор, как это соотношение было открыто, многие художники и архитекторы применяли его в своих работах. Вы можете найти золотое сечение в нескольких шедеврах эпохи Возрождения, архитектуре, живописи и многом другом. Результат: красивый и эстетичный шедевр.
Никто на самом деле не знает, что такого в золотом сечении, которое радует наш глаз. Большинство считает, что тот факт, что она проявляется повсюду и является «универсальной» пропорцией, заставляет нас принимать ее как логическую, гармоническую и органическую пропорцию. Другими словами, это просто «ощущается» нашим мозгом.
Итак, что такое золотое сечение?
Золотое сечение, также известное как «фи» по-гречески, является математической константой. Его можно выразить уравнением a/b=a+b/a= 1,618033987, где a больше, чем b. Это также можно объяснить с помощью последовательности Фибоначчи, еще одной божественной последовательности. Последовательность Фибоначчи начинается с 1 (некоторые говорят, что 0) и суммирует предыдущее число, чтобы получить следующее (т.е. 1, 1, 2, 3, 5, 8, 13, 21…)
Если вы попытаетесь найти частное двух следующих друг за другом чисел Фибоначчи (то есть 8/5 или 5/3), результат будет очень близок к золотому сечению 1,6, или φ(Phi).
Золотая спираль создается с помощью Золотого прямоугольника. Как только у вас будет прямоугольник из 1, 1, 2, 3, 5 и 8 квадратных блоков соответственно, как показано на изображении выше, вы можете начать строить золотой прямоугольник. Используя сторону квадрата в качестве радиуса, вы должны создать дугу, которая касается обеих точек квадрата по диагонали. Повторите это для каждого квадрата внутри золотого треугольника, и вы получите золотую спираль.
Где мы можем увидеть это в природе:
Золотое сечение и последовательность Фибоначчи проявляются в количестве лепестков цветов. У большинства цветов есть лепестки, состоящие из двух, трех, пяти или более лепестков, которые являются частью божественной последовательности. Например, у лилии 3 лепестка, у лютика — 5, у цветка цикория — 21, а у маргаритки — 34. По-видимому, семенная головка цветка также следует золотому сечению. У подсолнуха, например, есть семена, которые выходят из центра и растут снаружи, чтобы заполнить семенную головку. Обычно они формируются в виде спиралевидных узоров, напоминающих золотую спираль. Более того, количество семян обычно складывается с числами Фибоначчи.
Руки и пальцы также следуют золотому сечению. Присмотрись! Основание ладони до кончика пальца разделено на порции (косточки). Отношение одной части к другой всегда будет 1,618! Даже соотношение предплечья и кисти такое же. Даже пальцы ног и лицо, мы продолжаем и продолжаем…
Применение в искусстве и архитектуре:
Считается, что Парфенон в Греции был построен с использованием золотых пропорций. Считается, что размерные отношения высоты, ширины, колонн, расстояния между колоннами и даже размера портика соотносятся с золотым сечением. Возможно, это потому, что здание кажется настолько пропорционально совершенным, и так было всегда с древних времен.
Леонардо Ди Винчи также был поклонником Божественной пропорции (и многих других любопытных тем, кстати!). Удивительная красота Моны Лизы может быть связана с тем, что ее лицо и тело соответствуют золотому сечению, как и настоящие человеческие лица в природе. Кроме того, фигуры, расположенные на картине Леонардо Ди Винчи «Тайная вечеря», располагают фигуры в манере, в которой используются золотые пропорции. Когда вы рисуете на холсте золотые прямоугольники, центральная пропорция точно помещает Иисуса прямо посередине.
Приложения в дизайне логотипов:
Неудивительно, что вы также можете найти использование этого божественного пайка во многих дисциплинах современности, особенно в дизайне. А пока давайте сосредоточимся на том, как его можно использовать в дизайне логотипа. Во-первых, давайте посмотрим на некоторые из самых известных мировых брендов, которые использовали золотое сечение для усовершенствования своих логотипов.
Судя по всему, Apple использовала круги, соответствующие ряду Фибоначчи, чтобы разместить и вырезать формы логотипа Apple. Было ли это сделано намеренно, неизвестно. Тем не менее, в результате получается идеальный и визуально эстетичный дизайн логотипа.
Логотип Toyota соответствует соотношению a и b, образуя сетку, в которой расположены три кольца. Обратите внимание, как этот логотип использует прямоугольники вместо кругов для создания золотого сечения.
Логотип Pepsi можно создать из двух пересекающихся кругов, один из которых больше другого. Большее по сравнению с меньшим, как показано на изображении выше, пропорционально — как вы уже догадались! Их последний плоский логотип прост, эффективен и красив!
Считается, что кроме Toyota и Apple логотипы нескольких других компаний, таких как BP, iCloud, Twitter и Grupo Boticario, учитывали золотое сечение. И все мы знаем, насколько знамениты эти логотипы — потому что изображение сразу же всплывает в нашей голове!
Вот как вы можете применить это в своих проектах
Сделайте набросок золотого прямоугольника желтым цветом, как показано выше. Это можно сделать, построив квадраты с высотой и шириной числа, принадлежащего золотой последовательности. Начните с первого элемента и поместите рядом с ним еще один квадратный элемент размером в 1 единицу. Поместите еще один квадрат на 2 квадрата выше двух. У вас автоматически будет сторона в 3 единицы с первыми тремя квадратами. После построения коробки из 3 квадратов у вас получится сторона из 5 квадратов, из которой вы можете сделать еще один квадрат (5 квадратов). Это может продолжаться вечно, прежде чем вы поймете, что у вас есть именно тот размер, который вам нужен!
Прямоугольник можно расположить в любом направлении. Разделите меньшие прямоугольники и используйте каждый из них, чтобы собрать макет, который будет служить сеткой вашего логотипа.
Если логотип более круглый, вам потребуется круглая версия золотого прямоугольника. Вы можете сделать это, построив круги, пропорциональные числам Фибоначчи. Создайте золотой прямоугольник, используя только круги (это означает, что самый большой круг будет иметь диаметр 8, затем меньший круг диаметром 5 и так далее). Теперь разделите эти круги и разместите их так, как вам нравится, чтобы сформировать базовый макет вашего логотипа. Вот пример логотипа Twitter:
Примечание. Вам не обязательно использовать все круги или прямоугольники из золотого прямоугольника. Вы также можете использовать один размер несколько раз.
Как применить его к тексту на дизайне:
Это менее сложно, чем разработка логотипа. Простое правило применения золотого сечения в тексте состоит в том, что следующий больший или меньший текст должен соответствовать Фи. Давайте посмотрим на этот пример:
Если размер моего шрифта равен 11, то у меня должен быть подзаголовок с более крупным шрифтом. Я умножу свой текстовый шрифт на золотое сечение, чтобы получить большее число (11 1,6 = 17). Следовательно, мой подзаголовок должен быть размером 17. Теперь я хочу еще больший заголовок или заголовок. Я умножу свой шрифт подзаголовка на соотношение, чтобы получить 27 (17 1,6 = 27). Вот оно! Ваш текст теперь пропорционален золотому сечению.
Как применить это в веб-дизайне:
Здесь все становится немного сложнее. Вы можете оставаться верным золотому сечению даже в своем веб-дизайне. Если вы опытный веб-дизайнер, возможно, вы уже догадались, где и как это можно применить. Да, мы можем эффективно использовать золотое сечение и применять его к сеткам нашей веб-страницы и макетам пользовательского интерфейса.
Возьмите общий пиксель сетки по ширине или по высоте и используйте его для построения золотого прямоугольника. Разделите наибольшую ширину или длину, чтобы получить меньшее число. Это может быть ширина или высота вашего основного контента. То, что у вас осталось, может быть вашей боковой панелью (или нижней панелью, если вы применили ее к высоте). Теперь продолжайте использовать золотой прямоугольник, чтобы применить его к полям, кнопкам, панелям, изображениям и тексту. Вы также можете построить полную сетку на основе уменьшенных версий золотого прямоугольника, размещенных горизонтально и вертикально, чтобы создать меньшие объекты интерфейса, пропорциональные золотому прямоугольнику. Чтобы получить пропорции, вы можете использовать этот калькулятор.
Спираль:
Вы также можете использовать Золотую спираль, чтобы определить, где размещать контент на вашем сайте. Если у вас есть домашняя страница, загруженная графическим контентом, например, на веб-сайте интернет-магазина или блоге фотографии, вы можете использовать метод золотой спирали, который многие художники использовали в своих работах. Идея состоит в том, чтобы поместить наиболее ценный контент в центр спирали.
Кластеризация контента может быть выполнена в соответствии с золотым прямоугольником. Это означает, что чем ближе к центральным квадратам движется спираль (к квадратам на одну единицу), тем «плотнее» становится содержимое.
Вы можете использовать этот метод, чтобы определить местоположение вашего заголовка, изображений, строки меню, панелей инструментов, полей поиска и других элементов. Twitter известен тем, что использует золотой прямоугольник не только в своем логотипе, но и в своем веб-дизайне. Как? Используя золотой прямоугольник или, другими словами, концепцию золотой спирали на странице профиля пользователя.
Это может быть непросто использовать на платформах CMS, где макет определяет создатель контента, а не веб-дизайнер. Золотое сечение хорошо работает с WordPress и другими дизайнами в стиле блога. Вероятно, это связано с тем, что боковая панель почти всегда присутствует в дизайне блога, который хорошо сочетается с золотым прямоугольником.
Более простой метод:
Очень часто дизайнеры пропускают сложную математику и применяют то, что они называют «правилом третей ». Этого можно добиться, разделив площадь на три равные части как по горизонтали, так и по вертикали. В результате получается девять равных частей. Пересечение линий можно использовать в качестве фокуса для формы или дизайна. Вы можете поместить ключевой объект или основные элементы в один или все эти фокусы. Фотографы используют эту концепцию и для постеров.
Чем ближе прямоугольники к соотношению 1:1,6, тем оно более визуально-приятно для человеческого мозга (поскольку оно ближе к золотому сечению).