Асимметричный дизайн: определение, принципы и способы его использования
22 апреля 2021 г.
Дизайнеры всех типов часто создают художественные композиции, чтобы привлечь внимание своей целевой аудитории и создать визуальный интерес. Дополнительные знания о принципах асимметричного дизайна и передовых методах могут расширить ваши дизайнерские навыки, которые помогут вам преодолеть трудности создания успешного дизайна. В этой статье мы обсуждаем определение асимметричного дизайна, раскрываем принципы асимметричного дизайна и даем советы по созданию асимметричных дизайнов.
Что такое асимметричный дизайн?
Асимметричный дизайн — это намеренно неравномерное расположение визуальных элементов. Чтобы определить асимметричный дизайн, вы можете проверить неправильный размер, изменение веса линий, различные формы и контрастные цвета. Асимметричные схемы дизайна часто появляются в:
Графический дизайн
Украшения для интерьера
Макеты веб-страниц
Строительные чертежи
Изобразительное искусство
Композиции с визуальным элементом, например брошюра
Начинающие дизайнеры также могут обратиться к естественным формам, чтобы углубить свое понимание асимметричного дизайна. Например, облака часто выглядят как неровные формы, которые визуально приятны.
Что такое симметричный дизайн?
Симметричный дизайн — это композиция, в которой творец равномерно распределяет визуальные элементы в заданном пространстве. Симметричный дизайн может отображать зеркальные аспекты по обе стороны от изображения, макета, произведения искусства или другой композиции. Симметричные конструкции также могут повторять компоненты под разными углами или вокруг общего радиуса. Примеры симметричных узоров в природе включают узоры на крыльях бабочки и лапках морской звезды.
Принципы асимметричного дизайна
Чтобы добиться асимметричного дизайна, вы можете применить следующие принципы к своим визуальным композициям:
Баланс: несмотря на то, что асимметричные конструкции содержат неровные элементы, высококачественные композиции достигают визуального баланса. Это означает, что дизайнеры могут обращаться к визуальному весу своей композиции, чтобы определить, насколько равномерно они выглядят по обе стороны от заданного пространства.
Контраст: Контраст помогает зрителям различать различные визуальные элементы в дизайне. Принцип контраста может применяться к различным цветам и формам. Применяя контраст к изображению, дизайнер может подчеркнуть определенную часть дизайна, что может помочь аудитории понять, на чем сосредоточить свое внимание.
Пропорция: Пропорция относится к размерам визуальных элементов по сравнению друг с другом. Например, пропорция в веб-макете может относиться к размеру текстового заголовка по сравнению с размером контактной информации компании. Пропорции также могут показать вашей аудитории, на какой части дизайна следует сосредоточиться.
Белое пространство. Белое пространство в дизайне не содержит дополнительных визуальных элементов. Дизайнеры иногда называют пустое пространство негативным пространством. Предоставление свободного места в асимметричном дизайне может помочь выделить важную особенность или создать эффект минимализма.
Движение: Когда люди обрабатывают визуальную информацию, их глаза часто движутся в определенном направлении, например, слева направо. Вы можете учитывать тенденции визуального восприятия вашей аудитории при создании асимметричного дизайна. Затем попробуйте включить асимметричные элементы дизайна, чтобы глаза вашего зрителя воспринимали информацию в правильном порядке.
Как использовать асимметричный дизайн
Вот восемь шагов, которым вы можете следовать, чтобы создать асимметричный дизайн:
1. Переосмыслите баланс
Хотя некоторые определения слова «баланс» могут относиться к симметрии, как симметричный, так и асимметричный дизайн могут по-разному достигать визуального баланса. Симметричный дизайн может создать баланс, размещая дизайны одинакового размера и формы по обе стороны пространства. Однако асимметричный дизайн может достичь баланса, расположив большую фигуру с одной стороны и несколько меньших фигур с другой.
2. Используйте фокусы
Фокусные точки могут привлечь внимание вашей аудитории к определенным визуальным элементам. Фокусные точки также помогают зрителям отличить центральный дизайн от элементов фона. Если ваш асимметричный дизайн включает в себя один более крупный элемент дизайна, этот элемент может функционировать как естественный фокус. Затем вы можете построить остальную часть вашего дизайна вокруг большего аспекта.
3. Создавайте контрастные цветовые схемы
В асимметричных дизайнах часто используются очень контрастные цвета. В теории цвета это означает, что они встречаются на противоположных знаках цветового круга, таких как синий и оранжевый. Цветовые контрасты также могут сочетать свет и тьму, например, неоновые цвета на черном фоне. Контрастные цвета часто дополняют друг друга, что может помочь выделить важную информацию на изображении и привлечь внимание зрителя к определенным элементам вашего дизайна.
4. Посмотрите на свой дизайн в сетке
При создании цифрового дизайна, такого как веб-макет или графика, попробуйте создать свой дизайн с сеткой. В то время как использование сетки для симметричных дизайнов может помочь вам создать зеркальные изображения, использование сетки для асимметричного дизайна может помочь вам оценить баланс вашей композиции. Чтобы добавить асимметричные элементы в свой дизайн, вы можете создать контраст между верхней и нижней частями или левой и правой сторонами, включив другую форму, размер или цвет.
5. Влияйте на движение глаз
Дизайнеры часто используют асимметричные макеты, чтобы создать ощущение движения, даже если сам дизайн неподвижен. Например, спортивная компания может использовать логотип с асимметричным дизайном, таким как бегущий человек или движущийся мяч. Если вы пытаетесь создать ощущение движения с помощью асимметричного дизайна, вы можете рассмотреть:
Язык, на котором читает ваша аудитория: аудитория обычно просматривает изображение в том же направлении, в котором привыкла читать. Например, если зритель обычно читает язык, написанный слева направо, он может обрабатывать изображение в том же порядке.
Размер элементов в вашем дизайне: человеческий глаз часто обрабатывает элементы дизайна от самых больших до самых маленьких. Чтобы привлечь внимание вашей аудитории к важной информации, рассмотрите возможность включения в свой дизайн крупной формы.
Сигналы направления в вашей композиции. Человеческие глаза естественным образом следуют сигналам направления. Сигналы направления могут быть очевидными, например, стрелка или маркер «Вы здесь» на карте. Они также могут быть более тонкими. Например, если дизайн содержит фотографию человека, то, как он смотрит, может заставить зрителей смотреть в том же направлении.
6. Изолируйте различные элементы
Отделение визуальных элементов от других частей вашего асимметричного дизайна может помочь вашей аудитории сосредоточиться только на самых важных аспектах изображения. Вы можете легко изолировать часть асимметричного дизайна, используя пустое пространство.
7. Включите визуальную координацию
В то время как симметричные дизайны часто выигрывают от визуального единства, вы можете повысить единство асимметричного дизайна, рассмотрев альтернативные методы балансировки изображения. Например, вы можете использовать в своем дизайне координирующие аспекты, такие как последовательная цветовая схема или повторяющиеся линии.
8. Рассмотрите все
Асимметричные элементы вашего дизайна могут повлиять на небольшую часть или композицию в целом. Ваш асимметричный дизайн может охватывать всю страницу или выделенное пространство. Вы также можете решить включить асимметричные элементы дизайна в симметричный дизайн. Например, современный дизайн веб-сайта может включать небольшие симметричные разделы на асимметричной главной странице.
Почему асимметричный дизайн важен?
Асимметричный дизайн — важный выбор стиля, который может повлиять на то, как ваша аудитория увидит конкретную графику. В зависимости от ваших целей дизайна, как асимметричный, так и симметричный дизайн могут быть отличным выбором для создания визуального макета. Чтобы решить, когда использовать асимметричный дизайн, рассмотрите сообщение, которое вы хотите выразить, и действие, которое вы хотите, чтобы ваш целевой зритель предпринял. Асимметрия может повлиять на то, как зритель воспринимает ваш дизайн, улучшая следующие аспекты:
Сложность: асимметричные конструкции обычно более сложны, чем симметричные конструкции. Асимметричные дизайны часто используют более контрастные цвета, формы и линии, что приводит к большему визуальному напряжению.
Энергия: асимметричные конструкции часто используются для создания ощущения энергии или яркости посредством их динамичных композиций. Например, архитектор может использовать асимметричный дизайн современного здания, чтобы передать ощущение движения.
Отличие: асимметричный дизайн направлен на то, чтобы немедленно привлечь внимание зрителя, нарушая шаблоны. Поскольку люди часто быстро обрабатывают информацию с шаблонами, сложный асимметричный дизайн может занять больше времени у вашей аудитории, что может помочь увеличить количество времени, которое они тратят на изучение информации в вашей композиции.