N.B. Если вы художник, дизайнер или просто любите рисовать, то скорее эта статья не для вас. Она написана для авторов, которые как и я не обладают какими-то художественными способностями, но хотят делать нарративы, которые выглядят не слишком топорными.
Возможно вы встречали нарративы, которые представляют собой набор текстовых карточек. На каждой странице есть текст, а всё графическое оформление сводится к цвету фона.
Правда, иногда в такие нарративы, добавляются картинки, которые выглядят там совсем не к месту.
Ну что-то в этом роде.
Понятно, что обычно такие нарративы — это переупаковка статьи и на карточки просто копируется текст из статьи.
Не делайте так, пожалуйста!
Во-первых, такие тексты невозможно читать. Особенно, если вы слишком переусердствуете с очень крупным или очень мелким шрифтом (и это ещё не известно как он будет выглядеть на устройстве пользователя).
Например, я долго ходил вот с таким телефоном. Он очень маленький, при этом на нём отлично работает Дзен. Но представляете, как там выглядели нарративы?
Какими должны быть нарративы
- Нарратив не должен быть статьёй.
- Если нарратив сделан по статье, то он должен отражать основные мысли изложенные в статье, а не состоять из рерайта или копипапасты.
- Каждая страница нарратива должна содержать картинку. Даже если это всего лишь фон.
- Текстов на них не должно быть много.
- На нарративах желательно размещать вспомогательные изображения, которые эксплуатируют эффект прозрачности — это создаёт очень необычный эффект.
Как обустроить нарратив
Используйте фоновые изображения
Если под текст подложить какое-то изображение, то нарратив уже выглядит веселее.
У меня куча нарративов, где в качестве фона я используют ту же картинку, что и на обложке. Она копируется, размещается самым нижним слоем и делается полупрозрачной.
В этом случае можно даже изменить фон самой карточки. Конечно фоновые цвета карточки очень своеобразные, но манипулируя прозрачностью изображения, можно подобрать очень неплохие варинты.
Используйте фон для текстового блока с большой осторожностью
Часто текст пишут поверх картинки, а чтобы добиться читаемости задают ей фон.
Очень редко получается что-то удачное. Обычно изображение перетягивает на себя внимание и текст выглядит помехой.
Фон для текста хорошо использовать если речь идёт о паре слов, поясняющих картинку, растянутую на всю карточку.
Иллюстрации не должны быть маленькими
Если вставляете иллюстрацию в текст, то она должна занимать всю карточку по ширине.
Если изображение размещается в верхней или нижней части карточки, то она должна касаться касаться трёх граней.
Иногда, картинка изначально высокая и её не получается вставить целиком. Тогда её лучше обрезать сверху и/или снизу, чем вставлять маленький квадратик в центре.
Используйте изображения с прозрачностью
Нарративы поддерживают изображения в формате png, который в свою очередь поддерживает прозрачность (в том числе и «полупрозрачность», но это уже другая история).
Даже самая простенькая картинка, которая не закрывается, а просто накладывается поверх другого изображения, выглядит очень эффектно.
Делать такие картинки очень просто. Надо в фотошопе обрезать всё лишнее и оставить нижний слой прозрачным.
В фотошопе это выглядит так:
Кроме того, можно создать такие «вырезанные» элементы, которые будут присутствовать на многих ваших нарративах.
Что-то вроде вот той линейки из денег — я для своего околофинансового канала заготовил несколько линеек, которые составлены из пластиковых карт, банкнот, монет и т.п.
Когда есть такие заготовки сделать нарртив довольно просто: не нужно каждый раз готовить новые элементы, нужно просто выбрать из существующих.
Не ставьте минусы в списках
Знак минус «-» для обозначения элемента списка или звёздочка «*» выглядят отвратительно!
На мой взгляд, в Дзене давно нужно добавить ещё один тип текстового блока в нарративах — список. Это позволит:
- Создавать карточки со списками.
- Обеспечить их нормальное форматирование.
- Ну вот как здесь.
Пока это невозможно, поэтому приходится пользоваться символом „ • “. Если вы пользуетесь клавиатурной раскладкой Ильи Бирмана, то там это символ ставится сочетанием клавиш Alt+Shift+m. Если нет, то можно просто просто скопировать этот символ отсюда.
Можно ещё использовать эмодзи („▶“, „➡“, „1️⃣“, „2️⃣“, „3️⃣“ и т. п.), но есть вероятность, что кто-то их не увидит.
Пустого места быть не должно
Иногда встречаются нарративы, у которых карточка наполнена наполовину. Авторы иногда пытаются этого избежать и очень сильно увеличивают текст. Выглядит это не очень, особенно, если до этого использовался достаточно мелкий шрифт.
На пустом месте разместить какую-то картинку, в т.ч. логотип канала (это хорошо выглядит, если это последний слайд в нарративе).
Но если ваш нарратив связан со статьёй, то там как раз можно разместить ссылку на статью.
В общем, я хочу сказать, что даже при отсутствии какого дизайнерского опыта, обладая минимальными навыками работы с графическими редакторами, можно создавать нарративы, на которые приятно смотреть.
Нарратив, который использован для иллюстрации этой статьи можно посмотреть здесь.
