3 заметки с тегом

визуальная последовательность

Естественный порядок чтения и визуальная последовательность

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

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

2017   визуальная последовательность   управление вниманием

Визуальная последовательность в книге Маяковского

Смотрите, что нашел. В 1929 году вышло первое издание «Кем быть?» Маяковского с иллюстрациями художника Ниссона Шифрина. Это педагогическая книга о профориентации для подростков. Я эту книгу в руках не держал, но нашел сканы на Cameralabs.org. И это кайф

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

Почему работает визуальная последовательность:

Мальчик всегда одного размера, в одной и той же одежде, на одном и том же фоне, в одном и том же месте
Воображаемые элементы добавляются одним и тем же визуальным языком — грубыми линиями
Инструменты всегда изображены реальными

Кстати, с мальчиком нас предварительно знакомят на первой странице. Это ж тоже необходимо: сначала знакомишь с героем, потом начинаешь его трансформировать.

Что еще интересно:

На левой странице — то, что напрямую касается работника: инструменты, люди, части его чувственного опыта от первого лица.
На правой — его место работы, «общий план», контекст.
Обратите внимание, как сделан халат врача и воротничок формы моряка.
Книга отпечатана в четыре краски: черную, синюю, желтую и коричневую. Печатные формы были грубыми по современным меркам, могли съезжать в пределах 1-2 мм. Иллюстрации сделаны с учетом этих ограничений.

Текст тоже интересный с точки зрения рекламы и пропаганды. Но это отдельная тема.

2017   визуальная последовательность   иллюстрация   книга

Визуальная последовательность: схема

Даша, по поводу твоей статьи про планировку российских микрорайонов.

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

Когда ты это просто рассказываешь текстом, получается ненаглядно. Надо подключить визуальную последовательность. Это когда ты с помощью простых визуальных элементов рассказываешь всё более сложную историю.

Первый шаг — давай изобразим каркас: чужую землю, дома, машины и детскую площадку. Маленькие участки «своей» земли возле подъездов и на площадке. Я накидаю схематично, а ты сделаешь с дизайнером:

Теперь ты приводишь пример инициативного совета дома, который ставит забор и занимается благоустройством двора. Чтобы это стало наглядным, нарисуем это и покрасим «свою» землю. Она должна выглядеть зелененькой, потому что зелененькое — это хорошо.

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

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

У меня картинка уродливая, но передаёт смысл: зелененького много, машинок много, детских площадок много, аптечки всякие. Можно наворачивать: объекты инфраструктуры обозначать красивыми иконками, добавлять новые объекты, придумать ход для подземной парковки. Это мы с тобой потом придумаем. Главное было добиться наглядности.

За счет чего здесь получается наглядность:

  1. Мы выбрали четкие понятные цвета: зеленый — хорошо, какашечный — плохо.
  2. Зеленого становится всё больше, какашечного всё меньше.
  3. Мы сначала обучили человека базовым элементам визуального языка: где домики, где машинки, где площадка. Потом из этих слов составляли всё более сложные предложения.
  4. У нас есть промежуточный этап — где появился забор. Если бы ты сразу показала первую и третью картинку, читатель бы за тобой не успел: изменилось слишком много.

Короче:

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

2017   визуальная последовательность   показать