Чёрный квадрат на белом фоне сканируется отлично, но выглядит одинаково у всех. QR-код с логотипом и в фирменных цветах работает на узнаваемость бренда — при условии, что дизайн не убил читаемость. Вот правила, которые позволяют совместить красоту и функцию.
Логотип: сколько места ему отдать
Логотип размещают в центре кода поверх модулей, и здесь действует строгий бюджет: не более 20–25% площади при высокой коррекции ошибок. Два практических приёма: ставьте лого на контрастную подложку с отступом от модулей и упрощайте форму — мелкие детали эмблемы на небольшом коде всё равно превращаются в кашу. Поисковые узоры по углам трогать нельзя никогда: без них сканер просто не найдёт код.
Цвета и контраст
Сканеру важна не красота, а разница яркости между тёмными и светлыми модулями. Правила просты, но нарушаются постоянно:
- тёмный узор на светлом фоне, а не наоборот — инверсию многие камеры читают плохо;
- контраст по яркости от 40%: жёлтое на белом и пастельные сочетания — типичная ошибка;
- фирменный цвет годится для модулей, если он достаточно тёмный: глубокий синий, бордовый, тёмно-зелёный;
- градиенты, тени и полупрозрачные подложки под кодом — лишний риск.
Простой самотест: переведите макет в чёрно-белый режим — если код теряется на фоне, контраста не хватит и сканеру.
Коррекция ошибок — страховка дизайнера
Каждый декоративный элемент «съедает» часть запаса прочности кода, поэтому для брендированных вариантов выбирайте уровень Q, а для сложных композиций — H. Почему это работает и как считается запас прочности, мы подробно объясняем в статье о уровнях коррекции ошибок. Бесплатная красота без этой страховки оборачивается кодом, который сканируется через раз.
ChromaCode: изображение внутри кода
Технология ChromaCode идёт дальше наклейки логотипа: модули перекрашиваются так, что вместе они складываются в фирменную картинку — узнаваемую мозаику бренда. Сканируемость сохраняется, потому что тёмные и светлые роли модулей не нарушаются, а лишь подстраиваются оттенки.
Проверка перед запуском
Брендированный код обязательно тестируется на трёх-четырёх разных телефонах и при плохом освещении — то, что идеально читается с экрана дизайнера, может споткнуться о старую камеру. Печатный вариант проверяйте уже после ламинации: глянец добавляет бликов. Собрать такой код можно в QR StarCode: загрузите изображение или подтяните favicon сайта, и генератор с высоким уровнем коррекции выдаст код, который не стыдно поставить на витрину.