July 7, 2019

Как создать впечатляющий лонгрид

Медиа и издатели часто используют Readymag для верстки спецпроектов и длинных текстов — вы можете найти примеры в нашей галерее проектов по тегу Longread. Вот несколько советов, которые помогут вам сделать ваш спецпроект лучше.

  1. Лонгриды восходят к печатным медиа. Бумажные журналы помогут найти вдохновение — обращайте внимание на необычную верстку и воспроизводите понравившиеся примеры в цифровом виде.
https://stories.readymag.com/katsui/

2. И печатная, и цифровая верстка основаны на прямоугольных колонках.Обыграйте это — например, добавьте в проект диагональные линии или круги.

3. Чередуйте текст, изображения и анимацию. Читать текст без иллюстраций тяжело.

https://enso.readymag.com/eames

4. Предупредите пользователя, сколько времени у него уйдет на прочтение текста.

https://kanerobinson.com/

5. Используйте навигацию — не случайно в книгах и длинных статьях есть оглавления. Для создания навигации в лонгридах особенно полезны будут якорные ссылки (подробности здесь).

https://stasaki.com/designer-as-writer/

6. Сделайте ощущение от текста более неожиданным. Замените цифры на изображения или на геометрические формы. Используйте акцидентные шрифты для заголовков. Помните, что в лонгриде важна не только читаемость, но и внешний вид.

http://yvette.lapels.club/

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

https://kedzich.com/

8. Не пренебрегайте возможностями, которые дает смена страниц. Например, сделайте цвет фона соседних страниц разным или включите переход с нахлестом (slide-in transition) — это разнообразит верстку и придаст проекту ритм.

9. Анализируйте поведение пользователей. Платные планы Readymag дают доступ к Google Analytics: используйте его, чтобы следить за уровнем дочитываемости. Для этого разбейте проект на последовательные страницы и фиксируйте число просмотров каждой из них.

****

Оригинал этого материала на английском

Заведите бесплатный аккаунт на Readymag