Hermoso의 네이티브 HTML 광고 템플릿 13종 중 하나입니다. 모델이 생성하는 대신 브라우저가 실제 마크업으로 렌더링하는 포맷입니다. 이 템플릿은 영상을 출력하며, 채울 수 있는 문구 슬롯 4개가 있습니다.
언제 쓰나요
Instagram과 TikTok을 채우는 메모 스크린샷 형식입니다. 리스트, 고백, 교훈, 그리고 사실상 그림이 아니라 글인 모든 메시지에 맞습니다.
반드시 지켜야 할 것
목업은 실제 iPhone 화면 녹화에서 추출한 것이지 근사한 것이 아닙니다. 그래서 흉내 내는 바로 그 기기에서 전체 화면으로 봐도 자연스럽게 보입니다.
형식 한눈에 보기
- 출력: 영상.
- 문구 슬롯: 4개. 각 슬롯의 글자 수 한도는 추측이 아니라 레이아웃에서 계산됩니다.
- 필요한 에셋: 없음. 문구와 브랜드 정보만으로 렌더링합니다.
- 템플릿 ID: apple-notes.
이 템플릿의 렌더링 방식
여기서는 이미지 모델이나 영상 모델로 아무것도 생성하지 않습니다. 이 포맷은 자체 완결된 HTML 페이지이고, 그 애니메이션은 시간의 순수 함수입니다. CSS 키프레임, 타이머, 무작위성이 없습니다. 렌더러가 헤드리스 Chrome에서 그 페이지를 프레임 단위로 넘기며 각 프레임을 캡처하고, ffmpeg로 조립해 H.264 파일을 만듭니다. 파일은 브랜드 엔드 카드로 크로스페이드되며 끝납니다.
여기서 두 가지가 따라옵니다. 렌더는 결정적입니다. 같은 입력은 같은 파일을 만들므로, 어제 괜찮아 보였던 포맷은 오늘도 괜찮아 보입니다. 또 화면의 모든 단어는 브라우저가 렌더링한 실제 텍스트이므로, 문구가 정확하고 어떤 해상도에서도 선명합니다. 전체 비용은 영상 생성이 아니라 크레딧 몇 개입니다. 그래서 이 포맷들을 대량으로 돌리기에 현실적입니다.
메모는 얼마나 길어야 하나요?
굵은 제목과 짧은 문장 몇 줄이면 충분합니다. 메모 앱에 문단을 쓰는 사람은 없으므로, 긴 메모는 실제 무언가의 스크린샷처럼 읽히지 않습니다. 또 타이핑 애니메이션은 실시간으로 돌아가서, 긴 메모는 광고 대부분을 커서를 지켜보는 데 씁니다.
다른 네이티브 템플릿
13개 템플릿은 모두 네이티브 광고 템플릿 색인에 있고, 더 넓은 카탈로그는 창작 레시피 색인에 있습니다.