라이브커머스 방송 화면, 미리 만들어 둘 이미지 8종

라이브커머스 방송 화면에 올라가는 이미지는 송출이 시작되면 만들 수 없습니다. 시작한 뒤에는 미리 만들어 둔 장을 띄우고 내리는 일만 남습니다. 그래서 이 일은 디자인을 고르는 일이 아니라, 방송 전에 필요한 장수를 세어 미리 채워 두는 일입니다.

세로 화면은 어떻게 나눕니까

라이브커머스 화면은 휴대폰을 세워 든 채로 보는 세로로 긴 화면입니다. 이 화면 위에 방송 제목 · 시청자 수 · 채팅 · 주문 버튼이 플랫폼 쪽에서 얹힙니다. 그래서 화면 가운데 놓은 이미지가 그대로 보이지 않습니다.

화면을 위 15% · 가운데 60% · 아래 25%로 갈라 두고 시작합니다. 아래 비율은 정해진 규격이 아니라 자리 감각을 잡으려고 가정한 값입니다.

구역	화면에서 하는 일	만든 이미지가 놓이는 자리
위 15%	방송 제목 · 시청자 수 · 알림이 플랫폼 쪽에서 얹힙니다	상단 배너 한 줄. 플랫폼 글자와 겹치지 않게 띠 안쪽에 둡니다
가운데 60%	진행자와 상품이 실제로 보이는 자리입니다	비워 둡니다. 상품 카드가 잠깐 들어올 때도 아래쪽 끝에 붙입니다
아래 25%	채팅 · 주문 버튼 · 안내 문구가 올라옵니다	하단 자막 한 줄. 맨 아래 띠는 버튼에 가려지므로 그 위에 놓습니다

구역을 먼저 갈라 두면 이미지마다 놓일 자리가 정해지고, 자리가 정해지면 글자 크기와 글자 수도 따라 정해집니다.

미리 만들어 둘 이미지는 몇 종이면 됩니까

여덟 종이면 한 방송이 돌아갑니다. 아래는 상품 4개 · 100분 방송을 가정한 목록이고, 상품 카드만 상품 수만큼 늘어납니다. 글자 수 상한도 정해진 규격이 아니라 세로 화면에서 한눈에 읽히는 선으로 잡은 예시입니다.

이미지	놓이는 자리	글자 수 상한	만드는 순서
예고 이미지	방송 며칠 전 게시물 · 단체 대화방	한 줄 12자 · 최대 두 줄	1번째
썸네일	방송 목록과 알림에 뜨는 첫 장	한 줄 15자	2번째
대기 화면	시작 전에 고정으로 띄우는 화면 전체	두 줄 · 줄당 12자	3번째
상단 배너	위 15% 띠 안쪽	한 줄 10자	4번째
하단 자막	아래 25% 가운데 위쪽 절반	한 줄 14자	5번째
상품 카드	하단 자막 위 · 상품마다 1장	상품명 12자 + 구성 한 줄	6번째
혜택 안내	상품 카드와 같은 자리에 번갈아	숫자 1개 + 한 줄 10자	7번째
종료 화면	마무리 멘트 뒤 화면 전체	두 줄 · 줄당 12자	8번째

여덟 종 가운데 예고 이미지 · 썸네일 · 대기 화면 세 장은 방송이 시작되기 전에 사람들이 보는 화면입니다. 늦게 만들면 띄울 자리가 이미 지나가 버리므로 이 세 장을 앞에 둡니다.

글자를 넣지 않는 자리는 어디인가요

가운데 60% — 진행자 얼굴과 상품이 있는 자리입니다. 여기 글자를 얹으면 상품을 가리고, 진행자가 자리를 옮기면 겹침이 매 순간 달라집니다.

화면 맨 아래 띠 — 주문 버튼과 채팅 입력창이 올라오는 자리입니다. 이 띠에 걸친 글자는 방송 내내 반쯤 잘려 보입니다. 하단 자막은 이 띠보다 한 칸 위에서 시작합니다.

이미지의 좌우 끝 — 기기마다 화면 폭이 달라 양 끝이 먼저 잘립니다. 좌우 끝에서 각각 한 글자 폭만큼 띄운 다음 글자를 시작합니다.

비워 둔 자리는 투명하게 두지 말고 옅은 면이나 색 띠로 채웁니다. 투명하면 뒤 화면이 그대로 비쳐 흰 글자가 흰 옷 위에서 사라집니다.

이미지 크기와 글자 수는 어떻게 정하나요

가로세로 크기는 글에서 정하지 않습니다. 쓰는 플랫폼의 판매자 관리 화면에 이미지 등록 칸마다 권장 크기와 파일 형식이 적혀 있고, 그 값이 기준입니다. 순서는 넷입니다.

1. 관리 화면의 등록 칸을 하나씩 열어 권장 크기 · 파일 형식 · 용량 상한을 종이 한 장에 옮겨 적습니다.
2. 그 값으로 빈 캔버스 — 이미지를 만드는 작업 화면의 바탕 — 를 여덟 개 먼저 만들어 둡니다.
3. 글자를 넣은 뒤 휴대폰으로 옮겨 실제 방송 화면에 한 번 띄워 봅니다.
4. 팔을 편 거리에서 안 읽히면 글자를 지웁니다. 크기를 키우는 것보다 글자 수를 줄이는 편이 빠릅니다.

표에 글자 수 상한을 적어 둔 이유가 여기 있습니다. 한 장이 전하는 말은 하나입니다 — 상품명이면 상품명, 남은 수량이면 수량. 두 가지를 넣으면 둘 다 안 읽힙니다.

만드는 순서는 어디부터 시작합니까

예고 이미지부터 만듭니다. 예고에 쓴 색 · 글자체 · 로고 자리가 나머지 일곱 종의 틀이 되기 때문입니다. 방송일을 D로 두면 이렇게 붙습니다.

D-6에 예고 이미지와 썸네일, D-5에 대기 화면, D-4에 상단 배너와 하단 자막, D-3에 상품 카드와 혜택 안내, D-2에 종료 화면입니다. D-1에는 새로 만들지 않고, 여덟 종을 순서대로 띄워 보며 글자 위치만 맞춥니다.

파일에는 만들면서 바로 번호를 붙입니다. 자막에 1번부터 순서대로 번호가 있으면 방송 중에 '자막 3번'이라는 한 마디로 신호가 끝납니다.

다음 방송에 다시 쓰려면 무엇을 저장합니까

여덟 종을 한 번 만들어 두면 다음 방송은 새로 그리는 일이 아니라 세 자리만 바꿔 끼우는 일이 됩니다. 폴더 하나에 아래 규칙대로 담아 둡니다.

구분	이번 방송에 정해 두는 것	다음 방송에 손대는 곳
폴더	방송 날짜로 폴더 하나 · 안에 편집 원본과 내보낸 파일을 나눠 담기	폴더를 통째로 복사해 날짜만 바꿉니다
파일 이름	날짜_종류_번호로 통일 — 0901_상품카드_03	앞의 날짜 6자리만 바꿉니다
편집 원본	글자를 아직 고칠 수 있는 상태로 함께 저장	열어서 글자만 고쳐 다시 내보냅니다
바꿔 끼울 자리 ①	예고 · 썸네일 · 대기 화면에 넣은 날짜와 시작 시각	매 방송 바뀝니다
바꿔 끼울 자리 ②	상품 카드의 상품명과 구성 한 줄	상품이 바뀐 장만 다시 만듭니다
바꿔 끼울 자리 ③	혜택 안내에 넣은 수량과 기간	회차마다 숫자만 고칩니다

그대로 남는 것은 색 · 글자체 · 로고 자리 · 자막 틀 네 가지입니다. 이 네 가지를 건드리지 않으면 두 번째 방송의 이미지 작업은 반나절 안에 끝납니다.

---

오늘 할 일은 하나입니다. 예고 이미지 1장과 대기 화면 1장, 두 장부터 만드십시오. 대기 화면은 예고 이미지에서 날짜와 시각을 크게 키우면 그대로 나옵니다. 이 두 장이 손에 들어오면 나머지 여섯 종의 색과 글자체가 함께 정해집니다.