Выше вы видите пример длинной статьи, которую делали без учета принципов визуального повествования.
Заголовок и подзаголовки здесь не дружат, поэтому, если читатель хочет что-то понять, он даже не знает, с чего начинать чтение.
Иллюстрации — просто картинки ради картинок. Абстрактные мужчины в пиджаках — что это? О чем?
Цитата кого-то важного. Ее, возможно, прочитают. Но обычно в цитатах первых лиц нет ничего, кроме раздутого самомнения, пафоса и абстракций.
Чтобы эта статья заинтересовала читателя, он должен быть фанатом этой компании или журнала. Или он должен быть специалистом в теме — тогда он придёт критиковать авторов за некомпетентность.
Обычным людям здесь делать нечего.
Та же статья, но оформленная с учетом принципов визуального повествования.
Подзаголовки дружат с заголовком и складываются в общую связную историю.
Подзаголовки «в подбор» подчеркивают упорядоченность материала: в него приятно углубиться. Есть чувство, что авторы обо мне позаботились.
Таблица притягивает внимание, благодаря цветовым акцентам ее хочется изучить.
Каждая иллюстрация информативная и рассказывает историю. Общая история, которую я здесь вижу: «Акции — это прибыльно, но есть риск. Вклады — менее прибыльно, но и риска меньше». Эта история читается даже при беглом взгляде.
Так и быть, поставим цитату.
Если мне просто нужны выводы, я прочитаю плашку в конце.
Как добиться нужного эффекта. В вашем распоряжении инструментарий визуального повествования:
заголовки и подзаголовки;
перечни;
модульная структура статьи;
анкеты, микроформаты, рейтинги;
текстовые иллюстрации (примеры и диалоги);
иллюстрации фотографиями и видеороликами;
иллюстрации скриншотами и документами;
иллюстрации схемами и схематичными рисунками.
Важно, чтобы эти инструменты использовались осознанно. Нельзя механически усеять всё подзаголовками и случайными картинками, ожидая, что каким-то образом эта конструкция сама создаст нужный эффект. Дальше я покажу, как именно пользоваться этими инструментами, чтобы они работали на вас.
Также обратите внимание, как инструменты визуального повествования применяются в этой книге: где стоят заголовки и подзаголовки; как отбиваются новые главы и разделы; как представлены большие и малые примеры; когда и зачем используются тексты в столбик; как работают цветные акценты (галочки и крестики); в каких ситуациях применяются оранжевые рамки и серые фоны страниц.
Вы заметите, что книга тоже подталкивает вас к диагональному ознакомлению. Посмотрев на какой-нибудь разворот, вы мгновенно понимаете, где здесь хорошие и плохие примеры; вам ясно, откуда начинать читать и где ждет самое интересное. Всё это сообщается вам инструментами визуальной подачи. Будет хорошо, если вы внимательно прочитаете текст, но если нет — вы всё равно за что-нибудь зацепитесь взглядом.
Между делом: абзацы
Абзацы сложно назвать частью визуального повествования, но ради порядка нужно отметить: