좋은 QR코드 디자인의 핵심은 단순합니다. 밝은 배경 위에 어두운 코드로 명암 대비를 충분히 주고, 가장자리에 빈 여백(콰이어트 존)을 남기며, 로고는 오류 정정 기능이 감당할 수 있는 크기로만 넣고, 인쇄 전에는 반드시 여러 휴대폰으로 테스트하는 것입니다. 스캐너가 모든 부분을 읽을 수 있다면 디자인은 얼마든지 꾸며도 괜찮습니다.
브랜드 색과 로고를 넣은 QR코드는 평범한 흑백 사각형보다 훨씬 보기 좋습니다. 하지만 디자인 요소 하나하나가 스캐너에 필요한 정보를 조금씩 가릴 수 있습니다. 이 글에서는 꼭 지켜야 할 규칙을 정리해, 보기 좋으면서도 한 번에 인식되는 QR코드를 만들 수 있도록 돕겠습니다.
스캐너는 QR코드를 어떻게 '볼까'
휴대폰 카메라는 사람이 그림을 보듯 QR코드를 읽지 않습니다. 먼저 세 모서리에 있는 큰 사각형(위치 찾기 패턴, 파인더 패턴)을 찾아 코드의 각도와 크기를 계산하고, 그다음 모듈이라고 부르는 작은 칸 하나하나가 어두운지 밝은지를 판별합니다.
그래서 무엇보다 중요한 것은 다음 세 가지입니다.
- 어두운 모듈과 밝은 모듈 사이의 명암 대비
- 세 모서리의 선명한 파인더 패턴
- 코드가 어디서 시작하고 끝나는지 알려 주는 주변의 빈 공간
어두운 칸과 밝은 칸의 차이를 흐리게 하거나, 패턴 일부를 가리거나, 가장자리를 다른 요소로 꽉 채우면 인식이 느려지거나 아예 불가능해집니다.
명암 대비, 색상, 그리고 여백
색상 고르기
디자인 QR코드가 실패하는 가장 흔한 원인은 색상입니다. 가장 안전한 규칙은 간단합니다. 밝은 배경 위에 어두운 코드를 쓰는 것입니다. 흰 바탕에 검은색이 가장 좋지만, 흰색이나 크림색 바탕에 남색, 진녹색, 진한 빨강, 짙은 갈색을 써도 잘 인식됩니다.
피해야 할 것들은 다음과 같습니다.
- 대비가 약한 조합: 흰 바탕에 연회색, 흰 바탕에 노란색, 파스텔 위의 파스텔
- 반전된 코드(어두운 배경에 밝은 모듈): 최신 휴대폰 카메라는 대부분 읽지만, 일부 스캐너 앱이나 구형 휴대폰은 읽지 못해 사용자 일부를 놓치게 됩니다
- 코드 위에서 어두운 색에서 밝은 색으로 바뀌는 그라데이션: 일부 모듈이 너무 옅어집니다
- 코드 뒤의 복잡한 사진 배경: 스캐너를 혼란스럽게 만듭니다
간단한 확인법이 있습니다. 디자인을 흑백(그레이스케일)으로 바꿔 보세요. 여전히 밝은 바탕에 어두운 코드로 또렷하게 보이면 대비는 대체로 충분합니다. 중간 회색 위에 중간 회색처럼 보인다면 더 진한 색을 고르세요.
콰이어트 존: 숨 쉴 공간을 남기세요
콰이어트 존은 코드 주변의 빈 여백입니다. QR코드 표준은 사방에 모듈 4칸 너비의 여백을 두도록 정하고 있습니다. 실제로는 조금 좁아도 인식되는 경우가 많지만, 공간을 아끼기에는 위험한 부분입니다.
코드가 사진, 테두리, 글자에 바로 붙어 있으면 스캐너는 코드가 어디서 끝나는지 알 수 없습니다. 여백을 비워 두고 밝은 모듈과 같은 색으로 유지하면 가장 답답한 인식 문제 하나를 피할 수 있습니다.
코드를 망가뜨리지 않고 로고 넣기
가운데에 로고를 넣은 QR코드가 인기인데, 이것이 가능한 이유는 QR코드에 오류 정정 기능이 있기 때문입니다. 오류 정정은 여분의 데이터를 추가해 코드 일부가 손상되거나 가려져도 읽을 수 있게 해 줍니다. 레벨은 네 가지로, L(데이터의 약 7% 복원)부터 H(약 30% 복원)까지 있습니다. 자세한 내용은 QR코드 오류 정정 레벨 글에서 확인하세요.
로고를 올린다는 것은 코드 일부를 일부러 '손상'시키는 것과 같습니다. 다음 규칙을 지키세요.
- 로고를 넣을 때는 Q나 H처럼 높은 오류 정정 레벨을 사용합니다.
- 로고는 코드 너비의 약 5분의 1 이하로 작게 만들고, 선택한 레벨이 복원할 수 있는 범위보다 넉넉히 작게 유지합니다.
- 로고는 가운데에 두고, 세 모서리의 파인더 패턴 위에는 절대 올리지 않습니다.
- 로고에 단색 배경이나 얇은 흰색 테두리를 주어 주변 모듈과 섞이지 않게 합니다.
- 로고 크기나 위치를 바꿀 때마다 다시 테스트합니다.
오류 정정 레벨을 높이면 코드가 더 촘촘해진다는 점(모듈 수는 많아지고 크기는 작아짐)도 기억하세요. 이것이 내용을 짧게 유지해야 하는 또 하나의 이유입니다. 긴 URL 대신 짧은 링크를 쓰는 동적 QR코드가 좋은 방법입니다.
데이터를 짧게 하면 코드가 깔끔해집니다
QR코드에 담는 데이터가 많을수록 모듈이 많이 필요하고, 같은 인쇄 크기에서는 모듈 하나하나가 작아집니다. 추적용 파라미터가 붙은 긴 웹 주소는 멀리서 보거나 인쇄 품질이 낮을 때 읽기 어려운 빽빽한 코드가 됩니다.
쉬운 해결책 두 가지:
- 단축 URL 만들기 도구나 짧은 링크만 저장하는 동적 QR코드를 사용합니다
- 코드를 만들기 전에 URL에서 불필요한 파라미터를 지웁니다
동적 코드에는 또 다른 장점이 있습니다. 나중에 연결 주소를 바꿔야 할 때 공들여 만든 디자인을 다시 인쇄하지 않아도 됩니다.
모양, 스타일, 프레임
많은 QR코드 생성기에서 모듈을 둥글게 만들거나, 모서리 사각형 모양을 바꾸거나, 안내 문구가 들어간 프레임을 추가할 수 있습니다. 보기 좋지만 몇 가지 한계가 있습니다.
- 둥근 모듈이나 도트 스타일은 충분한 크기와 대비를 유지하면 대체로 잘 인식됩니다. 점이 너무 작고 사이 간격이 넓으면 실패할 수 있습니다.
- 커스텀 모서리 사각형도 여전히 '사각형 안의 사각형'처럼 보여야 합니다. 너무 얇거나 장식적으로 만들지 마세요.
- "스캔해서 메뉴 보기" 같은 프레임과 문구는 유용하지만, 콰이어트 존 바깥에 두세요.
- 테스트 없이 코드를 직사각형으로 늘리거나 곡면에 휘어 붙이지 마세요. 비틀리면 모듈 격자가 달라집니다.
인쇄 전 디자인 체크리스트
새 QR코드 디자인마다 다음 목록을 확인하세요.
- 밝은 배경 위의 어두운 모듈, 흑백으로 봐도 대비가 강한가
- 사방에 모듈 약 4칸의 콰이어트 존을 완전히 비워 두었는가
- 로고가 작고, 가운데에 있으며, 모서리 사각형을 가리지 않는가
- 로고를 넣었다면 오류 정정 레벨을 높였는가
- 데이터는 짧은가, 가능하면 짧은 링크나 동적 링크를 썼는가
- 안내 문구(CTA)를 코드 바깥에 두었는가
- 스캔 거리에 맞는 크기로 인쇄하는가 (QR코드 크기 가이드 참고)
- 평소 조명에서 아이폰과 안드로이드를 포함해 최소 2~3대의 휴대폰으로 테스트했는가
- 흐릿한 스크린샷이 아니라 선명한 형식(SVG 또는 고해상도 PNG)으로 최종 파일을 내보냈는가
FAQ
QR코드는 아무 색으로나 만들어도 되나요?
네, 모듈이 배경보다 확실히 어둡기만 하면 됩니다. 흰색이나 크림색 바탕에 어두운 색이 가장 안전합니다. 밝은 바탕에 밝은 색은 피하고, 반전 디자인은 신중하게 사용하세요.
QR코드에 넣는 로고는 얼마나 커도 되나요?
코드 너비의 약 5분의 1 이하로, 가운데에 두고, 오류 정정 레벨을 Q나 H로 설정하세요. 코드와 로고마다 결과가 다르므로 로고를 넣은 뒤에는 항상 테스트해야 합니다.
디자인한 QR코드가 왜 인식되지 않을까요?
흔한 원인은 낮은 명암 대비, 여백 부족, 너무 큰 로고, 데이터 양에 비해 너무 작게 인쇄된 크기입니다. 한 번에 하나씩 고치고 고칠 때마다 테스트해 보세요.
디자인을 바꾸면 QR코드의 안전성이 떨어지나요?
디자인 자체는 안전성과 관계가 없습니다. 중요한 것은 코드가 어디로 연결되느냐입니다. 브랜드가 드러나고 안내 문구가 분명하며 신뢰할 수 있는 주소로 연결되는 코드는 오히려 사람들이 안심하고 스캔하게 만듭니다.
보기 좋고 잘 찍히는 QR코드 만들기
좋은 디자인은 균형의 문제입니다. 한쪽에는 브랜드가, 다른 쪽에는 스캐너의 요구가 있습니다. QR-TH의 무료 QR코드 생성기에서 색상과 로고를 넣고 미리 보기를 확인한 뒤, 인쇄소에 넘기기 전에 내 휴대폰으로 직접 테스트해 보세요.