В графическом дизайне принято выравнивать объекты относительно друг друга. Это придает макету целостность и организованность.
Ранее я рассказывал про визуальные принципы повторения, группировки и контрасте в графическом дизайне. В этой статье познакомимся с выравниванием.
Почему важно выравнивать объекты
Согласно гештальт-теории, зритель больше склонен видеть гармоничную и стабильную композицию, чем хаос и напряжение, поэтому выравнивание объектов является базовой основой в графическом дизайне. Организуя пространство, вы делаете сообщение ясным и простым для зрителя.
Два принципа выравнивания
Подходите осознанно к расположению объектов в макете. Идите от общего к частному: сначала обозначьте границы, затем ищите внутренние связи среди элементов. Помните, цель — организовать порядок и найти единство композиции.
Математическое выравнивание дизайне
В графическом дизайне принято выравнивать объекты относительно горизонтальных и вертикальных направляющих. В полиграфии и веб-дизайне дизайнеры выравнивают контент по модульной сетке. В этой статье изучим и поймем самые базовые основы дизайна и стандартные способы выравнивания объектов. Математические выравнивания является самым простым для понимания; они работают относительно горизонтальной или вертикальной оси. В горизонтальном способе существует 3 типа расстановки: центр, по верху и по нижнему краю. В вертикальном — центр, влево и вправо.
Умное выравнивание в графических программах
С развитием мобильных приложение появилось умное выравнивание объектов. Если у вас есть несколько групп элементов, то есть необходимость выравнивания по сетке. Чтобы аккуратно расставить элементы на странице платформа Tilda предлагает выделить объекты и нажать расстановку «Tidy up». Объекты выравниваются по заданным расстояниям между собой. Подобный инструмент является стандартом и есть в Illustrator, Figma и Sketch.
Оптическое выравнивание объектов в дизайне
При расстановке сложных органических плоскостей приходится полагаться на интуицию. Выравнивание по краю будет ошибкой, следует расставлять объекты на основе визуального веса.
Две основные ошибки дизайнера при выравнивании объектов
Ранее, в статье про принцип группировки, я упоминал о слабостях дизайнера-новичка, который старается расположить объекты равномерно по макету. Это является первой и самой распространённой ошибкой начинающего дизайнера.
Есть сравнивать с примером из жизни, то вам будет легко представить легкий беспорядок на кухонном столе: тарелки, ложки и чашки раскиданы по всему столу. Намного приятней видеть стол сервированным. Нам не нравится неряшливый вид кухни, поэтому мы интуитивно стараемся навести порядок.
Использование нескольких типов выравнивания из одной группы — вторая ошибка начинающего дизайнера. Старайтесь использовать в дизайне один тип организации объектов: с выключкой влево и вправо или по центру. Помните, нарушать это правило можно только в том случае, если много практикуетесь, знаете основные принципы дизайна и умело их используете в своих проектах.
Чек-лист проверки принципов выравнивания объектов в графическом дизайне
- Для достижения цельности и порядка используйте вертикальные и горизонтальные направляющие;
- Отступите от края и поставьте ограничительные линии;
- Рисуйте эскизы, чтобы найти невидимые связи между объектами;
- Используйте правило третей или золотое сечение для поиска визуальных центров;
- Даже делая визитку, используйте простую модульную сетку для организации объектов.
Выравнивание является одним из ключевых принципов графического дизайна. Для закрепления материала по выравниванию необходимо выполнить легкое практическое задание. Скопируйте себе файл Figma «Два клика. выравнивание» и выровняйте объекты.
Чтобы сделать правильный и ясный дизайн необходимо знать и следовать основам дизайна. Получите шесть бесплатных ознакомительных фрагментов и пройдите тест по графическому дизайну.
Еще сомневаетесь? Прочитайте Ведение к учебнику, оно изменит ваше представление о дизайне!