QR코드 디자인 커스터마이징 완벽 가이드 - 색상부터 로고 삽입까지
흑백 사각형 QR코드, 이제 브랜드에 맞게 바꿀 수 있습니다. 스캔이 안 되는 실수 없이 색상과 로고, 모양을 커스터마이징하는 실전 방법을 정리했습니다.
명함이나 포스터에 QR코드를 넣고 싶은데, 그 투박한 흑백 사각형이 디자인을 다 망친다고 느낀 적이 있을 겁니다. 색을 바꿔봤더니 이번엔 카메라가 인식을 못 하고, 로고를 넣었더니 어떤 폰에서는 되고 어떤 폰에서는 안 됩니다. 커스터마이징은 가능하지만, 아무렇게나 바꾸면 스캔되지 않는 그림이 되어버립니다.
QR코드가 왜 그렇게 보이는지, 어디까지 바꿔도 안전한지를 이해하면 브랜드 색상과 로고를 넣으면서도 100% 인식되는 코드를 만들 수 있습니다.
QR코드 커스터마이징의 작동 원리
QR코드는 검은 점(모듈)과 흰 점의 격자로 데이터를 표현합니다. 카메라는 색이 아니라 밝고 어두움의 대비로 모듈을 구분합니다. 그래서 커스터마이징의 첫 번째 원칙은 단순합니다. 어두운 모듈은 충분히 어둡게, 밝은 배경은 충분히 밝게 유지하는 것입니다.
모든 영역을 마음대로 바꿀 수 있는 건 아닙니다. 코드에는 반드시 보존해야 하는 구조가 있습니다.
건드리면 안 되는 핵심 영역
- 위치 탐지 패턴: 세 모서리의 큰 사각형. 카메라가 코드의 방향과 위치를 잡는 기준점이라 모양을 크게 바꾸면 인식률이 급락합니다.
- 여백(Quiet Zone): 코드 바깥의 빈 공간. 최소 4모듈 폭을 확보해야 하며, 여기에 글자나 그래픽을 붙이면 스캔이 실패합니다.
- 타이밍 패턴: 점선처럼 이어진 기준선. 격자 좌표를 계산하는 부분이라 끊기면 안 됩니다.
커스터마이징의 자유도는 디자이너의 감각이 아니라 오류 정정 레벨이 결정합니다. 디자인을 정하기 전에 이 값부터 올려야 합니다.
색상과 대비 - 스캔되는 디자인의 조건
색을 바꿀 때 가장 흔한 실패는 대비 부족입니다. 파란 모듈에 회색 배경처럼 명도 차이가 적으면 카메라가 두 색을 구분하지 못합니다. 실무에서는 어두운 색과 밝은 색의 명도 대비를 충분히 확보하는 것이 안전합니다.
| 조합 | 스캔 안정성 | 비고 |
|---|---|---|
| 검정 모듈 / 흰 배경 | 매우 높음 | 기본값, 가장 안전 |
| 진한 브랜드 컬러 / 흰 배경 | 높음 | 네이비, 진녹색 등 어두운 계열 권장 |
| 밝은 모듈 / 어두운 배경(반전) | 중간 | 일부 구형 앱에서 실패 가능 |
| 비슷한 명도의 두 색 | 낮음 | 피해야 할 조합 |
그라데이션은 어디까지 허용될까
모듈에 그라데이션을 넣는 건 가능합니다. 단, 가장 밝아지는 지점에서도 배경과의 대비가 유지되어야 합니다. 한 모듈 안에서 색이 바뀌는 것보다는 코드 전체에 걸쳐 완만하게 변하는 그라데이션이 훨씬 안전합니다.
로고 삽입과 모듈 모양 변경
가운데에 로고를 넣는 디자인이 인기지만, 이건 사실 데이터 일부를 가리는 행위입니다. 그래도 작동하는 이유는 QR코드에 오류 정정 기능이 있기 때문입니다. 로고가 덮는 면적이 정정 가능 범위 안이면 나머지 데이터로 복원됩니다.
- 로고는 코드 면적의 약 20~30% 이내로 제한합니다.
- 중앙에 배치하고, 위치 탐지 패턴(세 모서리)은 절대 가리지 않습니다.
- 로고 뒤에 흰색 패딩을 살짝 넣으면 경계가 또렷해져 인식이 안정됩니다.
모듈 모양을 둥글게 만들거나 점 형태로 바꾸는 것도 유행입니다. 데이터 모듈은 둥글게 처리해도 무방하지만, 앞서 말한 위치 탐지 패턴은 가능한 한 원형보다 사각형에 가깝게 유지하는 편이 인식률에 유리합니다.
오류 정정 레벨이 디자인을 좌우합니다
QR코드에는 L, M, Q, H 네 단계의 오류 정정 레벨이 있습니다. 레벨이 높을수록 손상되거나 가려진 부분을 더 많이 복원할 수 있지만, 그만큼 모듈이 촘촘해져 코드가 복잡해집니다.
| 레벨 | 복원 가능 비율 | 권장 용도 |
|---|---|---|
| L | 약 7% | 깨끗한 화면 표시용 |
| M | 약 15% | 일반 인쇄물 |
| Q | 약 25% | 로고 삽입, 야외 부착 |
| H | 약 30% | 로고 크게, 손상 위험 높은 환경 |
로고를 넣을 계획이라면 최소 Q, 욕심을 더 낸다면 H를 선택합니다. 반대로 디자인 요소가 거의 없다면 굳이 H를 쓸 필요가 없습니다. 레벨이 높을수록 모듈이 작아져 작은 인쇄물에서는 오히려 인식이 어려워지기 때문입니다.
실전 워크플로우와 검증
도구는 무료로 충분히 좋은 것이 많습니다. 핵심은 디자인 자체보다 만든 뒤의 검증 과정입니다. 멋지게 뽑아놓고 테스트를 건너뛰면 인쇄 후에야 문제를 발견하게 됩니다.
작업 순서는 다음과 같이 잡으면 안전합니다.
- 먼저 코드에 넣을 URL을 확정합니다. 링크가 정확한지, 모바일에서 잘 열리는지 확인합니다.
- URL 형식이 올바른지 점검할 때는 정규식 테스터로 http(s) 패턴과 오타를 한 번 걸러내면 인쇄 후 잘못된 주소가 박히는 사고를 막을 수 있습니다.
- 오류 정정 레벨을 정하고 색상, 로고, 모듈 모양을 적용합니다.
- 완성한 코드를 실제 사용 크기로 출력하거나 화면에 띄워 최소 3종 이상의 기기로 스캔합니다.
특히 인쇄물은 모니터에서 본 색과 실제 출력색이 다를 수 있습니다. 명도가 미묘하게 떨어지면 스캔이 실패하므로, 시안 단계에서 반드시 실제 인쇄 테스트를 거치는 것이 좋습니다.
배포 전 최종 체크리스트
아래 항목을 모두 통과하면 디자인을 살리면서도 안정적으로 작동하는 QR코드입니다.
- 모듈과 배경의 명도 대비가 충분한가
- 세 모서리의 위치 탐지 패턴이 온전한가
- 코드 주변 여백(4모듈)이 확보되어 있는가
- 로고 면적이 30% 이내이고 정정 레벨이 Q 이상인가
- 최소 3종 기기에서 실제 크기로 스캔이 되는가
가장 먼저 할 일은 오류 정정 레벨을 Q로 올리고 모듈 색을 충분히 어둡게 잡는 것입니다. 그다음 실제 인쇄 크기로 출력해 직접 스캔해 보면, 디자인과 인식률을 모두 잡은 코드를 손에 넣을 수 있습니다.
