디자인 팁 · 약 6분 읽기
브랜드의 색을 담아도,
읽히는 원칙은 그대로.
QR 코드는 사람이 보는 그래픽이면서 카메라가 읽는 정보입니다. 예쁜 미리보기에서 끝내지 않고, 작은 인쇄물과 다양한 조명에서도 읽히는 디자인을 만들어 보세요.

먼저, 세 가지만 기억하세요
- 대비가 장식보다 먼저예요.밝은 배경에 어두운 코드를 두면 구분하기 쉽습니다.
- 여백과 기능 패턴을 지키세요.모서리 사각형과 바깥의 빈 공간은 장식 공간이 아닙니다.
- 로고는 작게, 검증은 실제로.오류 복원 기능이 모든 가림을 해결해 주지는 않습니다.
01 · 디자인 팁
색을 고르기 전에 밝기 차이를 보세요
브랜드 색상을 그대로 쓰고 싶어도 밝은 색은 배경과 구분이 어려울 수 있습니다. 연두색 로고를 쓰는 브랜드라면 QR 모듈에는 더 짙은 녹색을 쓰고, 브랜드의 밝은 색은 바깥 안내 영역에 활용해 보세요.
기본으로 시작하기 좋은 조합
흰색이나 밝은 크림색 배경에 짙은 녹색, 남색, 검정처럼 어두운 코드를 사용합니다. 화면에서만 보지 말고 인쇄 결과도 확인하세요.
주의할 조합
밝은 노랑과 흰색, 서로 비슷한 밝기의 두 색은 구분이 어려울 수 있습니다. 투명 배경은 배치하는 곳마다 대비가 바뀌기 때문에 특히 주의가 필요합니다.
QR마루는 명도 대비가 4.5:1보다 낮거나 색상이 반전된 조합의 다운로드를 제한합니다. 이는 제품의 보수적인 디자인 기준이며, QR 표준의 인증 기준이나 모든 기기에서의 인식 보증을 뜻하지 않습니다.
02 · 디자인 팁
흰 테두리를 잘라내지 마세요
일반 QR 코드에는 네 방향으로 최소 4모듈 너비의 빈 공간이 필요합니다. 이 공간을 콰이어트 존이라고 합니다. 이미지 크기를 줄이려고 테두리를 자르거나 그 안에 문구를 넣으면 코드 경계가 불분명해질 수 있어요.
카드 테두리, 말풍선, 스캔 유도 문구는 여백 바깥에 배치하세요. QR마루에서 다운로드한 파일에는 여백이 들어 있으므로 편집 프로그램의 자동 자르기나 마스크 기능이 이를 잘라내지 않는지 확인하면 됩니다.
03 · 디자인 팁
둥근 도트도 같은 격자 위에 놓여야 해요
모양을 바꾸더라도 각 칸의 위치와 밝기 구분은 유지되어야 합니다. 너무 작은 점은 인쇄할 때 흐려질 수 있고, 서로 붙은 도트는 별개의 칸을 구분하기 어렵게 만들 수 있습니다.
사각형 · 기본 확인에
처음 만들거나 작은 출력물에 사용할 때 비교 기준으로 삼기 좋습니다. 다른 스타일이 읽히지 않으면 사각형으로 되돌려 확인하세요.
둥근 모양 · 실제 크기 확인
부드러운 인상을 줄 수 있지만, 화면을 크게 띄워 놓고 판단하지 마세요. 최종 사용 크기로 줄였을 때도 칸이 분명한지 확인합니다.
QR 전체를 가로 또는 세로로 늘리는 변형은 피하세요. 카드나 스마트폰 목업에 넣을 때도 QR만 따로 기울이지 말고, 놓인 면과 동일한 원근을 적용해야 자연스럽습니다. 실제 배포 파일은 정사각형 원본을 사용합니다.
04 · 디자인 팁
로고를 넣을수록 더 꼼꼼히 확인하세요
로고는 QR의 일부 데이터를 가립니다. 높은 오류 복원 수준 H를 사용해도 가려진 위치와 양에 따라 스캔이 실패할 수 있습니다. ‘30% 복원’이라는 표현은 그림 면적의 30%를 가려도 괜찮다는 뜻이 아닙니다.
QR마루는 로고 폭을 코드 영역의 16%로 제한하며, 중앙에 기능 패턴이 있으면 그 위에 다시 표시합니다. 따라서 로고 일부가 가려져 보일 수 있습니다. 이 제한은 제품의 설계 기준으로, 모든 로고와 인쇄 크기의 스캔 성공을 보장하지는 않습니다.
- 복잡한 문구 대신 단순한 심벌을 사용합니다.
- 세 모서리의 큰 사각형을 가리지 않습니다.
- 로고가 없는 버전을 먼저 스캔해 비교 기준을 만듭니다.
- 로고를 추가한 뒤 저장 파일과 인쇄물을 다시 스캔합니다.
05 · 디자인 팁
QR 옆의 한 문장이 디자인을 완성해요
스캔 결과를 예측할 수 있어야 사용자가 카메라를 꺼내기 쉽습니다. ‘스캔하세요’만 적는 대신 ‘오늘의 메뉴 보기’, ‘작업 모아 보기’, ‘방문객 Wi-Fi 연결’처럼 목적을 구체적으로 적어 보세요.
명함
QR과 함께 이름·직무·짧은 주소를 배치합니다. 연락처와 코드를 너무 빽빽하게 붙이지 않고, 사용자가 먼저 읽어야 할 정보를 정합니다.
메뉴판·포스터
QR 주변에 충분한 공간을 두고 스캔 뒤 할 일을 한 줄로 적습니다. 강한 배경 패턴 위에 바로 놓기보다 밝은 단색 카드 영역을 확보합니다.
모바일 화면에서 이미지를 저장해 공유한다면 이미지가 플랫폼에서 압축될 수 있습니다. 편집 화면의 원본뿐 아니라 실제 메시지나 게시물에 올라간 결과도 확인하세요.
06 · 디자인 팁
저장 형식과 인쇄 조건까지 디자인하세요
SVG는 확대할 때 선명한 벡터 형식이라 인쇄 작업에 유용합니다. PNG는 문서와 웹에 쓰기 편하지만 확대하면 경계가 흐려질 수 있습니다. 충분한 해상도로 저장하고 편집 과정에서 가로세로 비율을 유지하세요.
광택 코팅, 접히는 부분, 심한 굴곡은 코드가 잘 보여도 카메라에는 불리할 수 있습니다. 흰색 배경을 투명하게 바꾼 뒤 어두운 종이에 인쇄하는 실수도 피하세요. 출력할 종이와 실제 크기로 한 장을 만들어 보는 과정이 중요합니다.
- 기본 디자인과 수정 디자인을 같은 기기로 비교합니다.
- 다운로드한 최종 파일에서 내용을 확인합니다.
- 실제 인쇄 크기와 예상 사용 거리에서 읽어 봅니다.
- 여러 기기, 밝고 어두운 환경에서 확인합니다.
- 스캔이 불안정하면 로고·도트·색상 순서로 단순화합니다.
궁금증 더 풀기
자주 묻는 질문
그라데이션이나 사진 배경을 넣어도 되나요?
영역마다 대비가 달라져 일부 칸을 읽기 어려워질 수 있습니다. QR마루의 기본 색상 설정처럼 단색 배경과 어두운 코드로 시작하는 편이 확인하기 쉽습니다.
H 수준이면 로고를 크게 넣어도 되나요?
아니요. 복원율은 이미지 면적에 대한 허용 비율이 아닙니다. 기능 패턴을 가리거나 손상이 한곳에 몰리면 읽지 못할 수 있습니다.
QR을 목업에 넣을 때 왜 어색해 보일까요?
정사각형을 한 방향으로 늘리거나, 화면·종이와 다른 각도로 기울였을 수 있습니다. QR 이미지 전체에 동일한 원근 변환을 적용하고 작은 칸끼리도 같은 비율을 유지해야 합니다.
표준을 더 자세히 알고 싶어요.
QR 표준 가이드에서 모듈, 기능 패턴, 버전, 오류 복원의 의미를 그림과 함께 설명합니다. 아래 관련 가이드에서 이어서 읽을 수 있습니다.