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