홈페이지·마케팅 · 2026. 7. 29.

벽에 붙는 간판 하나를 고쳐 다는 데 필요한 것

경기도의 한 공인중개사사무소 외벽 간판을 다시 만든 기록입니다. 고객이 보낸 현황 사진 한 장에서 시작해 시안 열세 벌을 거쳐 인쇄 파일 납품까지 갔습니다. 디자인이 어떻게 예뻐졌는가보다, 어디서 무엇이 틀렸고 그걸 무엇으로 검증했는가를 씁니다. 인쇄물이나 간판을 맡기려는 분이 "아, 이건 미리 정해야 하는구나"를 알 수 있도록 씁니다.

#간판#현수막#인쇄물#브랜딩#소상공인#디자인 프로세스

1. 시작은 사진 한 장이었습니다

요청은 한 줄이었습니다. "벽에 붙이는 홍보물인데 좀 더 깔끔하고 고풍스럽게 해달라"

받은 것은 현재 붙어 있는 간판을 찍은 휴대폰 사진 한 장이 전부였습니다. 원본 파일도, 치수도, 서체 정보도 없었습니다. 이건 예외 상황이 아니라 소상공인 작업에서 가장 흔한 출발점입니다.

고객이 보낸 현황 사진. 이 한 장이 작업의 유일한 출발 자료였습니다고객이 보낸 현황 사진. 이 한 장이 작업의 유일한 출발 자료였습니다

먼저 이 사진에서 읽어야 할 것을 읽었습니다.

읽은 것사진에서 확인한 내용
붙는 자리화강암 외벽. 배경이 밝은 회색이라 흰 바탕은 벽에 묻힙니다
보는 거리건물 앞을 지나며 보는 위치. 10m 안팎에서 몇 초
담긴 정보상호·임대문의·원투룸·전세월세·전화 2줄·위치 — 여섯 층위
빨강 테두리, 초록 밴드, 검정 글자, 빨강 번호
브랜드 자산세 장짜리 잎 마크 (주황·빨강·초록)

"고풍스럽게"라는 말을 장식을 더하라는 뜻으로 읽으면 안 됩니다. 이 간판의 실제 문제는 장식이 없다는 게 아니라 강한 요소가 너무 많아 서로 싸운다는 것이었습니다. 빨강 테두리와 초록 밴드와 빨강 번호가 각자 1등을 주장합니다. 눈이 어디부터 봐야 할지 정해지지 않습니다.

그래서 작업의 방향은 더하기가 아니라 빼기로 잡았습니다.


2. 1차 — 방향이 다른 세 벌

말로 "차분하게 정리하겠습니다"라고 하면 서로 다른 그림을 상상합니다. 그래서 방향이 겹치지 않는 세 벌을 만들어 눈으로 고르게 했습니다. 색과 서체는 같게 두고 구조만 다르게 했습니다.

A안 — 액자형. 테두리로 화면을 잡고 안쪽은 비웁니다A안 — 액자형. 테두리로 화면을 잡고 안쪽은 비웁니다B안 — 헤더 밴드형. 상호를 진한 띠에 넣어 멀리서 먼저 보이게 합니다B안 — 헤더 밴드형. 상호를 진한 띠에 넣어 멀리서 먼저 보이게 합니다C안 — 뇌록·청자. 색만 바꿔 밝은 화강암 벽에서 어느 쪽이 뜨는지 봅니다C안 — 뇌록·청자. 색만 바꿔 밝은 화강암 벽에서 어느 쪽이 뜨는지 봅니다

세 벌 모두에 공통으로 적용한 것이 있습니다.

  • 색을 3색으로 고정했습니다. 짙은 녹, 금색 헤어라인, 미색 바탕. 색이 줄면 위계가 보입니다
  • 상호는 명조에 자간을 벌려 품위를 내고, 전화번호만 굵은 산세리프로 두어 원거리 가독성을 지켰습니다
  • 낙관(붉은 인장)을 넣어 오래된 가게의 인상을 만들되, 상호를 반복하지 않는 서명으로만 썼습니다

3. 중간에 한 번 뒤집혔습니다

여기서 고객이 이미지 생성 도구로 만든 시안을 가져왔습니다. 그리고 그 시안이 저희 A·B·C안보다 나은 점이 있었습니다.

고객이 가져온 이미지 생성 시안. 모서리 장식은 우리 것보다 나았고, 아래 절반은 문제였습니다고객이 가져온 이미지 생성 시안. 모서리 장식은 우리 것보다 나았고, 아래 절반은 문제였습니다
  • 모서리가 안쪽으로 파이는 첨두 장식 이중 테두리. 단순한 사각 테두리보다 고풍스러움이 훨씬 잘 살았습니다

좋은 것은 가져오는 게 맞습니다. 다만 그대로 인쇄로 넘길 수는 없었고, 이유는 취향이 아니라 파일의 성질이었습니다.

이미지 생성 결과물은 래스터(픽셀) 이미지입니다. 확대하면 한글 자형의 획이 뭉개지고, 전화번호가 한 자리라도 잘못 그려지면 간판 전체가 폐기입니다. CMYK 변환도, 재단 여백도, 글자 한 자 수정도 되지 않습니다.

그래서 시안으로만 쓰고 벡터로 다시 그렸습니다. 좋았던 첨두 장식과 낙관은 가져오고, 나머지는 정리했습니다.

잘라낸 것
아이콘 3종과 캡션"즉시 입주 가능·다양한 매물 보유·친절한 상담"은 모든 부동산이 하는 말이라 정보량이 0입니다. 두꺼운 플랫 아이콘은 명조·전통 테두리와 어휘도 맞지 않았습니다
하단 주소줄의 상호상호가 헤드라인·주소줄·낙관 세 번 반복됐습니다. 주소줄에서 빼자 낙관이 서명 역할을 되찾았습니다
점선 구분선가로선 다섯 개 중 전화번호 사이만 점선이었습니다. 선은 한 종류여야 하고, 전화번호 사이는 선 없이 여백으로 충분합니다
장식 괄호"원·투룸 전문"을 감싼 프레임은 아무 정보도 담지 않으면서 하단을 빽빽하게 만들었습니다
D안 — 첨두 장식을 벡터로 다시 그리고 위 네 가지를 걷어냈습니다D안 — 첨두 장식을 벡터로 다시 그리고 위 네 가지를 걷어냈습니다D2안 — 카피 위계를 뒤집고 전화번호 폭을 고정했습니다D2안 — 카피 위계를 뒤집고 전화번호 폭을 고정했습니다

4. 전화번호가 테두리를 뚫고 있었습니다

고객 검토 의견 중 하나가 "전화번호를 10~15% 더 키워달라"였습니다. 목적이 전화 유도이니 타당한 요구입니다.

키우기 전에 실제 글자 폭을 재봤습니다. 그리고 이미 틀어져 있었다는 걸 발견했습니다.

항목실측
휴대폰 번호 한 줄 폭 (34pt 기준)273.9mm
금선 프레임 안쪽 가용 폭263.0mm
결과10.9mm 초과 — 이미 테두리를 넘고 있었습니다

38pt로 올리면 292mm가 되어 더 크게 뚫립니다. 요청대로 키웠다면 인쇄 직전에야 발견됐을 오류였고, 애초에 저희가 잡았어야 할 문제였습니다.

프레임 인셋을 14 → 12mm로 당겨 가용 폭을 확보하고, 글자를 34 → 36pt로 올리고, 두 줄 폭을 256mm로 고정해 좌우 끝을 맞췄습니다. 이 판형에서 가능한 최대치가 +6%였고 요청하신 10~15%는 물리적으로 불가능했습니다. 판형을 키우는 것도 답이 아닙니다. 비례 설계라 A3를 A2로 인쇄하면 전화번호도 테두리도 똑같이 1.41배가 됩니다. 상대적 크기는 그대로입니다.

여기서 방향이 한 번 더 바뀝니다. 전화번호를 키울 수 없다면 명조 액자 구조 자체가 이 목적에 안 맞는다는 뜻이었습니다. 고풍스러움을 지키려고 만든 여백과 테두리가, 정작 전화를 걸게 만드는 정보를 가두고 있었습니다.


5. 그래서 구조를 바꾸고, 눈 대신 시뮬레이션으로 골랐습니다

명조 액자를 접고 패널 구조로 갔습니다. 전화번호를 진한 색 패널에 흰 글자로 얹으면 같은 지면에서 글자를 훨씬 키울 수 있습니다. 여기서부터는 취향으로 고르지 않고, 볼 조건을 만들어놓고 골랐습니다.

색 밝기 — 여러 벌을 나란히 놓고 비교했습니다.

같은 구조에 바탕 밝기만 바꾼 세 벌 — 소프트세이지 · 민트 · 아이보리그린같은 구조에 바탕 밝기만 바꾼 세 벌 — 소프트세이지 · 민트 · 아이보리그린

밝은 화강암 벽에 붙는다는 조건 때문에 짙은 색은 덩어리로 눌리고, 너무 밝으면 벽에 묻힙니다. 소프트세이지를 골랐습니다. 상단 띠는 벽과 구분될 만큼 밝고, 전화번호 패널의 짙은 녹과는 충분히 대비됩니다.

흑백 복사에서도 위계가 버티는지 봤습니다.

흑백으로 출력해도 상호 → 임대문의 → 전화번호 순서가 유지되는지흑백으로 출력해도 상호 → 임대문의 → 전화번호 순서가 유지되는지

간판은 컬러로 인쇄하지만, 같은 파일이 사무실 프린터에서 흑백으로 나가는 일이 반드시 생깁니다. 색을 빼도 순서가 무너지지 않아야 위계가 색이 아니라 구조에 들어 있는 것입니다.

테두리 처리를 두 갈래로 나눴습니다.

왼쪽 재단물림(테두리 없음) · 오른쪽 흰 여백+테두리왼쪽 재단물림(테두리 없음) · 오른쪽 흰 여백+테두리

인쇄소에 맡기면 왼쪽이 맞고, 사무실 프린터로 뽑으면 가장자리까지 인쇄가 안 되므로 오른쪽이 맞습니다. 하나를 고르는 대신 둘 다 납품했습니다.

마지막으로 10m 거리를 흐림 처리로 시뮬레이션했습니다.

왼쪽 실제 크기 / 오른쪽 10m 거리에서 보이는 정도를 해상도를 떨어뜨려 재현한 것왼쪽 실제 크기 / 오른쪽 10m 거리에서 보이는 정도를 해상도를 떨어뜨려 재현한 것

여기서 마지막 수정이 나왔습니다. 전화번호 패널을 지면 가장자리까지 넓히고 번호를 키우자 흐린 상태에서도 번호 덩어리가 먼저 읽힙니다. 전 단계는 패널이 안쪽에 떠 있어 번호가 상대적으로 작았고, 흐리면 뭉개졌습니다.


6. 납품한 것

최종안 — 소프트세이지최종안 — 소프트세이지

파일은 한 벌이 아니라 쓰임새별로 냈습니다. 디자인이 끝나도 인쇄에서 사고가 나는 지점이 정해져 있기 때문입니다.

납품 파일왜 필요한가
편집용 SVG (폰트 필요)나중에 전화번호나 문구를 고칠 때 쓰는 원본
윤곽선 변환 SVG (폰트 불필요)인쇄소에 폰트가 없어도 글자가 깨지지 않습니다. 인쇄 사고의 가장 흔한 원인
인쇄용 A3 PDF일반 발주용
재단 여백 3mm PDF재단 오차로 가장자리가 잘려도 흰 줄이 생기지 않습니다
CMYK 변환본화면(RGB)과 인쇄(CMYK) 색이 다릅니다. 변환을 인쇄소에 맡기면 색이 튑니다
300dpi 미리보기 PNG고객이 바로 확인하고 카톡으로 돌려볼 수 있는 형식
테두리형 (사무실 프린터용)급할 때 사무실에서 뽑는 판
로고 심볼 단독 (SVG·PNG)명함·현수막·온라인에 재사용

그리고 실제로 벽에 붙었습니다.

시공 상태 — 건물 기둥면시공 상태 — 건물 기둥면부착 후 근접부착 후 근접

7. 이 작업에서 남는 것

간판 하나에 시안 열세 벌이 든 이유는 취향을 못 맞춰서가 아닙니다. 처음에 정해지지 않은 것이 뒤에서 계속 튀어나왔기 때문입니다. 그리고 중간에 방향 자체를 한 번 접었습니다 — 명조 액자는 아름다웠지만 전화번호를 가뒀습니다.

인쇄물이나 간판을 맡기실 때 아래를 먼저 정하시면 회차가 크게 줄어듭니다.

미리 정할 것안 정하면 생기는 일
붙을 자리의 실측 치수와 배경색벽 색이 밝은지 어두운지에 따라 고를 수 있는 색이 절반으로 줄어듭니다
보는 거리3m와 10m는 다른 물건입니다. 거리가 구조를 정합니다 — 이번엔 액자형이 패널형으로 바뀌었습니다
1순위 정보 하나상호인지 전화번호인지. 둘 다 1등이면 둘 다 안 보입니다
법정 표기 의무공인중개사사무소는 등록번호 표시가 의무입니다. 나중에 넣으면 여백 설계가 무너집니다
기존 브랜드 자산로고·마크·색이 이미 있다면 버릴지 살릴지 먼저 정해야 합니다. 이번엔 잎 마크를 살렸습니다
인쇄소인가 사무실 프린터인가재단 물림과 흰 여백 중 어느 쪽으로 짤지가 갈립니다

저희 쪽에서 배운 것도 둘 있습니다. 글자 폭은 눈으로 보지 말고 재야 합니다 — 전화번호가 테두리를 뚫고 있던 걸 고객 요청 덕분에 발견했는데, 요청이 없었다면 인쇄 후에 알았을 일입니다. 그리고 원거리 시인성은 흐림 시뮬레이션으로 확인해야 합니다. 화면에서 100%로 볼 때 잘 보이는 것은 아무 의미가 없습니다. 이후 작업에서는 두 가지 모두 시안 단계의 확인 항목으로 넣었습니다.