«У вас же есть макет для сайта — просто распечатайте его на визитках, делов-то». Эта фраза звучит логично ровно до того момента, пока с принтера не выезжает нечто блёклое, размытое и с белой каёмкой по краю. И заказчик искренне недоумевает: на мониторе же красота, что случилось? А случилось то, что бумага и экран — две разные планеты, и картинка, родившаяся на одной, не телепортируется на другую без переделки.
Различий между печатным и экранным дизайном больше, чем кажется, и почти каждое из них рождает конфликт между заказчиком и исполнителем, если о нём не знать заранее. Один говорит «сделай как на сайте», другой кивает, а потом всплывает, что «как на сайте» в печати невозможно физически. Давайте разложим эти различия по полочкам: цвет, разрешение, размеры и вылеты, шрифты, форматы файлов и сам способ мышления дизайнера. После этого станет ясно, почему перенос между средами — это работа, а не одна кнопка.
Эта статья — часть раздела «Полиграфический дизайн». Рядом полезно прочитать, как подготовить макет к печати, и разобраться в видах печати.
Что вы узнаете из статьи
- Почему цвета на экране и в печати никогда не совпадают полностью
- Чем разрешение для бумаги отличается от разрешения для веба
- Как различаются размеры, вылеты и сама единица измерения
- Почему шрифты и читаемость работают по-разному
- Какие форматы файлов нужны для каждой среды
- Почему перенос макета из одной среды в другую — это переработка
Цвет: свет против краски
Самое драматичное различие — цвет, и корень его в физике. Экран — это источник света. Он складывает три луча: красный, зелёный, синий (RGB). Сложите все три на максимуме — получите белый, выключите все — чёрный. Чем больше света, тем ярче, поэтому монитор умеет в ослепительные неоновые оттенки, которые буквально светятся.
Бумага света не излучает — она его отражает. Краска на ней работает наоборот: каждый слой поглощает часть спектра, и чем больше краски, тем темнее. Это субтрактивная модель CMYK — голубой, пурпурный, жёлтый и чёрный. Складывая краски, вы вычитаете свет, а не добавляете его. Поэтому печатная гамма принципиально уже экранной: самые сочные синие, изумрудные и кислотные цвета краски просто не способны воспроизвести.
Отсюда вечное разочарование «в печати темнее и тусклее». Это не брак типографии и не кривые руки дизайнера — это граница технологии. Опытный полиграфист закладывает её заранее: не строит дизайн на оттенках, которые недостижимы, проверяет ключевые цвета в CMYK ещё на старте и при необходимости предлагает пантон — отдельную смесевую краску для фирменного цвета, который обязан попасть один в один. Подробнее перевод цвета и работу с профилями мы разобрали в гайде про то, как подготовить макет к печати.
Для экранного дизайна всё это не проблема: RGB живёт в своей широкой гамме, и веб-дизайнер спокойно использует яркие градиенты и свечения, которые на бумаге пришлось бы укрощать. Поэтому красивый веб-баннер, перенесённый в листовку без переработки цвета, почти гарантированно потускнеет.
Разрешение и пиксели
Второе крупное различие — плотность изображения. Веб живёт в пикселях и низком разрешении: стандартные 72 ppi для экрана достаточно, потому что монитор сам по себе грубее бумаги, а лишние пиксели только утяжеляют страницу и замедляют загрузку. Веб-дизайнер сознательно жмёт картинки, чтобы сайт летал.
Печать требует совсем другого — 300 ppi в реальном размере для большинства продукции. Бумага способна показать куда более тонкую детализацию, чем экран, и если подсунуть ей веб-картинку в 72 ppi, эта детализация обернётся видимыми квадратиками. То, что на сайте смотрелось идеально, на визитке расплывётся в мыло.
Разница в четыре с лишним раза по плотности означает простую вещь: маленькая картинка с сайта физически не содержит достаточно данных для качественной печати, и «увеличить резкость» её не спасёт — информации в ней просто нет. Поэтому для печати ищут исходники крупного размера или векторную графику, которая масштабируется без потерь вовсе.
Любопытно, что обратный перенос проще: печатный файл в высоком разрешении легко ужать для экрана, выбросив избыточные данные. А вот поднять веб-картинку до печатного качества нельзя — недостающие пиксели взять неоткуда.
Размеры, вылеты и единицы измерения
Третье различие — в том, как вообще задаются габариты. Веб мыслит в пикселях и процентах, а ещё в адаптивности: один и тот же сайт растягивается под десктоп, планшет и телефон, и дизайнер закладывает «резиновую» сетку, которая подстраивается под любой экран. Фиксированного физического размера у веб-макета нет.
Печать же предельно физична. Визитка — это 90 на 50 миллиметров, ни пикселем больше. Дизайнер работает в миллиметрах и сантиметрах, точно зная конечный размер изделия. И появляется то, чего в вебе нет в принципе, — вылеты и поля под рез: запас фоновой заливки за линией реза и безопасная зона для важных элементов, потому что бумагу режут ножом с погрешностью. В цифровой среде «обрезать по краю» нечего — экран не режут.
Эта разница в мышлении глубже, чем кажется. Веб-дизайнер думает о поведении макета при изменении размера окна, о кликабельности, о скролле. Полиграфист — о том, как лист ляжет под нож, как сложится буклет по линии фальца, как поведёт себя краска на конкретной бумаге. Один проектирует гибкую систему, другой — точный физический объект.
Шрифты, читаемость и типографика
Текст ведёт себя в двух средах тоже по-разному. На экране подсветка помогает читаемости, но разрешение грубее, поэтому слишком мелкие засечки сливаются, и веб традиционно тяготеет к чистым, простым гарнитурам и довольно крупному кеглю. Плюс веб-шрифты должны быстро грузиться и корректно отображаться на любом устройстве.
В печати высокое разрешение позволяет смело использовать тонкие засечки и мелкий кегль — бумага их вытянет. Но появляются свои подводные камни: очень тонкие линии букв в выворотке (белым по тёмному) могут пропасть, мелкий цветной текст «двоится» при малейшем сдвиге печати, поэтому его держат чистым чёрным. И шрифт обязан физически попасть в типографию — иначе он подменится, поэтому гарнитуры переводят в кривые или вкладывают в PDF, чего в вебе делать не нужно.
Есть и тонкая разница в восприятии. Бумажный текст читают линейно и вдумчиво, экранный — сканируют по диагонали, цепляясь за заголовки и выделения. Поэтому веб-типографика любит воздух, короткие абзацы и якоря для глаза, а печатная может позволить себе более плотные, «книжные» полосы текста, рассчитанные на сосредоточенное чтение.
Форматы файлов и финальная сборка
Замыкает список — форматы. Веб любит лёгкое и сжатое: JPG и WebP для фотографий, PNG для графики с прозрачностью, SVG для векторных иконок, которые масштабируются без потерь и почти ничего не весят. Главный критерий — малый вес ради скорости загрузки, и качество сознательно приносится в жертву килобайтам.
Печать ставит во главу угол качество и точность. Векторную графику отдают в AI, EPS или PDF, растровую — в TIFF или несжатом виде, а финальный файл для типографии чаще всего собирают в PDF/X — специальном печатном стандарте, который фиксирует профиль, вкладывает шрифты и хранит данные о вылетах. Сжатие с потерями, нормальное для веба, в печати нежелательно: артефакты JPEG, незаметные на экране, на бумаге вылезают.
Именно поэтому «просто пришлите мне файл» в двух средах означает совершенно разное. Веб-файл и печатный файл — это не одно и то же изображение в разных обёртках, а два разных продукта, собранных под разные требования. И понимание этого — половина успеха при заказе.
Как платформа помогает выбрать нужного специалиста
На Где.Эксперт можно описать задачу прямо — «нужен макет под печать, тираж в типографии» или «баннеры для сайта» — и получить отклики от исполнителей с подходящей специализацией. По портфолио видно, кто реально сдавал тиражи и держит в голове CMYK, вылеты и кривые, а кто силён в вебе и адаптиве. Это снимает главный риск — отдать печатный проект чистому веб-дизайнеру и получить макет, который рассыплется на бумаге. Чтобы отклики были точными, помогает заранее составить ТЗ на полиграфию.
Прозрачный профиль и отзывы прошлых заказчиков подсказывают, кто справлялся с похожими задачами именно в нужной среде. Можно обсудить детали в переписке до старта, начать с небольшого этапа и платить по факту, без депозитов, а история выполненных заказов работает страховкой от случайного выбора.
Часто задаваемые вопросы
Можно ли просто распечатать макет, сделанный для сайта?
Технически да, но обычно плохо: веб-макет в RGB, 72 ppi, без вылетов. На бумаге цвета потускнеют, картинки замылятся, по краю вылезут полосы. Нужна переработка под печать.
Почему в печати цвета темнее, чем на экране?
Экран излучает свет (RGB) и даёт яркие оттенки, бумага отражает, а краски поглощают спектр (CMYK) — гамма уже. Особенно теряются яркие синие и неоновые. Это граница технологии.
Какие форматы нужны для печати и для экрана?
Для печати — вектор (AI, EPS, PDF) и растр высокого разрешения, финал в PDF/X. Для экрана — лёгкие JPG, PNG, WebP, SVG. Печать ценит качество, веб — малый вес.
Нужен ли отдельный специалист для печати и веба?
Не обязательно, но компетенции разные. Убедитесь, что у исполнителя есть опыт именно в нужной среде, иначе печатный проект может уйти в брак.
Что сложнее — печать в экран или экран в печать?
Сложнее переносить из экрана в печать: нужно поднять разрешение, перевести в CMYK, добавить вылеты, а яркие цвета всё равно потеряются. Обратный путь проще.
Заключение
Дизайн для печати и для экрана различаются не косметически, а по самой сути: один работает с отражённой краской на физическом листе, другой — со светящимися пикселями на гибком экране. Отсюда расходятся цвет, разрешение, размеры, шрифты и форматы — и именно поэтому макет нельзя просто «перетащить» из одной среды в другую без переработки.
Запомните главное: цвет в печати всегда сдержаннее экранного, разрешение нужно вчетверо плотнее, размеры — физические и с вылетами, а файл собирается под конкретную среду. Понимая это, заказчик ставит реалистичные задачи, а исполнитель сразу выбирает правильные инструменты — и обе стороны избегают разочарования на финише.
Нужен дизайн под печать или под экран — опубликуйте задачу на Где.Эксперт, выберите исполнителя с опытом именно в нужной среде и платите по факту выполнения.