Абстракция – универсальная форма выражения, она станет палочкой-выручалочкой в тех случаях, когда просто уже ничего не подходит. Ты можешь использовать геометрию и совершенно дикие линии, любые цвета или монохром. Это бесконечные возможности для фантазии и для способа выразить свою мысль.

Большой плюс в том, что абстракции сейчас возвращаются в моду. Да и возможностей их создания стало гораздо больше. Инструменты на любой вкус. Можно делать прототипы или дизайн в Фигме и сразу, не отходя от кассы, вставлять туда собственноручно сделанные абстракции. Про тонкости работы в этой программе посмотри материал «Наш ТОП-15 простых и полезных плагинов Figma».


Абстракция может быть самостоятельным и вспомогательным элементом дизайна. Используй ее в качестве иллюстрации, например. Или выделяй при помощи ломаных фигур и линий какие-то важные блоки, кнопки. Ненавязчивый мотив может стать своеобразным проводником по сайту – следуя ему, пользователь будет выполнять нужный тебе сценарий.

Что касается формы, то абстракции бывают геометрические и импровизационные.

Геометрия

Многоугольники, четкие линии, круги и овалы – объединяй это все и наслаждайся. Можно использовать как симметричные формы, так и асимметрию. С симметричными решениями новичку легче – тут композиции получаются более гармоничными, если опыта создания иллюстраций мало.

Секрет их создания прост – выбери несколько геометрических фигур, присвой им основные цвета своего проекта. А теперь режь, объединяй, накладывай друг на друга. Можно сначала отзеркалить отдельные части внутри форм, а потом отзеркалить по вертикали и горизонтали. Объединив это все ты получишь новый объект. И наверняка он будет уникальным. Чтобы формы получались эстетичными, нужно немного потренироваться – уже скоро ты будешь изначально видеть, что можно вылепить из набора простых геометрических фигур.

Асимметрия более сложная в исполнении. Тут нужно уже обладать некоторым художественным вкусом, чтобы уравновешивать свой элемент. Иногда он будет самостоятельным объектом. Иногда дополнением к другому элементу – тогда нужно подстраивать форму и вес еще и под “соседа”. Но не бойся, в этой ситуации тоже все решается практикой.

Импровизация

В отличие от геометрии, импровизационная абстракция не имеет вообще никаких условностей и границ. Здесь все подчиняется тем же принципам цветовой иерархии и композиции, но форма целиком зависит только от фантазии дизайнера. Ты можешь использовать заготовки вензелей, рисовать линии и элементы от руки, делать коллажи и нарезки любых форм. Импровизация – дело достаточно опытных дизайнеров, потому что она не имеет четких условий и ее качество полностью отражает мастерство автора, хоть это и субъективный критерий. Посмотри основы в онлайн-премьере «Захватывающее путешествие через иллюстрацию».

Абстракции используются как:

  • иллюстрации;
  • фоновая текстура;
  • элементы навигации;
  • визуальные акценты;
  • рамки и оформление блоков;
  • дополнение изображений для создания единого стиля;
  • логотипы.

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

Формы и цвета

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

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


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

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

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

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

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

Хочешь научиться создавать крутые абстракции с нуля? Освоить актуальные инструменты и технологии? А может еще погрузиться в векторную графику и разработку фирменного стиля? Тебе прямой путь на онлайн-коучинг «Графический дизайнер: вектор бренда». Подай заявку на участие и получи возможность в процессе обучения создать 4 крутых проекта для портфолио!


Смотреть программу обучения