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

На основе ролика о распознавании инсульта создан плакат

Добрый день!

На основе анимационного ролика о признаках распознавания инсульта был создан информационный плакат. Что в нём исправить, чтобы он стал более читаемым и понятным для людей?

Марина Матвеева
8 авг 2018
👁 5862   🗩4
Вёрстка

На основе ролика о распознавании инсульта создан плакат

Добрый день!

На основе анимационного ролика о признаках распознавания инсульта был создан информационный плакат. Что в нём исправить, чтобы он стал более читаемым и понятным для людей?

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

Марина!

У плаката проблемы и с эстетикой, и с подачей информации.

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

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

Во‑вторых, плакат очень сложно читать. Блок с улыбкой связался сразу с двумя человечками. Человечки в свою очередь связались с плашкой с «ударом». Артикуляция подружилась с таймером и врачами. Над решением болтается бесхозный калькулятор с номером скорой. Порядок чтения не очевиден, а ведь по сути ваш плакат — это инструкция. Инструкции не должны вводить в смятение.

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

Добавим небольшое описание, которое поможет понять суть:

И правила:

По структуре вышло не без проблем, но последовательно. А вот по виду получился просто какой‑то набор текста без настроения. Плакат ничем не привлекает внимание.

Добавим всему тревожности:

При перевёрстке я потерял мысль про мнемоническое правило «Удар» и пока ничего не сделал с настроением. Займёмся этим в следующий раз. А пока приглашаю обратить внимание на то, как хорошо складывается вёрстка, если добавлять в неё объекты постепенно, начиная с самых главных.

P. S. Это был совет по средам о вёрстке и типографике в вебе. Хотите знать всё об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? Присылайте вопросы.

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

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

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

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