Когда дизайнер отправляет в типографию готовый макет, вместе с PDF или исходниками часто приходит текстовый файл — readme.txt. Но формат plain text не позволяет вставить таблицу с цветами, разметить вылеты и подрезку, прикрепить ссылки на шрифты. README.html решает эти проблемы. Это лёгкий, визуально структурированный документ, который можно открыть в любом браузере и сразу увидеть все требования к печати. В этой статье разберём, из каких блоков должен состоять такой файл, какие данные в него включать и как оформить, чтобы у сотрудников типографии не осталось вопросов.
Зачем нужен HTML-формат, а не обычный текст
Текстовый файл (.txt) не поддерживает форматирование. В нём невозможно выделить заголовки, сделать нумерованный список или вставить цветные маркеры. HTML даёт:
- Таблицы — для раскладки цветов CMYK, Pantone, дополнительных лаков;
- Изображения — например, скриншот с разметкой вылетов или фото готовой упаковки с указанием мест склейки;
- Ссылки — на скачивание шрифтов, на архив с макетом, на страницу описания технологии (внутри блога).
- Семантику — теги <h2>, <h3>, <p> позволяют быстро найти нужный раздел.
Для типографии такой readme — готовый чек-лист: вскрыл файл в браузере, проверил каждый пункт, подтвердил приёмку. Ошибки из-за невнимательного чтения сокращаются в разы.
Структура README.html для печатного макета
1. Общая информация о проекте
Начните с заголовка с названием проекта, датой и контактами. Если проект — часть серии (например, упаковка для линейки продуктов), укажите артикул. Пример:
<h1>Упаковка для кофе «Эфиопия Сидамо» — короб 300 г</h1> <p>Дата: 2025-04-01 | Версия 2.1</p> <p>Ответственный: Анна Иванова, дизайн-отдел, [email protected]</p>
2. Технические параметры печати
Список обязательных полей:
- Формат изделия (размер в мм после резки);
- Вылеты (обычно 3–5 мм);
- Допуски (например, поля безопасности 10 мм от края);
- Цветовая модель (CMYK, Pantone, количество цветов);
- Технология печати (цифровая или офсет);
- Тип бумаги/материала (ссылка на карточку в каталоге или плотность и фактура);
- Вид послепечатной обработки (ламинация, тиснение, лакировка, высечка).
Удобно оформить в виде таблицы:
| Параметр | Значение |
|---|---|
| Формат | 150×210 мм |
| Вылеты | 3 мм |
| Цвета | CMYK + Pantone 200 C |
| Бумага | Дизайнерский картон 300 г/м², фактура «лён» |
| Послепечатка | Матовое ламинирование, конгревное тиснение логотипа |
3. Инструкция по сборке (для упаковки)
Если макет — развёртка коробки или пакета, добавьте изображение с нумерацией линий сгиба и порядком склейки. Например:
Под изображением укажите последовательность: «Согнуть по линиям 1–4, нанести клей на клапан A, прижать к стороне B». Это ускоряет ручную сборку и исключает перекос.
4. Спецификация файлов
Перечислите все файлы в архиве с краткими комментариями. Например:
efiopia_300g_render.ai— исходник в Adobe Illustrator (CS6), слои не сведены;efiopia_300g_print.pdf— готовый пресс-файл с вылетами, залитый в кривые;efiopia_300g_dieline.cdr— файл штанцевой формы (Corel), контуры; не печатать;swatch_pantone_200C.ase— библиотека цветов для проверки.
Если шрифты не в кривых, укажите ссылку на их скачивание (внутреннюю, с сайта шрифтового партнёра). Но лучше сразу переводить в кривые — это стандарт.
Как оформить README.html технически
Файл должен быть самодостаточным. Используйте встроенные стили в теге <style> — внешние CSS-файлы не подключайте, чтобы readme открывался корректно даже без интернета. Минимальный пример:
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Спецификация макета — упаковка кофе</title>
<style>
body { font-family: Arial, sans-serif; max-width: 800px; margin: 40px auto; line-height: 1.5; }
table { border-collapse: collapse; width: 100%; }
th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }
th { background: #f5f5f5; }
img { max-width: 100%; }
</style>
</head>
<body>
...
</body>
</html>
Важно: не используйте сложные скрипты — только статический HTML. Типография может открывать файл на станке или планшете, где нет поддержки современного JavaScript. Если нужно вставить изображение, сохраните его рядом в том же архиве и укажите относительный путь, например <img src="img/sborka.jpg" alt="Схема сборки коробки">.
Частые ошибки в README.html для печати
- Пропущены вылеты или поля безопасности — в readme надо явно написать их значения, даже если в макете они есть.
- Некорректные цветовые профили — если макет свёрстан в sRGB, а офсетная печать требует ISO Coated v2, укажите это. Иначе типография может автоматически сконвертировать с потерей оттенков.
- Отсутствие указания на зеркальность — для визиток с двухсторонней печатью укажите, какая сторона лицевая, какая оборотная. Лучше добавить маленькие превью с подписями.
- Избыточные данные — не пишите «все шрифты используются в файле, если что-то не так — скачайте по ссылке». Либо переведите в кривые, либо приложите лицензионные OTF/TTF. Пункт readme про шрифты должен быть однозначен: «кривые» или «приложены».
Когда README.html особенно полезен
Во-первых, при заказе сложной брендированной упаковки. Коробки с конгревом, тиснением, выборочным УФ-лакированием требуют точной координации дизайнера и технолога. README.html заменяет десяток писем. Во-вторых, при работе с удалёнными типографиями — если вы заказываете печать в другом городе, такой файл становится единым источником истины. В-третьих, при передаче проекта другому дизайнеру: новый сотрудник откроет readme и за час разберётся в макете, вместо того чтобы переспрашивать.
В блоге мы уже разбирали похожие практические вопросы — например, как подготовить макет для печати календарей для бизнеса и какие ошибки возникают при заказе флаеров. README.html по своей сути — логичное продолжение этой культуры: документировать требования заранее, чтобы на производстве не гадали.
Практический шаблон для скачивания
Вот минимальная структура, которую можно скопировать и адаптировать под любой проект. Единственное изменение — замените текст под свои параметры.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>README — [Название проекта]</title>
<style>...</style>
</head>
<body>
<h1>[Название проекта]</h1>
<p>Дата: [дд.мм.гггг] | Версия: [номер]</p>
<h2>Технические параметры</h2>
<table>
<tr><td>Формат</td><td>[мм]</td></tr>
<tr><td>Вылеты</td><td>[мм]</td></tr>
<tr><td>Цвета</td><td>[CMYK / Pantone]</td></tr>
<tr><td>Материал</td><td>[бумага / картон, плотность]</td></tr>
</table>
<h2>Файлы в архиве</h2>
<ul>
<li><code>maket.pdf</code> — пресс-файл</li>
<li><code>maket.ai</code> — исходник</li>
</ul>
<h2>Примечания</h2>
<p>Лакировка — выборочная по контуру логотипа. Конгрев — высота 0,3 мм.</p>
</body>
</html>
Сохраните файл как readme.html в корневой папке архива с макетом. Перед отправкой проверьте, что все относительные пути к изображениям и файлам корректны — архиватор должен сохранять иерархию папок.
При следующей отправке макета приложите README.html — это снизит риск брака и ускорит обработку заказа. Типография получит не просто файлы, а чёткую инструкцию, а вы — уверенность, что всё сделано по технологии.