한 자료를 다섯 가지 포맷으로 — 포맷 시뮬레이터
같은 문장이 인스타에서는 다섯 줄, 카드뉴스에서는 세 줄, 메일에서는 한 줄이 됩니다. 한 source가 각 포맷에서 어떻게 다르게 끊어지는지 시뮬레이터가 미리 보여줍니다.
- · 포맷
- · product
같은 문장, 다른 줄바꿈
마케팅팀이 새 캠페인 한 문장을 정했습니다. "올여름 가장 시원한 선택, 지금 만나보세요." 이 한 문장이 인스타 1:1 카드, 4:5 카드뉴스, 인쇄 A4 리플릿, 메일 600px 본문, 다크 메일 — 다섯 포맷에서 모두 다르게 끊어집니다. 어떤 포맷에서는 두 줄, 어떤 포맷에서는 세 줄, 어떤 포맷에서는 한 줄에 다 들어갑니다.
이 차이를 미리 보지 못한 채 출력하면, 어느 포맷에서는 "올여름 가장 시원한 / 선택, 지금 만나 / 보세요." 처럼 어색하게 끊어지기도 합니다. 마침의 포맷 시뮬레이터는 한 source 문장이 다섯 포맷에서 각각 어떻게 보일지 동시에 보여줍니다.
다섯 포맷의 사양
| 포맷 | 비율 | 픽셀 | 적용 환경 | |------|------|------|----------| | 인스타 1:1 | 1080×1080 | 1080px | 인스타그램 피드 | | 카드뉴스 4:5 | 1080×1350 | 1080px | 인스타·페이스북 세로 | | 인쇄 A4 | 210×297mm | 300dpi | 리플릿·보고서 | | 메일 600px | 가변 | 600px 고정 폭 | 일반 메일 클라이언트 | | 다크 메일 | 가변 | 600px 고정 폭 | 다크 모드 메일 클라이언트 |
다섯 포맷은 마침이 가장 자주 출력되는 묶음입니다. 다른 포맷 — 페이스북 1.91:1, 링크드인, 명함 — 도 동일한 방식으로 추가됩니다.
줄바꿈은 자간·폰트·여백으로 결정됩니다
같은 텍스트가 다른 줄바꿈을 가지는 이유는 단순히 폭이 다르기 때문이 아닙니다. 자간(letter-spacing), 폰트 굵기, 좌우 여백, 본문 폰트 크기가 모두 다릅니다. 인스타 1:1 카드는 폰트 60pt에 자간 -2%, 메일 본문은 폰트 16px에 자간 0%. 같은 한 문장이 같은 길이로 보일 리가 없습니다.
마침은 회사 브랜드 키트에 등록된 자간·폰트·여백 값을 포맷별로 다르게 적용합니다. 등록 시점에 한 번 설정하면 이후 모든 결과물은 같은 규칙을 따릅니다.
이미지 자르기 — 인물 얼굴은 절대 잘리지 않습니다
한 사진이 1:1, 4:5, 1.91:1 세 비율에서 모두 사용될 때, 어느 한 비율에서 인물의 얼굴이 잘리면 안 됩니다. 마침의 시뮬레이터는 사진의 주요 피사체 영역(Subject Box) 을 자동으로 인식합니다. 인물의 얼굴, 제품의 본체, 로고가 주요 영역으로 잡힙니다.
이후 모든 비율에서 이 영역이 항상 안전 마진 안에 들어오도록 자동으로 크롭됩니다. 1:1에서는 좌우가 잘리고, 1.91:1에서는 상하가 잘리지만, 얼굴은 늘 보입니다.
한 source 원칙 — 수정은 한 곳에서만
다섯 포맷이 동시에 만들어진 후, 한 곳에서 텍스트를 수정하면 어떻게 될까요. 마침은 한 source 원칙 을 따릅니다. 원본 한 곳에서 수정하면 다섯 포맷이 동시에 갱신됩니다. 포맷별로 따로 수정할 필요가 없습니다.
포맷별 예외가 필요한 경우 — 예를 들어 인스타에서만 이모지를 추가하고 싶을 때 — 는 해당 포맷에 "수동 잠금" 표시를 합니다. 잠금된 포맷은 원본이 갱신돼도 자동으로 바뀌지 않습니다. 잠금 상태는 결과물 옆에 자물쇠 아이콘으로 표시됩니다.
다크 메일 — 같은 색이 다르게 보입니다
다크 모드 메일 클라이언트에서 흰 배경 이미지를 보내면 본문과 어색하게 분리되어 보입니다. 짙은 텍스트는 어두운 배경에 묻혀 가독성이 떨어집니다. 마침의 다크 메일 시뮬레이터는 라이트와 다크 두 환경에서 같은 메일이 어떻게 보일지 나란히 보여줍니다.
배경이 투명한 이미지는 다크 환경에서 자동으로 흰 테두리가 추가됩니다. 본문 색은 다크 환경에서 한 톤 밝게 출력됩니다. 같은 메일을 두 번 만들 필요가 없습니다.
다음 글
블로그 전체 →- §01인쇄
인쇄 가능한 출력의 조건 — 도련·CMYK·정합
화면에서 잘 보이는 PDF가 인쇄소에서 거절당하는 일은 흔합니다. 도련 5mm, CMYK 변환, PDF/X 표준 — 이 세 가지는 협상의 여지가 없는 조건입니다.
읽기 약 3분 - §02워크플로
회의에서 결재까지 — 워크플로 6단계
회의·초안·검토·결재·발송·추적. 마침의 워크플로는 여섯 단계를 거칩니다. 자동화 비율과 단계 사이 데이터 흐름을 단계별로 풀어 봅니다.
읽기 약 3분 - §03product
한 번의 회의, 스물다섯 가지 결과물 — 매핑의 원리
회의 한 건이 끝나면 보고서·뉴스레터·결재·SNS·인쇄물까지 수십 개의 결과물이 필요해집니다. 마침은 그 25가지를 8개 카테고리로 묶고, 한 번의 입력으로 동시에 출력합니다.
읽기 약 3분