Школа
Вёрстка

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

Контекст: афиша будет висеть среди объявлений о всяческих альтернативах для времяпрепровождения в стенах университета. А4. Хотелось бы понять, как сделать ее понятной и визуально целостной издали.

Ирина Герасимук
25 сен 2019
👁 10448   🗩4
Вёрстка

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

Контекст: афиша будет висеть среди объявлений о всяческих альтернативах для времяпрепровождения в стенах университета. А4. Хотелось бы понять, как сделать ее понятной и визуально целостной издали.

Ирина Герасимук
25 сен 2019
👁 10448   🗩4
Михаил Нозик
Арт‑директор и автор курса «Типографика и вёрстка»
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать

Ирина!

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

Я бы начал с того, что определил размеры и отношения главных и второстепенных элементов, не прибегая к спецэффектам типа поворота или необычного выравнивания текста. Пусть главным будет название тренинга и имя автора, а остальные элементы — второстепенными. Расставим их по углам в соответствии с правилом якорных объектов:

Теперь без проблем можно вернуть луч проектора:

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

В принципе для студенческой афиши сойдёт, можно остановиться. Но я предлагаю пойти дальше и самую малость пощекотать целевой аудитории нейронные связи:

Можно превратить в серию и повесить афиши рядом друг с другом:

Серия всегда привлекает внимание:

Понятное дело, надо будет проверить и скорректировать цвета для печати — обычная цифровая печать не даст такого вырвиглазного циана, жёлтого или зелёного.

Типографика в вебеНоситель: бумагаДоработка вёрстки
Полезно
Непонятно
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментариев пока нет

Цель рубрики — обсуждение вопросов дизайна, веб-разработки, переговоров, редактуры и управления.
Комментарии модерируются. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры.

Рекомендуем другие советы