20.05.2017
Золотое сечение – это то, о чем должен знать каждый дизайнер. Мы объясним, что это такое, и как вы можете его использовать.
Существует общее математическое соотношение, найденное в природе, которое может быть использовано в дизайне для создания приятных, натурально-выглядящих композиций. Его называют Золотым Сечением или греческой буквой “фи”. Если вы иллюстратор, арт директор или графический дизайнер, вам определенно стоит использовать Золотое Сечение в каждом проекте.
В этой статье мы объясним, как его использовать, а также поделимся несколькими отличными инструментами для дальнейшего вдохновения и изучения.
Тесно связанная с Последовательностью Фибоначи (Fibonacci Sequence), которую вы, возможно, помните из уроков математики или романа Дэна Брауна “Код Да Винчи”, Золотое Сечение описывает идеально симметричное взаимоотношение между двумя пропорциями.
Приблизительно равное соотношению 1: 1.61, Золотое Сечение может быть иллюститровано как Золотой Прямоугольник: большой прямоугольник, включающий квадрат (в котором стороны равны длине самой короткой стороны прямоугольника) и прямоугольник поменьше.
Если убрать квадрат из прямоугольника, останется другой, маленький Золотой Прямоугольник. Этот процесс может продолжаться до бесконечности, как и цифры Фибоначи, которые работают в обратном порядке. (Добавление квадрата со сторонами, равными длине самой длинной стороны прямоугольника, приближает вас к Золотому Прямоугольнику и Золотому Сечению.)
Золотое Сечение в действии
Считается, что Золотое Сечение используется уже около 4000 лет в искусстве и дизайне. Однако, многие люди соглашаются, что при строительстве Египетских Пирамид также использовался этот принцип.
В более современные времена это правило может быть замечено в музыке, искусстве и дизайне вокруг нас. Применяя аналогичную рабочую методологию, вы можете привнести в свою работу те же особенности дизайна. Давайте взглянем на несколько вдохновляющих примеров.
Греческая архитектура
В древнегреческой архитектуре Золотое Сечение использовалось для определения приятных пространственных отношений между шириной здания и его высотой, размером портика и даже положением колонн, поддерживающих структуру.
В результате получается идеально пропорциональное строение. Движение неоклассической архитектуры также использовало эти принципы.
Тайная вечеря
Леонардо Да Винчи, как и многие другие художники прошлых лет, часто использовал Золотое Сечение для создания приятных композиций.
В Тайной вечере фигуры расположены в нижних двух третях (самая большая из двух частей Золотого Сечения), а Иисус идеально зарисован между золотых прямоугольников.
Золотое сечение в природе
Существует множество примеров Золотого Сечения в природе – их вы можете обнаружить вокруг себя. Цветы, морские раковины, ананасы и даже пчелиные соты демонстрируют одинаковое соотношение.
Как рассчитать Золотое Сечение
Рассчет Золотого Сечения достаточно прост, и начинается с простого квадрата:
01. Нарисуйте квадрат
Он образует длину короткой стороны прямоугольника.
02. Разделите квадрат
Разделите квадрат пополам с помощью вертикальной линии, образуя два прямоугольника.
03. Проведите диагональ
В одном из прямоугольников проведиде линию из одного угла в противоположный.
04. Поверните
Поверните эту линию так, чтобы она легла горизонтально по отношению к первому прямоугольнику.
05. Создайте новый прямоугольник
Создайте прямоугольник, используя новую горизонтальную линию и первый прямоугольник.
Как использовать Золотое Сечение
Использовать этот принцип проще, чем вы думаете. Существует пара быстрых трюков, которые вы можете использовать в своих макетах, или потратить немного больше времени и полностью раскрыть концепт.
Быстрый способ
Если вы когда-нибудь сталкивались с “Правилом третей”, то вам будет знакома идея разделения пространства на равные трети по вертикали и горизонтали, при этом места пересечения линий создают естественные точки для объектов.
Фотограф размещает ключевой объект на одной из этих пересекающихся линий, чтобы создать приятную композицию. Этот прицип может также использоваться в вашей разметке страниц и дизайне постеров.
Правило третей можно применять к любой форме, но если вы примените его к прямоугольнику с пропорциями примерно 1: 1.6, вы окажетесь очень близко к золотому прямоугольнику, что сделает композицию более приятной для глаз.
Полная реализация
Если вы хотите реализовать Золотое Сечение в вашем дизайне в полной мере, то просто расположите основной контент и сайдбар (в веб дизайне) в соотношении равном 1: 1.61.
Можно округлить значения в меньшую или большую стороны: если контент-зона равна 640px, а сайдбар 400px, то эта разметка вполне подойдет под Золотое Сечение.
Разумеется, вы также можете разделить области контента и боковой панели на одно и то же отношение, а связь между заголовком веб-страницы, областью содержимого, футером и навигацией также может быть спроектирована с использованием того же приципа.
Полезные инструменты
Вот несколько инструментов, которые помогут вам в использовании Золотого Сечения в дизайне и создании пропорциональных проектов.
GoldenRATIO – это приложение для создания дизайна веб сайтов, интерфейсов и шаблонов, подходящих под Золотое Сечение. Доступно в Mac App Store за 2,99$. Включает визуальный калькулятор Золотого Сечения.
Так же в приложении есть функция “Избранное”, которое сохраняет настройки для повторяющихся задач и “Click-thru” мод, позволяющий сворачивать приложение в Photoshop.
Этот калькулятор Золотого Сечения от Pearsonified помогает в создании идеальной типографики для вашего сайта. Введите размер шрифта, ширину контейнера в поле, и нажмите кнопку Set my type! Если вам нужно оптимизировать количество букв в строчке, вы можете дополнительно ввести значение CPL.
Это простое, полезное и бесплатное приложение доступно для Mac и PC. Введите любое число, и приложение вычислит вторую цифру в соответствии с приципом Золотого Сечения.
Это приложение позволяет проектировать с золотыми пропорциями, экономя кучу времени на вычислениях.
Вы можете менять формы и размеры, фокусируясь на работе над своим проектом. Постоянная лицензия стоит 49$, но вы можете скачать бесплатную версию на месяц.
Обучение Золтому Сечению
Вот несколько полезных туториалов по Золотому Сечению (английский язык):
В этом туториале для Digital Arts Роберто Маррас (Roberto Marras) показывает, как использовать Золотое Сечение в художественной работе.
Туториал от Tuts+, рассказывающий, как использовать золотые принципы в веб дизайн проектах.
Туториал от Smashing Magazine, рассказывающий о пропорциях и правиле третей.
Эта гармония поражает своими масштабами...
Здравствуйте, друзья!
Вы что-нибудь слышали о Божественной гармонии или Золотом сечении? Задумывались ли о том, почему нам что-то кажется идеальным и красивым, а что-то отталкивает?
Если нет, то вы удачно попали на эту статью, потому что в ней мы обсудим золотое сечение, узнаем что это такое, как оно выглядит в природе и в человеке. Поговорим о его принципах, узнаем что такое ряд Фибоначчи и многое многое другое, включая понятие золотой прямоугольник и золотая спираль.
Да, в статье много изображений, формул, как-никак, золотое сечение - это еще и математика. Но все описано достаточно простым языком, наглядно. А еще, в конце статьи, вы узнаете, почему все так любят котиков =)
Что такое золотое сечение?
Если по-простому, то золотое сечение - это определенное правило пропорции, которое создает гармонию ?. То есть, если мы не нарушаем правила этих пропорций, то у нас получается очень гармоничная композиция.
Наиболее емкое определение золотого сечения гласит, что меньшая часть относится к большей, как большая ко всему целому.
Но, кроме этого, золотое сечение - это математика: у него есть конкретная формула и конкретное число. Многие математики, вообще, считают его формулой божественной гармонии, и называют «асимметричной симметрией».
До наших современников золотое сечение дошло со времен Древней Греции, однако, бытует мнение, что сами греки уже подсмотрели золотое сечение у египтян. Потому что многие произведения искусства Древнего Египта четко построены по канонам этой пропорции.
Считается, что первым ввел понятие золотого сечения Пифагор. До наших дней дошли труды Евклида (он при помощи золотого сечения строил правильные пятиугольники, именно поэтому такой пятиугольник назван «золотым»), а число золотого сечения названо в честь древнегреческого архитектора Фидия. То есть, это у нас число «фи» (обозначается греческой буквой φ), и равно оно 1.6180339887498948482… Естественно, это значение округляют: φ = 1,618 или φ = 1,62, а в процентном соотношении золотое сечение выглядит, как 62% и 38%.
В чем же уникальность этой пропорции (а она, поверьте, есть)? Давайте для начала попробуем разобраться на примере отрезка. Итак, берем отрезок и делим его на неравные части таким образом, чтобы его меньшая часть относилась к большей, как большая ко всему целому. Понимаю, не очень пока ясно, что к чему, попробую проиллюстрировать наглядней на примере отрезков:
Итак, берем отрезок и делим его на два других, таким образом, чтобы меньший отрезок а, относился к большему отрезку b, так же, как и отрезок b относится к целому, то есть ко всей линии (a + b). Математически это выглядит так:
Этот правило работает бесконечно, вы можете делить отрезки сколь угодно долго. И, видите, как это просто. Главное один раз понять и все.
Но теперь рассмотрим более сложный пример, который попадается очень часто, так как золотое сечение еще представляют в виде золотого прямоугольника (соотношение сторон которого равно φ = 1,62). Это очень интересный прямоугольник: если от него «отрезать» квадрат, то мы снова получим золотой прямоугольник. И так бесконечно много раз. Смотрите:
Но математика не была бы математикой, если бы в ней не было формул. Так что, друзья, сейчас будет немножко «больно». Решение золотой пропорции спрятала под спойлер, очень много формул, но без них не хочу оставлять статью.
Ряд Фибоначчи и золотое сечение
Продолжаем творить и наблюдать за магией математики и золотого сечения. В средние века был такой товарищ - Фибоначчи (или Фибоначи, везде по-разному пишут). Любил математику и задачи, была у него и интересная задачка с размножением кроликов =) Но не в этом суть. Он открыл числовую последовательность, числа в ней так и зовутся «числа Фибоначчи».
Сама последовательность выглядит так:
0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233... и дальше до бесконечности.
Если словами, то последовательность Фибоначчи - это такая последовательность чисел, где каждое последующее число, равно сумме двух предыдущих.
Причем здесь золотое сечение? Сейчас увидите.
Спираль Фибоначчи
Чтобы увидеть и прочувствовать всю связь числового ряда Фибоначчи и золотого сечения, нужно снова взглянуть на формулы.
Иными словами, с 9-го члена последовательности Фибоначчи мы начинаем получать значения золотого сечения. И если визуализировать всю эту картину, то мы увидим, как последовательность Фибоначчи создает прямоугольники все ближе и ближе к золотому прямоугольнику. Вот такая вот связь.
Теперь поговорим о спирали Фибоначчи, ее еще называют «золотой спиралью».
Золотая спираль - логарифмическая спираль, коэффициент роста которой равен φ4, где φ - золотое сечение.
В общем и целом, с точки зрения математики, золотое сечение - идеальная пропорция. Но на этом ее чудеса только начинаются. Принципам золотого сечения подчинен почти весь мир, эту пропорцию создала сама природа. Даже эзотерики, и те, видят в ней числовую мощь. Но об этом точно не в этой статье будем говорить, поэтому, чтобы ничего не пропустить, можете подписаться на обновления сайта.
Золотое сечение в природе, человеке, искусстве
Прежде, чем мы начнем, хотелось бы уточнить ряд неточностей. Во-первых, само определение золотого сечения в данном контексте не совсем верно. Дело в том, что само понятие «сечение» - это термин геометрический, обозначающий всегда плоскость, но никак не последовательность чисел Фибоначчи.
И, во-вторых, числовой ряд и соотношение одного к другому, конечно, превратили в некий трафарет, который можно накладывать на все, что кажется подозрительным, и очень радоваться, когда есть совпадения, но все же, здравый смысл терять не стоит.
Однако, «все смешалось в нашем королевстве» и одно стало синонимом другого. Так что в общем и целом, смысл от этого не потерялся. А теперь к делу.
Вы удивитесь, но золотое сечение, точнее пропорции максимально приближенные к нему, можно увидеть практически везде, даже в зеркале. Не верите? Давайте с этого и начнем.
Знаете, когда я училась рисовать, то нам объясняли, как проще строить лицо человека, его тело и прочее. Все надо рассчитывать, относительно чего-то другого.
Все, абсолютно все пропорционально: кости, наши пальцы, ладони, расстояния на лице, расстояние вытянутых рук по отношению к телу и так далее. Но даже это не все, внутреннее строение нашего организма, даже оно, приравнивается или почти приравнивается к золотой формуле сечения. Вот какие расстояния и пропорции:
от плеч до макушки к размеру головы = 1:1.618
от пупка до макушки к отрезку от плеч до макушки = 1:1.618
от пупка до коленок и от коленок до ступней = 1:1.618
от подбородка до крайней точки верхней губы и от нее до носа = 1:1.618
Разве это не удивительно!? Гармония в чистом виде, как внутри, так и снаружи. И именно поэтому, на каком-то подсознательном что-ли уровне, некоторые люди не кажутся нам красивыми, даже если у них крепкое подтянутое тело, бархатная кожа, красивые волосы, глаза и прочее и все остальное. Но, все равно, малейшее нарушений пропорций тела, и внешность уже слегка «режет глаза».
Короче говоря, чем красивее кажется нам человек, тем ближе его пропорции к идеальным. И это, кстати, не только к человеческому телу можно отнести.
Золотое сечение в природе и ее явлениях
Классическим примером золотого сечения в природе является раковина моллюска Nautilus pompilius и аммонита. Но это далеко не все, есть еще много примеров:
в завитках человеческого уха мы можем увидеть золотую спираль;
ее же (или приближенную к ней) в спиралях, по которым закручиваются галактики;
и в молекуле ДНК;
по ряду Фибоначчи устроен центр подсолнуха, растут шишки, середина цветов, ананас и многие другие плоды.
Друзья, примеров настолько много, что я просто оставлю тут видеоролик (он чуть ниже), чтобы не перегружать текстом статью. Потому что, если эту тему копать, то можно углубиться в такие дебри: еще древние греки доказывали, что Вселенная и, вообще, все пространство, - спланировано по принципу золотого сечения.
Вы удивитесь, но эти правила можно отыскать даже в звуке. Смотрите:
Наивысшая точка звука, вызывающая боль и дискомфорт в наших ушах, равна 130 децибелам.
Делим пропорцией 130 на число золотого сечения φ = 1,62 и получаем 80 децибел - звук человеческого крика.
Продолжаем пропорционально делить и получаем, скажем так, нормальную громкость человеческой речи: 80 / φ = 50 децибел.
Ну, а последний звук, который получим благодаря формуле – приятный звук шепота = 2,618.
По данному принципу можно определить оптимально-комфортное, минимальное и максимальное число температуры, давления, влажности. Я не проверяла, и не знаю, насколько эта теория верна, но, согласитесь, звучит впечатляюще.
Абсолютно во всем живом и не живом можно прочесть высшую красоту и гармонию.
Главное, только не увлекаться этим, ведь если мы хотим что-то в чем-то увидеть, то увидим, даже если этого там нет. Вот я, например, обратила внимание на дизайн PS4 и увидела там золотое сечение =) Впрочем, эта консоль настолько классная, что не удивлюсь, если дизайнер, и правда, что-то там мудрил.
Золотое сечение в искусстве
Тоже очень большая и обширная тема, которую стоит рассмотреть отдельно. Тут лишь помечу несколько базовых моментов. Самое примечательное, что многие произведения искусства и архитектурные шедевры древности (и не только) сделаны, по принципам золотого сечения.
Египетские и пирамиды Майя, Нотр-дам де Пари, греческий Парфенон и так далее.
В музыкальных произведениях Моцарта, Шопена, Шуберта, Баха и прочих.
В живописи (там это наглядно видно): все самые знаменитые картины известных художников сделаны с учетом правил золотого сечения.
Эти принципы можно встретить и в стихах Пушкина, и в бюсте красавицы Нефертити.
Даже сейчас правила золотой пропорции используются, например, в фотографии. Ну, и конечно, во всем остальном искусстве, включая кинематограф и дизайн.
Золотые котики Фибоначчи
Ну и, наконец, о котиках! Вы задумывались о том, почему все так любят котеек? Они же ведь заполонили Интернет! Котики везде и это чудесно =)
А все дело в том, что кошки - идеальны! Не верите? Сейчас докажу вам это математически!
Видите? Тайна раскрыта! Котейки идеальны с точки зрения математики, природы и Вселенной =)
* Я шучу, конечно. Нет, кошки, действительно, идеальны) Но математически их никто не измерял, наверное.
На этом, в общем-то, все, друзья! Мы увидимся в следующих статьях. Удачи вам!
P. S. Изображения взяты с сайта medium.com.
ЧТО ТАКОЕ ЗОЛОТОЕ СЕЧЕНИЕ
Что такое Золотое Сечение? Что такое Золотая Пропорция? Это одно и то же, просто кто и как больше любит называть.
Попробую в публицистической манере, просто, по-житейски ответить на вопросы, которые часто задают люди, в частности слушатели моих курсов.
Для начала просто полезно знать, что в интернете, объективно, запросов на Золотое Сечение в десять раз больше чем на Золотую Пропорцию, но при этом есть специалисты, которые считают определение - Золотое Сечение - вообще ошибочным, искажающим суть данной пропорции и не имеющее права на жизнь.
Что такое Золотое Сечение или Золотая Пропорция простыми словами? В примитиве, это отношение одной части, чего либо, к другой с коэффициентом 1,618 (это 61,8%), или 62% на 38%, грубо принято округлять 60% на 40% .
Важно понимать, что в Золотой Пропорции «части» всегда три, третье - это целое (100%).
Классическое определение Золой Пропорции: меньшее относится к большему так, как большее относится к целому, с коэффициентом 1,618.
Что такое число ФИ? Это и есть этот самый коэффициент 1,618 между двумя частями. Он показывает, на сколько одна часть отличается от другой. Золотое Число - так часто называют этот коэффициент.
Золотое Сечение - Пропорция Гармонии Природы. Золотое Сечение в Природе проявится во всём, если поискать. Даже можно сказать, если есть Золотая Пропорция с рядом проявлений своих свойств, то есть «жизнь», и есть Природная красота.
Формула Золотого Сечения, Золотое Сечение в математике - это раскрытие в цифрах закономерностей проявлений отношения частей в Природе. Основные формулы проявлений Золотого Сечения есть даже в детских учебниках.
Гуманитарных объяснений смысла Золотого Сечения, в глубоком смысле, значительно меньше и они часто овеяны вековыми тайнами, но это время осталось в прошлой эпохе, теперь выявлена простота на уровне букваря.
Золотое Сечение Фибоначчи, Золотая пропорция Фибоначчи, или Ряд Фибоначчи . Это проявление шагов Золотой пропорции в целых числах , которая становится точной 62% на 38%, или 1,618 - только к десятому шагу . По шагу Фибоначчи изменяется вся Природа, растут веточки, листики, плодятся кролики, насекомые и т.д.
Опять уточню, что детские учебники красочно показывают это.
Главное надо знать, что начиная с 0 и 1, все дальнейшие цифры - это сумма двух последних
… 0,1,1,2,3,5,8,13,21,34,55…
Поскольку в Природе всё начинается с двух единиц, то соответственно к любому числу из ряда надо прибавлять - 1, например, 21 - это не 21, а 21 +1 (коварное очко и не только очко, но и любое число из ряда). То есть, если нам надо 21 яблоко, то с точки зрения Природы, по ряду Фибоначчи, их надо взять 22 = 21 + 1. Всегда на одну единицу больше.
Эта, на первый взгляд, странная тонкость, имеет принципиальное значение для поиска «постоянных» и «переменных» состояний . Например, какая зарплата нас удовлетворит, или сколько яблок надо купить, чтобы быть довольным. Купив «постоянное» количество (из ряда Фибоначчи) - будешь удовлетворён, даже если купил меньше планируемого.
Золотое Сечение Леонардо да Винчи. Так часто люди отождествляют гения и пропорцию. Да, это справедливо, хотя, намного раньше, по ходу истории, разные цивилизации использовали Пропорцию Бога, это и шумеры, и египтяне…
Мы привыкли, что Золотое Сечение в архитектуре, это удел специалистов, и то редких, или сумасшедших гениев. Это ошибка. Любому человеку, даже детям, надо знать элементарные проявления закона Золотого Сечения - базовые приёмы Природоподобных Технологий, как таблицу умножения.
Это позволит в психологии понимать причино-следственность поступка
в программном смысле, а также это позволит легко ориентироваться в городе на предмет зданий, несущих положительные состояния или за городом, на дачном участке на предмет получения удовлетворения от пребывания на природе и от ведения хозяйства.
Золотое Сечение в Природе и Золотое Сечение в доме, станут одинаково положительно влиять на ощущения.
Теперь пару слов о Золотом Сечении в искусстве . Хорошо когда произведение искусства завораживает. Завораживать может только «жизнь», проявленная в произведении, которая включается исключительно проявлениями Золотого Сечения, то есть Природоподобия.
Есть интересный пример проявления Золотого Сечения в фотографии. Стоит взять по Природоподобию «правильные» размеры рамки, самой фотографии и изображения, то одна и та же фотография, которая только что была скучной, вдруг заживёт притягательной магией .
В итоге, еще раз повторю, Золотая Пропорция - это выключатель или включатель всей полноты Природоподобия, Гармонии, Красоты, Жизни - с больших букв: равновесия, сил, здоровья, удовлетворения, доходности, счастья и любви. Собственно, это и есть маркер Любви. Причина этого в том, что правило Золотой Пропорции отражает мирозданческий принцип Триединства, но об этом я расскажу в другой статье.
Полезные статьи:
Что общего у египетских пирамид, картины «Мона Лиза» Леонардо да Винчи и логотипов 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 все немного сложнее, но и здесь видно, что его дизайн основан на использовании золотых кругов. Он немного не соответствует правилу «божественной пропорции», но по большей части все его элементы вписываются в схему.
ВЫВОД
Как видно, несмотря на то, что правило золотого сечения известно с незапамятных времен, оно нисколько не устарело. Следовательно, его можно использовать в дизайне. Не обязательно изо всех сил стараться уложиться в схему – дизайн дисциплина неточная. Но если нужно добиться гармоничного сочетания элементов, то попробовать применить принципы золотого сечения не помешает.
Говорят, что “божественная пропорция” заложена в природе, и во многих вещах вокруг нас. Вы можете найти ее в цветах, ульях, морских раковинах, и даже нашем теле.
Эта божественная пропорция, также известная как золотое сечение, божественное сечение, или золотая пропорция может быть применена к различным видам искусства и обучения. Ученые утверждают, что чем ближе объект к золотому сечению, тем лучше человеческий мозг воспринимает его.
С тех пор как это соотношение было открыто, многие художники и архитекторы применяли его в своих работах. Вы можете найти золотое сечение в нескольких шедеврах эпохи Возрождения, архитектуре, живописи, и многом другом. В результате - красивый и эстетически приятный шедевр.
Немногие знают, в чем заключается тайна золотого сечения, что так радует наши глаза. Многие полагают, что то, что она появляется везде и является “универсальной” пропорцией, заставляет нас принять ее как что-то логическое, гармоничное и органичное. Другими словами, оно просто “чувствует” то, что нам нужно.
Итак, что такое золотое сечение?
Золотое сечение, также известное как “фи” по-гречески, это математическая константа. Оно может быть выражено уравнением 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 или φ (фи).
Золотая спираль создается с помощью золотого прямоугольника. Если у вас есть прямоугольник из квадратов 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, как полагают, также использовали золотое сечение. И мы все знаем, насколько известны эти логотипы - все потому, что изображение сразу всплывает в памяти!
Вот как вы можете применить его в своих проектах
Создайте эскиз золотого прямоугольника, как показано выше желтым цветом. Этого можно достичь путем построения квадратов с высотой и шириной из чисел, принадлежащих золотому сечению. Начните с одного блока и поместите другой рядом с ним. А другой квадрат, чья площадь равна тем двум, поместите над ними. Вы автоматически получите сторону из 3 блоков. После построения этой конструкции из трех блоков, в конечном итоге у вас будет сторона из 5 четырехугольников, из которой можно сделать другую (площадью в 5 блоков) коробку. Это может продолжаться сколько угодно, пока вы не найдете тот размер, который вам нужен!
Прямоугольник может перемещаться в любом направлении. Выделите мелкие прямоугольники и используйте каждый из них, чтобы собрать макет, который будет служить в качестве сетки дизайна логотипа.
Если логотип более округлый, то вам потребуется круговая версия золотого прямоугольника. Вы можете добиться этого начертанием кругов, пропорциональных числам Фибоначчи. Создайте золотой прямоугольник, используя только круги (это означает, что самый большой круг будет иметь диаметр 8, а у круга поменьше будет диаметр 5, и так далее). Теперь разделите эти круги и разместите их так, чтобы вы могли сформировать основную схему для вашего логотипа. Вот пример логотипа Twitter:
Примечание: Вам не обязательно чертить все круги или прямоугольники золотого сечения. Вы также можете использовать один размер неоднократно.
Как применять его в дизайне текста
Это проще, чем проектирование логотипа. Простое правило для применения золотого сечения в тексте заключается в том, что последующий больший или меньший текст должен соответствовать Фи. Давайте разберем этот пример:
Если размер моего шрифта - 11, то подзаголовок должен быть написан в более крупном шрифте. Умножаю шрифт текста на число золотого сечения, чтобы получить большее число (11*1,6=17). Значит подзаголовок должен быть написан в 17 размере шрифта. А теперь заголовок или название. Умножу подзаголовок на пропорцию и получу 27 (1*1,6=27). Вот так! Ваш текст теперь пропорционален золотому сечению.
Как применить его в веб-дизайне
А здесь немного сложнее. Вы можете оставаться верными золотому сечению даже в веб-дизайне. Если вы опытный веб-дизайнер, вы уже догадались, где и как ее можно применить. Да, мы можем эффективно использовать золотое сечение и применить его к сеткам наших веб-страниц и макетам пользовательского интерфейса.
Возьмите общее число сетки пикселей за ширину или высоту и используйте его для построения золотого прямоугольника. Разделите наибольшую ширину или длину для получения меньших чисел. Это может быть шириной или высотой вашего основного контента. То, что осталось, может быть боковой панелью (или нижней панелью, если вы применили его к высоте). Теперь продолжайте использовать золотой прямоугольник для дальнейшего применения его к окнам, кнопкам, панелям, изображениям и тексту. Вы также можете построить полную сетку, основанную на маленьких версиях золотого прямоугольника расположенных как горизонтально, так и вертикально для создания более маленьких объектов интерфейса, которые пропорциональны золотому прямоугольнику. Для получения пропорций вы можете использовать этот калькулятор.
Спираль
Вы также можете использовать золотую спираль, чтобы определить, где разместить контент на вашем сайте. Если ваша домашняя страница загружается с графическим контентом, как, например, на веб-сайте онлайн магазина или блога фотографий, вы можете воспользоваться золотым методом спирали, который используют многие художники в своих работах. Задумка в том, чтобы поместить наиболее ценный контент в центре спирали.
Контент со сгруппированным материалом тоже может быть размещен при помощи золотого прямоугольника. Это означает, что чем ближе спираль движется к центральным квадратам (к одному квадратному блоку), тем “плотнее” там содержимое.
Вы можете использовать эту технику, чтобы обозначить расположение вашего заголовка, изображений, меню, панели инструментов, окна поиска и других элементов. Twitter славится не только использованием золотого прямоугольника в дизайн логотипа, но и задействовал его в веб-дизайне. Как? Благодаря использованию золотого прямоугольника, или, другими словами концепцией золотой спирали, в странице профиля пользователей.
Но нелегко будет проделать такое на платформах CMS, где автор материала определяет расположение вместо веб-дизайнера. Золотое сечение подходит WordPress и другим дизайнам блога. Это, вероятно, потому, что боковая панель почти всегда присутствует в дизайне блога, который хорошо вписывается в золотой прямоугольник.
Более простой способ
Очень часто дизайнеры опускают сложную математику и применяют так называемое “правило третей”. Его можно достичь путем деления площади на три равные части по горизонтали и вертикали. В результате - девять равных частей. Линия пересечения может быть использована в качестве фокусного центра формы и дизайна. Вы можете поместить ключевую тему или основные элементы на один или все фокусные центры. Фотографы также используют эту концепцию для плакатов.
Чем ближе прямоугольники к соотношению 1:1,6, тем приятнее воспринимается картина человеческим мозгом (так как это ближе к золотому сечению).
