모션 비즈보드 제작가이드
Last updated
Last updated
카카오 비즈보드 CPT(beta) 모션 비즈보드의 소재 구성 요소 및 제작가이드를 소개합니다.
모션 비즈보드를 위해서는 동영상 보드 소재, 애니메이션 보드 소재, 배너 소재를 모두 등록해야 합니다.
구성 요소 안내
각 소재 구성 요소별 상세 제작가이드를 알아보겠습니다.
애니메이션 보드를 구성하는 소재별 상세 제작가이드를 알아보겠습니다.
※ 배경 이미지 Good Case / Bad Case
※ 오브젝트 이미지 Good Case / Bad Case
모션 비즈보드의 애니메이션 보드 소재(배경 이미지/오브젝트 이미지/텍스트 이미지)는 카카오모먼트 배너제작툴이 아닌 별도로 제작하여 등록해주셔야 합니다. 제작 시 아래 첨부된 PSD 템플릿을 활용하실 수 있습니다.
• 애니메이션 보드 소재 PSD 템플릿 ►다운로드
다른 문의사항이 있으실까요? 카카오톡 채널 혹은 고객센터를 통해 문의하실 수 있습니다.
카카오비즈니스 채널을 추가하시면 카카오톡으로 채팅 상담을 시작하실 수 있습니다. 모바일에서 편리하게 묻고 빠르게 답변을 받아보세요.
카카오톡 채널 상담 운영 시간 : 평일 오전 9시 ~ 오후 6시 (주말 및 공휴일 제외)
[동영상 보드]
동영상(필수)
동영상 스틸컷(선택)
[애니메이션 보드]
배경 이미지(필수)
오브젝트 이미지 3개(필수)
텍스트 이미지(필수)
[배너 소재]
일반 비즈보드 배너 이미지(필수)
구분
포맷 가이드
상세 안내
동영상
(필수)
• 사이즈: 1290x258
• 파일형식: AVI, FLV, MP4 / No Sound
• 영상 길이: 3.0초 • 용량: 100MB 이하
• 무음으로 자동재생되는 동영상
• 주요 내용은 Safe Zone(1029x222)에서 노출될 수 있도록 제작
동영상 스틸컷
(선택)
• 사이즈: 1290x258
• 파일형식: PNG, JPG, JPEG
• 용량: 300KB 이하
• 영상 로딩 전 노출되는 이미지
• 미등록시, 동영상 내 임의 캡쳐화면으로 노출
• 주요 내용은 Safe Zone(1029x222)에서 노출될 수 있도록 제작
구분
포맷 가이드
상세 안내
배경 이미지
• 사이즈: 1290x258
• 파일형식: PNG, JPG, JPEG
• 용량: 300KB 이하
• 동영상 재생 후 또는 일정 시간 내 광고 재노출 시, 애니메이션을 활용해 노출되는 이미지 중 배경 영역
• 텍스트 미포함 이미지
• 텍스트가 잘 보일 수 있도록 가독성 있게 제작
• 복잡하지 않은 이미지 권장 및 복잡한 이미지일 경우 Dim / Blur 효과 적용하여 제작
• 주요 내용은 Safe Zone(1029x222)에서 노출될 수 있도록 제작
• 제작가이드 페이지 하단에 첨부된 템플릿을 참조하여 제작
구분
포맷 가이드
상세 안내
오브젝트 이미지
• 사이즈: 315x258
• 파일형식: 투명배경의 PNG-24
• 용량: 150KB(1개당)
• 수량: 3개
• 동영상 재생 후 또는 일정시간 내 광고 재노출 시, 애니메이션을 활용해 노출되는 오브젝트
• 우측에 배치되는 오브젝트 유형만 가능(썸네일형/마스킹형 불가)
• 비슷한 성격의 오브젝트 이미지 사용 권장(동일한 이미지 사용은 불가)
• 텍스트 영역과 오브젝트 사이 최소 42px 여백 준수
• 사이즈 내에서 오브젝트 이미지는 최대 70% 면적 사용(Safe Zone 내 노출)
• 익스팬더블 유형 집행 시, 힌트에셋으로 가려지는 부분 고려하여 제작
• 제작가이드 페이지 하단에 첨부된 템플릿을 참조하여 제작
구분
포맷 가이드
상세 안내
텍스트 이미지
• 사이즈: 1029x258
• 파일형식: 투명배경의 PNG-24
• 용량: 300KB 이하
• 동영상 재생 후 또는 일정 시간 내 광고 재노출 시, 오브젝트 애니메이션과 함께 노출되는 텍스트
• 텍스트 상세가이드를 준수하여 가독성 있게 제작
• 제작가이드 페이지 하단에 첨부된 템플릿을 참조하여 제작
구분
상세 안내
밝은 배경
• 메인카피: #4C4C4C
• 서브카피: #777777
• 부가정보: #999999
어두운 배경
• 메인카피: #ffffff
• 서브카피: #ffffff(투명도 80%)
• 부가정보: #ffffff(투명도 70%)
구분
상세 안내
텍스트 폰트
• 고딕계열(브랜드 폰트 포함)폰트 사용('스포카 한 산스' 권장)
• 브랜드 폰트 및 Bold 효과는 메인카피에만 사용 가능
• 브랜드 폰트 사용한 1줄은 브랜드 폰트 외 다른 폰트 사용 불가
• 가독성이 좋지 않은 폰트 사용 불가 및 폰트의 자간 임의 조정 불가
구분
상세 안내구분
공통
• 텍스트 가로 최소 290px ~ 최대 576px 내에서 구성
• 텍스트 영역과 오브젝트 사이 최소 42px 여백 준수
• 문장의 정렬은 ‘좌측 정렬’만 사용 가능
• 메인 카피와 서브 카피는 동일 문구로 기재 불가
• 취소선: 가격과 관련된 정보(금액,할인율)에 한정하여 취소선 허용
예) 59,000 → 49,000
• 일부 특수기호 및 이모티콘 사용불가
예)^^/:D/😀/☞/☑︎/♨︎ 등 불가
텍스트 한 줄
• 메인카피 높이 기본 48px(최소 36px ~ 최대 51px)
텍스트 두 줄
• 메인카피 높이 기본 48px(최소 36px ~ 최대 51px)
• 서브카피 높이 기본 39px(최소 30px ~ 최대 45px)
• 줄간격 최소 24px
• 텍스트 세로 최대 118px 내에서 구성
텍스트 세 줄
(부가정보형)
• 메인카피 높이 기본 48px(최소 36px ~ 최대 51px)
• 서브카피 높이 기본 39px(최소 30px ~ 최대 45px)
• 광고문구 줄간격 최소 18px, 광고문구와 부가정보 줄간격 최소 24px
• 부가정보 높이 18px 고정
• 부가정보는 최하단 배치 필수
• 텍스트 세로 최대 152px 내에서 구성
구분
상세 안내
사용 조건
• 텍스트 두 줄형 및 세 줄형의 ‘메인카피’ 영역에만 로고 사용 가능
• 앱다운로드 및 비즈솔루션 유형에서는 로고형 사용 불가
텍스트 이미지 내
로고 색상(배경형)
• 배경 이미지가 밝을 경우 검은색 사용
• 배경 이미지가 어두울 경우 흰색 사용
• 그 외 유색 불가
배너 소재 내
로고 색상(비즈보드형)
• 검은색 또는 유색(ex. 로고 고유 색상) 가능
로고 크기
• 로고 영역: 340x40
• 영역 내에서 높이 최대 40px 또는 가로 최대 340px 중 한 가지 사이즈 필수 준수
기타 유의사항
• 로고 가독성이 확보되도록 제작
• 서브카피는 Regular 폰트 사용(Bold 효과 불가)
• 로고 외 텍스트는 텍스트 상세가이드를 준수하여 제작
구분
포맷 가이드
상세 안내
배너 이미지
• 사이즈: 1029x258
• 용량: 150KB 이하
• 카카오톡 10.2.0 미만 버전일 경우, 모션 비즈보드를 대체하여 노출되는 배너 이미지
• 텍스트: 애니메이션 보드의 텍스트 이미지와 동일하게 제작
• 오브젝트: 애니메이션 보드의 첫번째 오브젝트 이미지로 제작