Печатный макет читают в руках, а веб-страницу — на экране: у них разный ритм, масштаб и поведение. Поэтому переносить разворот в Readymag пиксель в пиксель обычно не стоит. Сначала определите, что должно сохраниться в обоих форматах: характер типографики, цветовую логику, принцип работы с изображениями и визуальную иерархию.
Перед версткой зафиксируйте основу:
— 1–2 начертания и правила для заголовков, подзаголовков и основного текста;
— палитру с отдельными значениями для фона, текста, акцентов и ссылок;
— систему отступов, ширину текстового блока и пропорции изображений;
— набор повторяющихся элементов: номера страниц, подписи, цитаты, кнопки.
В веб-версии проверьте не только внешний вид, но и сценарий чтения. Длинный печатный разворот лучше разбить на экраны, добавить навигацию и раскрывающиеся блоки. Крупную типографику уменьшайте по брейкпоинтам, а изображения готовьте в нескольких размерах. Текст на мобильном должен оставаться читаемым без увеличения.
Соберите один тестовый разворот и одну веб-секцию, затем сравните их рядом. Если совпадают правила, а не каждый пиксель, оформление будет цельным в печати и на экране.
Readymag: лонгриды и портфолио
@readymag_longreads_ww
Печатная айдентика и сайт не обязаны выглядеть одинаково — им нужна общая система
Этот пост опубликован в Telegram-канале Readymag: лонгриды и портфолио. Подписаться можно по ссылке: @readymag_longreads_ww.