Текст рядом с QR-кодом на этикетке: как сохранить чистое поле

На маленькой товарной этикетке QR-код и подпись часто приходится размещать впритык: название, короткая инструкция, ссылка на состав и сам код спорят за каждый миллиметр. Оставьте вокруг кода предусмотренное для его типа свободное поле, а текст выстройте отдельной группой с понятной паузой между ними. Так надпись останется связанной с кодом по смыслу, но не помешает сканированию.

QR-код — не просто квадратная картинка. Сканеру нужно распознать край матрицы и понять, где начинается символ. Для этого вокруг него оставляют quiet zone — чистую область без печатных элементов. В рекомендациях GS1 для розничных двухмерных кодов свободная зона QR Code составляет четыре модуля по каждой стороне; модуль — базовая ячейка кода. Для GS1 DataMatrix требование иное. Поэтому размер поля нельзя выбирать на глаз или копировать с другого типа кода: сначала определите символ и проверьте актуальную спецификацию для области применения.

Рекомендация GS1 для 2D-кодов в розничной торговле объясняет назначение свободной зоны и различие требований для QR Code и DataMatrix. Сам код удобнее создать в программе, которая соблюдает выбранную спецификацию и включает необходимую зону. Затем разместите его как цельный объект, не обрезайте и не дорисовывайте края в графическом редакторе.

Свободная зона принадлежит коду, а не текстовому блоку. Её не занимают буквами, тонкой рамкой, пиктограммой, цветным фоном с низким контрастом или вылетом соседней иллюстрации. Даже если подпись визуально кажется лёгкой, часть букв может зайти в поле и ухудшить распознавание. Пустота здесь выполняет рабочую функцию, а не служит украшением.

Начните макет с двух ограничений: внешнего контура этикетки и полного прямоугольника QR-кода вместе с его свободной зоной. Этот прямоугольник — минимальный зарезервированный участок, куда нельзя переносить заголовки, декоративные линии и другие элементы. Добавьте вокруг него обычное поле до края этикетки, чтобы код не выглядел прижатым к высечке или сгибу. Это уже дизайнерское расстояние, а не часть стандарта: его определяют форма носителя и производственный макет.

После этого распределяйте текстовые блоки. Для простого изделия часто достаточно трёх уровней:

Не пытайтесь выровнять весь текст по границе QR-кода, если из-за этого длинная строка почти касается зарезервированного квадрата. Лучше задайте тексту отдельную колонку или перенесите подпись под код. Между смысловыми группами нужна видимая пауза; внутри самой группы расстояния должны быть меньше и последовательны. Такое различие показывает, что именно относится к коду, а что является названием товара.

На вертикальной этикетке код обычно занимает нижнюю или боковую часть, а текст располагается в соседней колонке либо выше. Выбирайте схему по форме, а не по привычке:

В каждой схеме короткий текст рядом с QR должен объяснять назначение ссылки. «Сканируйте» сообщает действие, но не цель. Более конкретная подпись — «Инструкция по уходу» или «Партия и происхождение» — помогает покупателю решить, стоит ли открывать ссылку. Подпись не заменяет сведения, которые обязательно должны быть напечатаны на упаковке по требованиям вашей категории и рынка; такие требования нужно проверять отдельно.

Когда QR-код стоит рядом с названием и короткой ссылкой-действием, возникает риск ложной связи: читатель принимает подпись за часть названия либо не понимает, какой текст поясняет код. Решение — сгруппировать код и его подпись, а затем отделить эту пару от описания.

Например, на банке с чаем название «Лесной сбор» может стоять сверху. Под ним — одна строка о составе. Внизу справа размещаются QR-код и подпись «Состав партии и рекомендации по завариванию». Между названием и описанием сохраняется небольшое расстояние, а перед группой кода — более заметная пауза. Но саму подпись нельзя придвигать к матрице так, чтобы буквы оказались внутри свободной зоны.

Если этикетка очень мала, используйте один ясный сигнал группировки: одинаковое выравнивание, близкое расстояние между подписью и кодом или общий контейнер. Не обводите код декоративной рамкой вплотную: она не устраняет требование к чистому полю и может быть воспринята как часть изображения. Не маскируйте проблему уменьшением всего текста до нечитаемого размера.

Сделайте пробный макет в физическом размере. На экране легко пропустить, что текстовый интервал фактически исчез из-за малой ширины, а свободная зона кода стала почти неразличима на фоне других белых полей. Распечатайте этикетку на масштабе 1:1 или используйте точный пробный материал и расположите её на упаковке так, как она будет смотреться в продаже.

Проверьте несколько состояний:

Отсканируйте код несколькими обычными телефонами в нормальном освещении. Убедитесь, что код открывает нужную страницу и что напечатанная подпись совпадает с тем, что увидел пользователь. Не исправляйте сбои сканирования, просто увеличивая межбуквенный интервал в подписи: причина может быть в самом коде, его размере, контрасте, поверхности или повреждении. Если QR располагается на изогнутой банке, проверьте его на этой банке; плоская проба не покажет всех искажений.

Представим флакон с узкой прямоугольной этикеткой. Нужно указать название, объём, короткую функцию продукта и QR-ссылку на подробный состав. Не сжимайте все строки в сплошной список возле кода. Разделите площадь на верхний блок названия, средний короткий блок свойств и отдельную нижнюю зону кода.

Сначала выясните у того, кто готовит QR, его тип и требуемый размер. Зафиксируйте на черновике квадрат кода вместе со свободной зоной и полем до края этикетки. Затем вставьте текст и посмотрите, какая строка длиннее всего. Если справа текст теснит код, перенесите подпись под него либо оставьте только краткое назначение ссылки. Если ширины всё равно не хватает, перенесите QR на оборот; не убирайте обязательную зону и не уменьшайте код без повторной проверки его считывания.

В качестве рабочего задания верстальщику можно написать: «Сохранить QR вместе с quiet zone по спецификации кода; текст не заходить на зарезервированный прямоугольник; оставить подпись рядом с кодом и проверить макет в масштабе 1:1 на флаконе». Это яснее, чем требование «сделать побольше воздуха», потому что отделяет техническое поле кода от дополнительного визуального интервала.

**Считать любое белое поле одинаковым.** Зона вокруг QR задаётся требованиями к символу, а общий отступ до края упаковки выбирается по макету и технологии. Не подменяйте одно другим.

**Добавить надпись в угол кода, чтобы заполнить пустоту.** Чистое поле перестаёт быть чистым. Перестройте текстовую колонку или переместите код целиком.

**Увеличить код без изменения подписи.** QR занимает больше места, а подпись может оказаться в зоне края или слишком далеко от кода. Пересоберите обе группы и проверьте физическую пробу.

**Проверять только на белом макете.** Материал, лак, кривизна и печатная фактура меняют результат. Считывание проверяют на реальной поверхности или на максимально близкой пробе.

**Уменьшить текст до нечитаемого кегля ради QR.** Сначала сократите необязательную формулировку, перенесите пояснение на оборот или упростите структуру информации. Читаемая этикетка важнее декоративного выравнивания всех блоков.

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

Сначала определите базовый модуль и стандарт именно вашего кода. Для QR Code в рекомендации GS1 по розничным 2D-кодам приводится зона в четыре модуля с каждой стороны. Для другого символа или области применения правило может отличаться; не переносите число с чужого макета.

Не следует. Требование касается области без печатных элементов, а не только тёмных букв. Цветная заливка, тонкая графика и малоконтрастный текст тоже могут нарушать чистоту зоны.

Сократите необязательную подпись, перенесите текст на оборот или разместите QR на обороте. Не обрезайте свободную зону и не уменьшайте символ без проверки по нужной спецификации и на пробном экземпляре.

Обычно полезнее назвать содержание ссылки: например, «Состав», «Инструкция» или «Проверить подлинность». Такая подпись сообщает человеку, что он получит после сканирования.

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

Сначала закрепите на этикетке QR-код с его технически необходимой свободной зоной, затем расположите текстовые группы и задайте между ними дополнительную визуальную паузу. Проверьте длинные подписи, макет в масштабе 1:1 и считывание на упаковке. Если готовите собственный рукописный шрифт для маркировки, попробуйте его в коротких названиях и подписях с помощью Fontgenerator.