지금 읽는 곳왜 자막이 잘리는 사고가 자주 나나목차
STEP 1 초급·기초 › 1-3. 콘텐츠 크리에이티브·카피라이팅 › 과목 18 › 레슨 06
화면 자막(Typography) 기획의 규칙: 모바일 스마트폰 화면에서 잘리지 않는 자막 안전 영역(Safe Zone) 사수법
완성본을 클라이언트에게 보낸 뒤에야 "자막이 좋아요 버튼에 가려요"라는 피드백을 받는 일, 콘티 단계에서 막을 수 있습니다.
핵심요약
- 릴스·틱톡 모두 화면 상단과 하단 상당 부분이 플랫폼 UI(팔로우·좋아요·캡션 스택 등)에 가려진다
- 세이프존의 정확한 픽셀값은 출처마다 다르고 플랫폼 UI가 자주 바뀌므로 절대 수치를 맹신하면 안 된다
- 핵심 자막·로고는 화면 세로 중앙의 안전 영역 안에 배치하는 것이 공통 원칙이다
- 편집 프로그램의 세이프존 오버레이 가이드를 켜두고 작업하면 실수를 크게 줄일 수 있다
- 발행 직전에는 실제 각 앱 화면에서 미리보기로 한 번 더 확인하는 절차가 필요하다
왜 자막이 잘리는 사고가 자주 나나
편집 프로그램의 캔버스는 화면 전체가 다 보이지만, 실제로 앱에서 재생되는 화면에는 팔로우 버튼, 좋아요·댓글·공유·저장 아이콘, 캡션과 오디오 정보, CTA 버튼 같은 UI 요소가 겹쳐서 뜹니다. 편집할 때는 화면 하단에 자막을 넣어도 아무 문제 없어 보이지만, 실제 앱에서 재생하면 그 자막이 UI 요소에 가려 보이지 않는 사고가 자주 발생합니다.
이 문제는 촬영이나 편집 실력과 무관하게 '어디에 무엇을 배치할지'를 미리 계획하지 않아서 생기는 경우가 대부분입니다. 그래서 콘티 단계에서부터 자막이 들어갈 위치를 화면 설계에 포함해야 완성본에서 다시 손대는 일을 줄일 수 있습니다.
같은 소재를 여러 플랫폼(릴스·틱톡·쇼츠)에 동시에 발행하는 경우라면 문제가 더 커집니다. 플랫폼마다 UI가 겹치는 위치와 비율이 조금씩 다르기 때문에, 하나의 세이프존 기준만으로 모든 플랫폼을 만족시키기 어려울 수 있습니다. 이런 경우에는 가장 UI 겹침이 큰 플랫폼 기준으로 자막 위치를 잡아두는 것이 안전합니다.
릴스의 세이프존 개념
인스타그램 릴스는 화면 상단(팔로우 버튼·캡션 시작 영역)과 하단(좋아요·댓글·공유·저장·오디오·캡션 스택)에 상당한 UI 요소가 겹쳐 뜹니다. 업계 가이드들은 대략 화면 상단 10%대, 하단 30% 안팎을 UI 겹침 구간으로 공통적으로 제시합니다. 즉 화면을 세로로 삼등분했을 때 맨 위와 맨 아래 구간에는 핵심 텍스트를 넣지 않는 것이 안전합니다.
다만 정확한 픽셀·비율 수치는 출처마다 조금씩 다르고, 메타가 UI를 자주 개편하기 때문에 이 레슨에서 특정 숫자를 절대 기준으로 외우기보다는 "화면 세로 중앙 구간에 핵심 요소를 배치한다"는 원칙으로 기억해두는 것이 안전합니다. 실제 작업 전에는 사용하는 편집 툴이나 Meta 광고 관리자 안내에서 최신 세이프존 가이드를 다시 확인하세요.
틱톡의 세이프존 개념
틱톡도 구조는 비슷합니다. 화면 상단에는 팔로우 버튼이, 하단에는 캡션, 사운드 정보, 좋아요·댓글·공유 아이콘, CTA 버튼이 겹쳐서 표시됩니다. 업계 가이드는 대체로 화면 상단 10% 안팎, 하단 20% 안팎을 위험 구간으로 제시하지만 이 역시 출처마다 다르고 자막 줄 수, 해상도에 따라 달라질 수 있습니다.
틱톡은 특히 캡션 줄 수가 길어지면 하단 UI를 가리는 범위가 늘어나는 특성이 있으므로, 자막이 두 줄 이상 필요한 경우에는 하단 안전 영역을 더 넉넉하게 잡는 것이 좋습니다. 정확한 현재 사양은 발행 직전 틱톡 광고 관리자의 제작 가이드에서 확인하는 것을 원칙으로 삼으세요.
Spark Ads처럼 기존 오가닉 게시물을 그대로 광고로 전환하는 형태라면, 처음 오가닉으로 올릴 때부터 세이프존을 지켜뒀는지가 나중에 광고로 전환할 때 다시 손댈 필요가 있는지를 가릅니다. 오가닉 게시 단계에서부터 세이프존 원칙을 습관화해두는 것이 이후 작업을 줄이는 방법입니다.
세이프존 안에서 자막을 배치하는 실무 규칙
가장 단순하고 안전한 원칙은 "화면을 세로로 3등분해서 가운데 구간에만 핵심 텍스트를 넣는다"입니다. 폰트 크기는 작은 스마트폰 화면에서도 읽히도록 충분히 크게 잡아야 하고, 한 화면에 들어가는 자막은 두 줄을 넘기지 않는 것이 가독성 면에서 유리합니다.
자막 배경에 반투명 박스나 외곽선(스트로크)을 넣어두면, 배경 화면이 밝거나 복잡한 경우에도 가독성이 크게 떨어지지 않습니다. 특히 화면 색상이 자막 색상과 비슷한 톤일 때 이런 처리를 해두지 않으면 텍스트 자체가 배경에 묻혀 안 보이는 경우가 자주 발생합니다.
로고나 CTA 버튼처럼 브랜드 요소도 같은 원칙을 적용해 중앙 안전 영역 안에 배치하되, 화면을 지나치게 텍스트로 채우면 정작 화면 속 인물·제품이 가려지므로 자막은 핵심 문장 위주로 짧게 유지하는 것이 좋습니다.
세이프존을 편집 프로그램에서 시각적으로 확인하는 법
대부분의 영상 편집 프로그램은 세로형 콘텐츠용 세이프존 가이드라인 오버레이 기능을 제공하거나, 플랫폼이 배포하는 세이프존 템플릿 이미지를 캔버스 위에 얹어놓고 작업할 수 있습니다. 이 오버레이를 편집 내내 켜둔 채로 자막 위치를 잡으면, 완성 후에 다시 확인하는 것보다 훨씬 효율적으로 실수를 줄일 수 있습니다.
콘티 단계에서도 화면 설명 칸에 "자막은 중앙 안전 영역 안"이라고 미리 메모해두면, 촬영본이 나온 뒤 자막 작업자가 별도로 안내받지 않아도 원칙을 지킬 수 있습니다.
발행 직전 최종 점검 체크리스트
편집이 끝난 뒤에는 실제 각 플랫폼 앱에서 미리보기 기능으로 재생해보는 단계를 반드시 거쳐야 합니다. 편집 캔버스에서는 문제없어 보여도, 실제 앱 UI가 겹친 화면에서 자막이 가려지는 경우가 여전히 발생하기 때문입니다.
가능하다면 실제 스마트폰 여러 기종(화면 비율이 조금씩 다를 수 있음)에서 재생해 확인하는 것이 가장 확실합니다. 이 점검 한 단계를 건너뛰면, 발행 이후 소재를 다시 내려서 자막만 다시 작업해야 하는 비효율이 생깁니다.
체크리스트는 자막뿐 아니라 CTA 버튼이나 브랜드 로고가 들어간 컷에도 동일하게 적용해야 합니다. 자막은 세이프존을 지켰는데 마지막 CTA 컷의 버튼 이미지가 하단 UI에 가려지는 경우도 실무에서 자주 나오는 실수 중 하나입니다.