Успешные графические дизайнеры знают, что овладение визуальной концепцией баланса является ключом к эффективному общению. Когда ваши проекты достигнут баланса — что может случиться как с симметричным, так и с асимметричным дизайном — они достигнут большей гармонии, и ваша аудитория будет использовать меньше энергии, получая информацию.
Понять симметрию и асимметрию несложно, но сначала сделать ее правильно — сложно. Вот почему мы собираемся привести несколько примеров, чтобы убедиться, что все кристально ясно.
Содержание статьи
Что такое визуальный баланс? А что такое симметрия?
—
Симметрия и баланс связаны между собой. Но они не совсем одно и то же. Взгляните на их определения:
Симметрия — визуальное качество повторяющихся частей изображения по оси, вдоль пути или вокруг центра.
Асимметрия с другой стороны, относится ко всему, что не является симметричным.
Баланс — это визуальный принцип, при котором дизайн выглядит одинаково взвешенным по всей композиции.
Баланс измеряет визуальный вес вашей композиции, который влияет на то, насколько каждый элемент привлекает внимание вашей аудитории.
Существует четыре основных способа достижения баланса:
Симметричный баланс
Симметричный баланс возникает, когда ваша композиция имеет одинаковый визуальный вес на каждой стороне оси. Представьте себе идеальные зеркальные изображения, смотрящие друг на друга вокруг центральной оси.
Этот тип баланса вызывает грациозность и простоту. На это приятно смотреть, но и очень предсказуемо.
Асимметричный баланс
Композиция с неравным весом с обеих сторон имеет асимметричный баланс.
Этот визуальный метод, более интересный с точки зрения симметрии, имеет большую фокусную точку с одной стороны и несколько менее значимых фокусных точек с другой.
Радиальный баланс
Когда визуальные элементы излучают из общей центральной точки, это называется радиальным балансом. Представьте себе лучи солнечного света, исходящие от солнца.
Мозаичный баланс
Думайте о мозаичном балансе как о организованном хаосе, который может выглядеть как шум, но на самом деле создает равновесие благодаря отсутствию четкой фокусной точки.
Каждый элемент имеет общий акцент, и ни один элемент не доминирует в композиции.
Различные типы симметрии и асимметрии
—
Баланс — это ключ к отличному дизайну, но симметрия — это один из инструментов, который вы можете использовать для достижения этой цели. Вот краткий обзор четырех типов симметрии.
Симметрия отражения
Представьте, что вы берете яблоко и режете его пополам Обе стороны являются зеркальными изображениями поперек центральной линии, и это симметрия отражения.
Также известный как двусторонняя симметрия, вы обнаружите, что этот метод используется вертикально, горизонтально или по диагонали.
Отражательная симметрия может быть идеальной симметрией, то есть обе стороны изображения идентичны. Тем не менее, во многих случаях — например, на лице — будут присутствовать тонкие различия с каждой стороны.
Трансляционная симметрия
Представьте, что одна и та же форма повторяется снова и снова.
Это трансляционная симметрия, когда визуальные элементы повторяются в пространстве. Это повторение может произойти для любой длины или в любом направлении.
Вращательная симметрия
Представьте себе движущиеся колеса автомобиля и вращающиеся ветряные мельницы, и вы получите вращательную симметрию.
Этот метод, также известный как радиальная симметрия, включает все визуальные элементы, вращающиеся вокруг центра под любым углом. Этот тип симметрии идеально подходит для захвата ощущения движения, динамического действия или скорости.
Симметрия скольжения
Мы все видели шаги в песке или снегу. Подумайте о том, как каждый шаг производит отражение противоположной ноги, но из-за движения каждый след не совпадает с другим.
Гимнастическая отражательная симметрия представляет собой игру на отражательную симметрию, но она включает в себя изменение положения каждого зеркального изображения. Как вращательная симметрия, она также передает ощущение движения вперед.
Асимметрия
Если композиция не вписывается в вышеуказанные категории, она, вероятно, асимметрична.
Как дизайнер, асимметрия одновременно бросает вызов и помогает вам. Сбалансированные симметричные рисунки обычно более привлекательны, потому что наши глаза находят их более интересными и привлекательными.
Вам нужно немного усерднее работать, чтобы достичь баланса с асимметричными визуальными элементами, но вы также сможете свободно экспериментировать с неожиданными узорами и формами. просто не могу с симметрией.
Примеры баланса в графическом дизайне
—
Лучший способ узнать о балансе — взглянуть на несколько примеров симметрии и асимметрии в действии в реальном мире.
Логотипы
Airbnb
Логотип Airbnb является примером чистой отражательной симметрии.
Если нарисовать вертикальную линию прямо посередине, оба половинки абсолютно одинаковы. Чтобы создать отражательную симметрию, подобную этой, используйте простые формы и выберите минималистский логотип, который не имеет много сложных частей.
Слово Google является примером асимметричного баланса.
Первые три буквы заметно шире, чем последние три буквы , создавая ощущение большего визуального веса в первой половине слова.
Веб-дизайн
Яблоко
Веб-страница Apple Mac дает нам потрясающий пример отличной симметрии отражения.
Не только экраны MacBook одинаковой длины с обеих сторон вертикальной центральной оси, но линии типографики в заголовке и подзаголовке выше также равноудалены с обеих сторон оси.
Атлантика
На этом сайте новостного журнала размещены столбцы различной длины и визуального веса изображений на левой стороне для общего внешнего вида, изо всех сил пытающегося достичь баланса.
Большего визуального баланса можно достичь, создав столбцы одинаковой длины и равномерно распределяют изображения по обе стороны от вертикальной центральной оси.
Визитные карточки
InClean
Благодаря простой конструкции визитная карточка InClean обеспечивает идеальную симметрию и баланс.
Идеально центрированная копия с обилием пустого пространства сохраняет эту минималистическую композицию сбалансированной и модной.
Алло
Эта визитная карточка ультрамалистична, на одной ее стороне напечатано просто слово «Hallo» — композиция с явной асимметрией и преднамеренным дисбалансом.
Некоторые могут счесть слишком большой шрифт слишком мощным. Другие могут увидеть это как точку дизайна. Такая композиция находится на грани между сбалансированным и несбалансированным.
Понимание баланса для разработки более качественных продуктов
—
Знание того, как правильно использовать симметрию и асимметрию, является ключом к передаче вашей истории с помощью графического дизайна. Используя принцип хорошего баланса, вы можете превратить обычные проекты в нечто захватывающее и запоминающееся.
Нужен идеально сбалансированный дизайн?
Наши дизайнеры могут помочь вам создать что угодно.
Эта статья была написана Марком Шенкером при участии Сэма Лундквиста.
Загрузка...
