Как создавать нарративы, если ты не умеешь рисовать

N.B. Если вы художник, дизайнер или просто любите рисовать, то скорее эта статья не для вас. Она написана для авторов, которые как и я не обладают какими-то художественными способностями, но хотят делать нарративы, которые выглядят не слишком топорными.

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

Правда, иногда в такие нарративы, добавляются картинки, которые выглядят там совсем не к месту.

Ну что-то в этом роде.

Понятно, что обычно такие нарративы — это переупаковка статьи и на карточки просто копируется текст из статьи.

Не делайте так, пожалуйста!

Во-первых, такие тексты невозможно читать. Особенно, если вы слишком переусердствуете с очень крупным или очень мелким шрифтом (и это ещё не известно как он будет выглядеть на устройстве пользователя).

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

Какими должны быть нарративы

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

Как обустроить нарратив

Используйте фоновые изображения

Если под текст подложить какое-то изображение, то нарратив уже выглядит веселее.

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

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

Используйте фон для текстового блока с большой осторожностью

Часто текст пишут поверх картинки, а чтобы добиться читаемости задают ей фон.

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

Фон для текста хорошо использовать если речь идёт о паре слов, поясняющих картинку, растянутую на всю карточку.

Иллюстрации не должны быть маленькими

Если вставляете иллюстрацию в текст, то она должна занимать всю карточку по ширине.

Если изображение размещается в верхней или нижней части карточки, то она должна касаться касаться трёх граней.

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

Используйте изображения с прозрачностью

Нарративы поддерживают изображения в формате png, который в свою очередь поддерживает прозрачность (в том числе и «полупрозрачность», но это уже другая история).

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

Делать такие картинки очень просто. Надо в фотошопе обрезать всё лишнее и оставить нижний слой прозрачным.

В фотошопе это выглядит так:

Кроме того, можно создать такие «вырезанные» элементы, которые будут присутствовать на многих ваших нарративах.

Что-то вроде вот той линейки из денег — я для своего околофинансового канала заготовил несколько линеек, которые составлены из пластиковых карт, банкнот, монет и т.п.

Когда есть такие заготовки сделать нарртив довольно просто: не нужно каждый раз готовить новые элементы, нужно просто выбрать из существующих.

Не ставьте минусы в списках

Знак минус «-» для обозначения элемента списка или звёздочка «*» выглядят отвратительно!

На мой взгляд, в Дзене давно нужно добавить ещё один тип текстового блока в нарративах — список. Это позволит:

  • Создавать карточки со списками.
  • Обеспечить их нормальное форматирование.
  • Ну вот как здесь.

Пока это невозможно, поэтому приходится пользоваться символом „ • “. Если вы пользуетесь клавиатурной раскладкой Ильи Бирмана, то там это символ ставится сочетанием клавиш Alt+Shift+m. Если нет, то можно просто просто скопировать этот символ отсюда.

Можно ещё использовать эмодзи („▶“, „➡“, „1️⃣“, „2️⃣“, „3️⃣“ и т. п.), но есть вероятность, что кто-то их не увидит.

Пустого места быть не должно

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

На пустом месте разместить какую-то картинку, в т.ч. логотип канала (это хорошо выглядит, если это последний слайд в нарративе).

Но если ваш нарратив связан со статьёй, то там как раз можно разместить ссылку на статью.

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

Нарратив, который использован для иллюстрации этой статьи можно посмотреть здесь.