미리캔버스·캔바로 만든 티가 나는 이유 6가지 — 직접 고칠 수 있는 것과 못 고치는 것

템플릿 편집 도구를 열고 두 시간 만에 배너를 하나 만들었습니다. 나쁘지 않아 보여서 공유했는데 대표님이 화면을 한참 보다가 말합니다. “음… 좀 더 세련되게 안 될까요?”

무엇을 고쳐야 할지 알 수가 없습니다. 글자가 안 예쁜 건지, 색이 촌스러운 건지, 사진이 문제인지 짚이지 않습니다. 그러니 다음 시안도 감으로 만들게 되고, 결국 “어디서 본 것 같은데 우리 것 같지는 않은” 결과물이 또 나옵니다.

템플릿을 썼다는 사실 자체는 티가 나는 원인이 아닙니다. 디자이너도 레이아웃 뼈대를 가져다 쓰고, 잘 팔리는 상세페이지일수록 구조는 서로 비슷합니다. 진짜 원인은 따로 있습니다. 템플릿에 기본값으로 깔려 있는 설정은 하나도 건드리지 않고 글자와 사진만 갈아 끼웠습니다.

기본값은 ‘누가 어떤 내용을 넣어도 무너지지 않게’ 맞춰 둔 값입니다. 무너지지는 않지만 내 브랜드에 맞지도 않습니다. 그 어긋남이 폰트·여백·이미지·색·위계·마감 여섯 군데에서 동시에 드러날 때, 보는 사람은 이유를 설명하지 못한 채 어디서 본 것 같다고 느낍니다.

위 두 배너는 문구도 같고 정보량도 같습니다. 다른 건 자간과 행간, 가장자리 여백, 색 개수, 강조 개수뿐입니다. ‘세련됨’이라고 부르던 것의 정체가 대체로 이 네 가지입니다.

여섯 항목은 직접 고칠 수 있는 선이 제각각입니다. 폰트나 색은 오늘 오후에 끝나지만, 이미지와 위계는 중간에 손이 멈춥니다.

템플릿 도구는 목록 맨 위에 놓인 몇 종이 압도적으로 많이 쓰입니다. 같은 글자체가 여기저기서 보이니 처음 보는 배너인데도 익숙한 느낌이 듭니다. 다만 폰트 종류보다 먼저 눈에 걸리는 건 따로 있습니다. 제목의 자간과 본문의 행간입니다.

한글 제목은 기본 자간이 헐겁습니다. 24px 이상 큰 글자를 기본값 그대로 쓰면 글자 사이가 떠서 어수선해 보입니다. 본문은 정반대입니다. 행간이 좁으면 줄이 서로 달라붙어 읽기가 힘듭니다.

글자체를 바꿀 생각이라면 상업적으로 쓸 수 있는지부터 확인해야 합니다. 배너·상세페이지처럼 물건을 파는 화면에 쓰는 글자체는 라이선스 범위를 벗어나면 나중에 내용증명으로 돌아옵니다. 상업용 무료 폰트 추천 11선 — 로고·배너에 안심하고 쓰는 한글 폰트에 로고 사용 가능 여부와 웹 임베딩 조항까지 정리해 뒀습니다.

폰트로 직접 할 수 있는 건 여기까지입니다. 제목 글자를 브랜드 인상에 맞게 늘이고 깎아 다듬으려면 무료 폰트 교체로는 부족합니다. 로고나 대표 슬로건처럼 몇 년을 쓰는 글자가 그렇습니다.

템플릿에 내 문구를 넣으면 글자 수가 원래보다 길어집니다. 그러면 상자를 조금 넓히게 되고 넓히다 보면 글자가 캔버스 가장자리까지 밀립니다. 보는 사람은 여백을 의식하지 않지만 여백이 좁으면 답답하다고 정확하게 느낍니다.

간격이 제각각인 것도 같은 계열입니다. 제목과 부제 사이는 11px, 부제와 버튼 사이는 17px 같은 식으로 눈대중으로 맞추면 화면이 미묘하게 어긋나 보입니다.

8의 배수라는 숫자 자체에 마법은 없습니다. 기준값 하나를 정해 끝까지 지키면 됩니다. 10의 배수로 통일해도 결과는 비슷합니다.

내용이 늘어나면 얘기가 달라집니다. 항목이 다섯 개에서 아홉 개로 늘어도 무너지지 않도록 배치를 미리 짜 두려면 규칙 몇 개로는 감당이 안 됩니다.

무료 사진 사이트에서 마음에 드는 컷을 한 장씩 골라 모으면 각각은 좋은데 나란히 놓으면 이상합니다. 하나는 푸르스름하고 하나는 노랗고, 하나는 채도가 높고 하나는 흐릿합니다. 촬영한 사람도 장소도 조명도 다르니 당연한 결과입니다.

여기에 배경을 지운 제품 사진이 섞이면 차이가 더 벌어집니다. 잘라 낸 가장자리가 거칠거나 그림자가 없으면 화면 위에 떠 있는 것처럼 보입니다.

무료 사진은 라이선스 조건이 사이트마다 다릅니다. 출처를 표기해야 하는 곳, 인물이 나온 사진을 광고에 쓰지 못하는 곳이 섞여 있어서 실제 판매 화면에 올리기 전에 확인이 필요합니다. 무료 이미지 사이트 6곳 정리 — 상업용으로 안심하고 쓰는 라이선스 가이드에서 비교표로 확인하세요.

여기서 막히는 건 내 제품 사진입니다. 도구 안의 필터로는 한계가 있습니다. 조명이 아쉬운 컷을 살리고, 그림자를 만들어 바닥에 놓인 것처럼 보이게 하고, 여러 컷의 색을 한 세트로 맞추는 데까지는 못 갑니다.

템플릿에는 제작자가 골라 둔 색 조합이 들어 있습니다. 그 조합은 예시 문구에 맞춰 고른 색이라 내 브랜드와는 관계가 없습니다. 로고는 남색인데 배너는 주황과 민트로 나가는 상황이 이렇게 생깁니다.

색이 너무 많은 것도 흔한 문제입니다. 제목 색, 부제 색, 강조 색, 버튼 색, 배경 그러데이션까지 다섯 가지가 한 화면에 있으면 시선이 어디로 가야 할지 정해지지 않습니다.

색을 셋으로 줄이면 화면이 심심해 보일까 걱정되지만 실제로는 반대입니다. 색이 적을수록 강조색 하나가 제 역할을 합니다.

여기서부터는 손이 닿지 않습니다. ‘우리 색이 무엇인가’는 로고 색 하나로 정해지지 않습니다. 배너, 상세페이지, 인쇄물까지 감당하려면 밝은 배경과 어두운 배경에서 각각 어떤 색을 쓸지, 인쇄로 넘어갈 때 어떻게 바꿀지를 정해 둬야 합니다. 이건 자산을 만드는 작업입니다.

발주 담당자가 직접 만든 화면에서 가장 자주 보이는 형태입니다. 할인율도 중요하고 기간도 중요하고 조건도 중요하니 전부 굵게 하고 색을 넣습니다. 그러면 세 개가 서로 경쟁해서 먼저 읽히는 것이 없어집니다.

거꾸로인 경우도 있습니다. 제목과 부제의 크기 차이가 2px밖에 안 나면 둘 중 무엇이 먼저인지 구분되지 않습니다. 크기 차이를 낼 거면 확실히 내야 합니다.

축소해 보면 강조가 몇 개인지 셀 것도 없이 드러납니다.

긴 화면은 사정이 다릅니다. 상세페이지처럼 스크롤이 열 번 넘게 내려가는 화면에서는 어떤 순서로 무엇을 보여줘야 구매까지 이어지는지가 문제가 됩니다. 강조 하나 줄이는 정리와는 다른 일이라 구성을 설계하는 사람이 필요합니다.

템플릿 하나로 시작했어도 요소를 추가하다 보면 출처가 섞입니다. 아이콘 하나는 선으로 그린 것이고 다른 하나는 색이 꽉 찬 것, 상자 하나는 모서리가 둥글고 다른 하나는 각졌고, 어떤 요소에만 그림자가 들어가 있습니다.

각각은 문제가 없지만 한 화면에 모이면 여러 사람이 나눠 만든 것처럼 보입니다. 보는 사람이 완성도가 떨어진다고 느끼는 이유는 대체로 이 항목에 있습니다.

파일을 밖으로 넘겨야 할 때도 마찬가지입니다. 화면에서 보기 좋은 것과 통과되는 것은 다릅니다. 인쇄소는 재단 여백과 색 방식을 요구하고, 매체는 용량과 글자 비율을 지정하고, 업종에 따라 필수 문구까지 붙습니다.

여섯 항목 중 직접 되는 것만 모으면 이 순서입니다. 이미 만들어 둔 시안이 있다면 위에서부터 차례로 적용해 보세요. 앞 단계를 끝내 놓으면 다음 단계에서 무엇을 고를지 훨씬 쉽게 정할 수 있습니다.

직접 만들지 맡길지를 ‘내 눈에 괜찮아 보이는가’로 정하면 답이 안 나옵니다. 만든 사람의 눈은 이미 그 화면에 익숙해져 있으니까요. 판단 기준을 결과물의 용도로 옮기면 간단해집니다. 아래 셋 중 하나에 해당하면 맡기세요.

셋 다 아니라면 직접 만드는 게 빠릅니다. 사내 공지, 한 번 쓰고 버릴 행사 안내, 내일 아침까지 필요한 급한 자료가 그렇습니다. 템플릿 편집 도구가 정확히 이 구간을 위해 만들어진 물건이고, 이 구간에서는 디자이너에게 맡기는 게 오히려 손해입니다. 도구 탓이 아닙니다. 쓰는 자리가 갈릴 뿐입니다.

맡기는 쪽으로 마음이 기울어도 금액을 모르면 결정이 안 됩니다. 플로우웍스에서 실제로 완료된 업무의 확정 금액을 유형별로 정리했습니다. 모두 요청 1건당 금액이고, 요청 하나에 결과물이 여러 개 묶인 경우까지 포함한 값입니다. 자체 집계이며, 업무 제목으로 유형을 분류했고 건수를 함께 적었습니다.

1크레딧은 25,000원이고 표의 금액은 모두 부가세 별도입니다. 플로우웍스는 월 구독으로 크레딧을 받아 쓰는 구조라서 라이트 플랜은 월 12크레딧에 30만 원(부가세 포함 33만 원), 스탠다드는 30크레딧에 75만 원(부가세 포함 82만 5,000원), 프리미엄은 80크레딧에 200만 원(부가세 포함 220만 원)입니다.

표를 볼 때 조심할 부분이 하나 있습니다. 한 고객사가 같은 규격을 반복 발주하면 그 물량 때문에 유형별 중앙값이 실제보다 낮게 나오기도 합니다. 그래서 고객사당 20건 상한을 두고 다시 계산해 봤습니다.

정리하면 요청 1건당 배너나 썸네일은 5만 원대, 카드뉴스는 10만 원대, 상세페이지는 16만 원대에서 실제 거래가 이뤄집니다. 앞의 30분 정리로 해결되지 않는 것이 남았을 때 이 금액과 비교해 결정하면 됩니다.

품질과 별개로 나중에 문제가 되는 항목이 있습니다. 템플릿 편집 도구로 만든 결과물은 그 도구 계정 안에 남습니다. 이미지 파일로 내려받을 수는 있지만 다른 사람에게 넘겨 이어서 수정하게 하려면 그 사람도 같은 도구의 같은 계정에 접근해야 합니다.

담당자가 바뀌거나 나중에 디자이너에게 이어서 맡기려 할 때 이게 걸립니다. 색 하나 바꾸는 수정도 처음부터 다시 만들어야 하는 상황이 생깁니다.

반복해서 쓸 자산이라면 요청할 때 원본 파일 형태를 미리 지정해 두세요. 이 항목에 관한 더 자세한 내용은 디자인 원본 파일을 안 준다는데 정상인가요 — 소스 파일 인도 기준에서 다뤘습니다.

플로우웍스는 기업이 디자인 업무를 요청하면 분야에 맞는 디자이너를 배정하는 서비스입니다. 오늘 기준 가입 고객사는 2,450팀, 가입 디자이너는 1,237명이고 누적 완료 업무는 11,328건입니다.

완료 후 남은 고객 평가 6,351건의 항목별 평균은 품질 4.72점, 소통 4.81점, 마감 준수 4.88점입니다(각 항목 응답 6,349건, 5점 만점).

앞의 30분 정리로 해결되는 것까지 굳이 맡길 필요는 없습니다. 사내 공지나 한 번 쓰고 끝날 자료는 직접 만드는 게 빠르고 싸니까요. 돈을 받는 화면, 계속 쓸 자산, 규격이 걸린 파일 — 이 셋에서만 맡겨도 결과물의 인상은 충분히 달라집니다.