Школа Гранича's profile

Как за 5 минут сделать плакат

​​​​​​​Это текстовая версия моего
урока на Ютубе:

Урок сделал как дополнительный материал к курсу Осознанный Графдизайн:

Чем лучше дизайнер аргументирует свои решения, тем легче ему утвердить проект.

Перед вами композиция:


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

Вот несколько примеров таких плакатов:
К концу урока вы сможете их разобрать и даже объяснить другим как они устроены.

Для начала поймем ценность асимметричной композиции.
Основы композиции. 5-8 классы (Наталья Сокольникова)

Вы встречали такие работы, где все нанизано на одну струну по центру.
Это центральная композиция и у неё есть две проблемы.
Первая – размазанный воздух. 
Вместо того чтобы акцентировать свободное пространство, оно размазывается влево и вправо. Теряется отчетливость композиции. 

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

Теперь асимметричная композиция. 

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

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


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

Новая типографика (Ян Чихольд)
Две тарелки с едой:
Слева вы чувствуете экономию места, это желание ужаться. А справа наоборот, размах, достоинство. Содержимое выглядит ценнее, получает акцент.
Это и есть суть полей.

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

Мы можем вставить элементы плаката опираясь на поля. 
Это самые надежные струны для принципа выравнивания.
 

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


На сайтах часто пользуются методом закрепления углов и обозначением 
сторон полей.

Идем дальше. И сейчас мы разберем точку в базовой композиции.
Точка и линия на плоскости (Василий Кандинский)

Альбом для творчества. 20 великих картин (Василий Кандинский)



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


Графическим дизайнерам полезно поступать так же. Определить главную точку и потом вокруг неё разбивать пространство:


Точек может быть много. Особенно в журналах, брошюрах и в таком случае удобно отмечать их иерархию через оттенки серого.


Точку проговорили, теперь переходим к тексту.

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

Прямоугольник вообще потрясающая фигура. Он делится и множится без остатка. Если мы берем несколько частей текста, они соединяются и создают новый прямоугольник. Так называемый блок:

Блочность это весомый признак функциональной верстки. На Осознанном Курсе разбираю его подробно.


Настало время отдельно проговорить иерархию.

Hierarchy — Design principle of Graphic Design (Gareth David)
Как съесть слона?
Скармливать по кусочкам.

С передачей информации то же самое. Мы разбиваем ее на кусочки. И задаем порядок этих кусочков. Делаем иерархию.

По сути, мы создаем воронку где с каждым этапом могут отсеиваться зрители, если для них информация с макета не актуальна.



Чтобы создать иерархию, нам понадобится контрасты.
Их я выделяю пять видов: от самых популярных до более редких. Разумеется, на Осознанном Курсе тренируем их все.

Самый попсовый контраст, это конечно, контраст масштаба. По нему дам вам главный лайфхак: для хорошего контраста масштаба разница в размере шрифтов должна быть примерно в 2,5 раза.



Ну а теперь, разобрав смысл базовой композиции, давайте определимся: в каком порядке и вообще какой текст ставить на коммерческий плакат?
Эта теория выходит за рамки графического дизайна. Она затрагивает инструменты маркетинга. Но ирония в том, что именно благодаря этой теории можно стать востребованным графическим дизайнером.

Я выделяю 5 этапов коммерческого текста для плаката. В зависимости от продукта и ситуации, какие то этапы могут быть убраны или заменены друг другом.  
И даже не надейтесь, что перед вами универсальная схема на все случаи жизни. Таких схем не существует :(

Тем не менее, это хороший рабочий инструмент при должной тренировке.
Разберем на примере.


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


Вторым идет заголовок. На первом или втором этапе обязательно вносим ясность в макет: "О чем вообще тут говорится?". 

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


Третье в иерархии – решение. Универсальных решений не бывает. По сути, кто-то согласится с этим вот решением, а кто-то скажет: “Зачем мне это, я лучше куплю электрическую щетку”. И это нормально.


Четвертый этап как раз сравнение с разными решениями – здесь не стал приводить. Продукты и альтернативы довольно понятны.


Пятый этап – закрытие на действие
Мы призываем и отмечаем где найти товар.





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


Кстати, как и композиций.
Осознав сегодня базовую вы теперь способны создавать сами новые виды композиций.



На этой прекрасной ноте пора закругляться.
Если вас заинтриговал этот урок – приходите на Осознанный Графдизайн: granich.design

Если же времени на обучение сейчас нет, то можно подписаться на блог:
VK-паблик Granich, инстаграм granichgram, телеграм granichannel
Энциклопедия Графдизайна: на Pinterest

А еще посмотреть плакаты выпускников тут: Pinterest 
и многостраничные экзамены здесь: Behance

На этом всё, обнимаю, до новых встреч!

Как за 5 минут сделать плакат
Published: