Золотое сечение в дизайне и почему оно важно для вашего бренда

Знаете ли вы, что общего у нашей ДНК и « Таинства Тайной вечери » Сальвадора Дали с такими брендами, как Pepsi? Это примеры золотого сечения в дизайне. Золотое сечение — это математическое соотношение, которое можно использовать для создания визуально приятных результатов. И дело не только в рукотворных результатах — золотое сечение можно найти повсюду в природе и даже в человеческом теле.

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

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

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

Золотое сечение также известно как божественная пропорция, Фи и под некоторыми другими именами. Столетия назад несколько наблюдательных и любопытных людей начали наблюдать удивительные закономерности, происходящие в окружающей их природе. Расположение листьев у растений, узоры на лепестках цветка, то, как безупречно устроены стержни сосновой шишки, и даже чешуйки ананаса. Они заметили, что все они имели одинаковую структуру. Указанный шаблон идет как 1,2,3,5,8,13,21,34 и так далее.

Паттерн стал известен как последовательность Фибоначчи. Когда вы начнете вычислять отношение одного числа Фибоначчи к числу перед ним, вы всегда получите ответ: 1,61803. Это, в свою очередь, округляется до 3 знаков после запятой, чтобы получить золотое сечение. Поскольку это было естественно для человеческого глаза, эта пропорция затем использовалась во многих различных типах произведений искусства. Все, от Моны Лизы до скульптур, фотографии и архитектуры, стало примером золотого сечения в дизайне.

Некоторые другие примеры золотого сечения можно найти в ураганах, раковинах улиток, человеческом лице (те, которые ближе всего соответствуют соотношению, считаются самыми красивыми), «Сотворение Адама» Микеланджело и даже в узорах цветов. лепестки.

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

Золотое сечение важно учитывать при создании маркетинговых материалов, визитных карточек, обложек журналов, веб-сайтов и даже плакатов, и это лишь некоторые из них. Давайте посмотрим, как вы можете эффективно использовать его в дизайне.

Использование золотого сечения в дизайне

Формы, несущие золотое сечение

К формам, которые соответствуют золотому сечению, добавлено слово «золотой» в качестве означающего. Это золотые прямоугольники, золотые круги, золотые спирали и золотые треугольники. При правильном соединении эти формы могут создавать элементы дизайна, которые нельзя игнорировать.

Золотое сечение в типографике

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

Предположим, например, что вам нужно выяснить иерархию для вашего самого важного текста (A), вашего несколько важного текста (B) и вашего не очень важного текста (C). Если наименьший размер шрифта составляет 10 пикселей, вы можете умножить его на 1,618, чтобы получить приблизительное руководство для размеров шрифта, которые должны быть больше.

Золотое сечение в композиции изображений

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

Золотое сечение в логотипах

Хорошо продуманный логотип очень важен для вашего бренда. Когда все сделано правильно, это становится наиболее легко узнаваемым элементом вашего бренда. И играет огромную роль в том, чтобы держать вас в центре внимания для вашей целевой аудитории. Вот почему золотое сечение не следует игнорировать в дизайне логотипа. Это поможет мгновенно привлечь внимание клиентов и поможет им установить связь с вашим брендом.

Некоторые из крупнейших и наиболее успешных брендов в мире, такие как Pepsi, Twitter и Apple, на самом деле имеют свои логотипы, соответствующие золотому сечению. Когда разрабатывается логотип, дизайнеры могут даже думать о последовательности Фибоначчи как о серии кругов. Затем круги можно переставить, чтобы сформировать сетку в качестве основы дизайна логотипа. Это то, что было показано в приведенном выше примере, где вы можете видеть, как логотип был помещен в круги.

Золотое сечение в выборе макетов

Подгонка множества различных элементов к дизайну таким образом, чтобы он выглядел цельным, — сложная задача. Особенно, когда речь идет о целевых страницах или вашем сайте. Однако золотое сечение может спасти положение! Его можно использовать для определения размеров, которые необходимы в макете, и места размещения каждого из задействованных элементов. Очень простой способ начать это - установить размеры в соответствии с 1: 1,618 с самого начала. А затем использовать эту структуру в будущем. Это будет наиболее практичный подход, когда вы можете использовать базовую ширину 960 пикселей, а затем разделить ее на 1,618. Ответ, который вы получите здесь, будет высотой конструкции.

Золотое сечение и контент в сети

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

Ваш макет может не учитывать точное золотое сечение, но если вы максимально приблизитесь к соотношению 1:1,61, вы будете пожинать плоды включения золотого сечения.

Другое преимущество этой стратегии заключается в том, что она помогает читателям ориентироваться в различных типах контента, который вы включаете (например, видео, фотографии и текстовый контент). Вот почему вы найдете примеры такого макета на многих популярных сайтах (например, Fast Company, BuzzFeed).

Распределяйте элементы с помощью золотого сечения

Мы подчеркиваем важность белого или негативного пространства во всех наших дизайнерских блогах. Это позволяет элементам дизайна дышать и не выглядеть загроможденным. Тем не менее, мы также знаем, что не всегда просто понять, как это сделать. Выяснить, где и как оставить это негативное пространство, может быть непросто.

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

Использование золотого сечения для обрезки изображений

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

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

Что такое правило третей?

Этот принцип похож на золотое сечение и проще в реализации. Хотя это означает, что ваши результаты не будут такими точными, как соотношение, и приятными для глаз. Правило третей включает в себя сетку, состоящую из девяти частей. Каждая часть будет одинакового размера в соответствии с правилом. Мы рекомендуем вам сосредоточиться на пересечении линий или вдоль самих линий. Это даст вам сбалансированную фотографию или дизайн.

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

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

Золотое сечение и дизайн обложек журналов

Обложки журналов — отличный пример того, насколько эффективно золотое сечение в дизайне. Просто взгляните на обложку журнала Complex выше, на которой изображена Соланж Ноулз. В этом дизайне используется золотое сечение, чтобы правильно определить соотношение положительных и отрицательных пространств. Мы можем видеть это в том, как верхняя часть ее носа и почти ее лоб наклонены вверх. И как ее нос и глаз выровнены. В результате получается сбалансированное изображение, естественно более привлекательное для человеческого глаза. Поскольку именно обложки журналов привлекают читателей к покупке номера, включение золотого сечения в дизайн очень важно. И вы можете приравнять это к любому количеству маркетинговых материалов, которые действуют как ваши первоначальные точки соприкосновения с вашей аудиторией.

Инструменты, которые помогут вам использовать золотое сечение в дизайне

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

ФиМатрикс

Это программное обеспечение для наложения, которое хорошо работает вместе с инструментом редактирования, который использует ваш дизайнер. Это не плагин, а скорее прозрачный цифровой шаблон, который можно разместить поверх разрабатываемого дизайна. Он хорошо работает как с Windows, так и с Mac, а также с целым рядом приложений.

Калькулятор брутто

GRT Calculatore поможет легко определить размер шрифта и ширину контента. Это дает дизайнеру возможность попробовать разные версии шрифтов на экране.

Фокус

Если вы хотите, чтобы дизайн был сделан на WordPress, Focus — ваш инструмент. Это тема WP, полностью ориентированная на золотое сечение. Он также имеет много других обязательных функций для идеального современного веб-сайта.

Фи Калькулятор

Это потрясающий виджет для Mac, который поможет дизайнерам, если им будет достаточно удобно вычислять соотношение. Это позволяет рассчитать Phi. И это предоставит необходимую информацию об ориентации и форме коробок.

Штангенциркули золотой середины

Хотите дизайн, выполненный на бумаге или холсте, и при этом использовать золотое сечение? Этот инструмент может помочь вам сделать это. Он используется художниками и дизайнерами во всем мире для достижения идеального художественного баланса. И особенно помогает при любых составах человеческого тела.

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

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

Но включение его везде, где это возможно, — гарантированный способ привлечь внимание заказчика. Результирующие изменения будут довольно тонкими, но они превратят дизайн из «неудачного» в «потрясающий!». В конце концов, Мона Лиза никогда не теряла своей привлекательности, не так ли?