Дизайн QR-кода: чеклист перед печатью
QR-код не обязан быть обычным чёрно-белым квадратом. Фирменные цвета, логотип или округлые элементы помогут вписать его в меню или визитку. Главное — не позволить оформлению помешать камере прочитать код. Разберёмся, на что обратить внимание, когда добавляете ему собственный стиль.
Контраст важнее цвета
Сканеру нужна чёткая разница между тёмными и светлыми частями узора. Тёмно-синий на белом — гораздо удачнее для начала, чем светло-жёлтый на белом, даже если оба сочетания есть в вашей палитре. Делайте код заметно темнее фона и проверяйте его на том материале, на котором планируете печатать.
Как добавить логотип, не сломав код
Небольшой логотип в центре помогает узнать ваш бренд. У QR-кодов есть коррекция ошибок: она позволяет восстановить часть перекрытых или повреждённых данных. В QR-ZY можно выбрать более высокий уровень коррекции для дизайна с логотипом. Не делайте логотип слишком большим и оставляйте открытыми три крупных угловых маркера. Единого безопасного процента для всех дизайнов нет, поэтому проверьте результат и уменьшите логотип, если он затрудняет сканирование.
Скруглённые элементы и необычные формы
Округлые элементы и мягкие углы могут изменить характер QR, сохранив его узнаваемый узор. Начните с небольшого изменения и следите, чтобы мелкие элементы оставались отчётливыми. Особое внимание уделите трём крупным маркерам в углах: по ним сканер находит код и определяет его положение. Если меняете их вид, проверьте результат на нескольких телефонах.
Фоновые изображения и рамки
Рамка с подписью «Открыть меню» или «Сохранить контакт» объясняет, зачем сканировать код. Размещайте рамку и текст за пределами свободного поля вокруг узора. С каждой стороны его ширина должна равняться как минимум четырём маленьким квадратикам QR. Если код стоит поверх фото или иллюстрации, добавьте однотонную светлую подложку, чтобы изображение не мешало считыванию.
Всегда тестируйте оформленный код
Каждый раз, когда вы меняете цвета, добавляете логотип или форму модулей, тестируйте результат на нескольких разных моделях телефонов и приложениях для сканирования перед публикацией или печатью. То, что идеально сканируется на одной камере, может не сработать на другой — особенно при низком контрасте или сильной стилизации.
Краткий чек-лист
- Сильный контраст между цветом переднего плана и фона
- Логотип небольшой, расположен по центру и проверен с подходящим уровнем коррекции ошибок
- Угловые «маяки» (три квадрата в углах) остаются узнаваемыми
- Рамка или призыв к действию не перекрывают тихую зону
- Протестировано на нескольких телефонах и приложениях перед публикацией