Motion Design Craft
좋은 모션은 보이지 않습니다: 시선을 유도하고 방해하지 않습니다.
지속 시간 (30fps 기준)
| 모션 | 프레임 | 초 |
|---|---|---|
| 마이크로 피드백 (버튼 누름, 하이라이트) | 4 ~ 8 | 0.15 ~ 0.25 |
| 요소 등장 또는 퇴장 | 10 ~ 18 | 0.35 ~ 0.6 |
| 장면 전환 | 12 ~ 20 | 0.4 ~ 0.7 |
| 화면 가로지르는 큰 이동 | 20 ~ 30 | 0.7 ~ 1.0 |
| 목록 항목 간 스태거 | 3 ~ 6 | 0.1 ~ 0.2 |
퇴장은 등장보다 빠릅니다 (등장 시간의 약 70%). 1초 이상은 의도적인 리빌이 아니라면 느리게 느껴집니다.
이징
객체의 동작에 따라 이즈를 선택하세요:
- 화면에 등장: ease-out (빠르게 시작, 부드럽게 착지).
- 화면에서 퇴장: ease-in (느리게 시작, 가속하여 사라짐).
- 화면 내 위치 이동: ease-in-out.
- 연속 (루프, 진행 바): linear.
UI와 같은 모션에는 절대 plain linear를 사용하지 마세요. 로봇처럼 보입니다.
스프링
자연스러운 안정을 위해 임계 감쇠 또는 약한 언더댐핑 스프링을 사용하세요. Remotion에서는 damping: 200이 바운스 없이 부드럽습니다. 낮은 damping (10 ~ 20)은 오버슈트를 추가하므로 장난스러운 콘텐츠에만 적합합니다. 오버슈트는 약 10% 미만으로 유지하세요.
텍스트 읽기 시간
seconds_on_screen = max(1.5, words * 0.35 + 0.5)
6단어 제목은 약 2.6초가 필요합니다. 나레이션이 텍스트를 읽는다면, 나레이션보다 약간 먼저 텍스트를 표시하세요.
리듬
- 비트를 선택하고 (예: 0.5초 또는 음악의 한 마디) 컷과 등장을 그 배수에 맞춰 정렬하세요. 시청자가 이유를 말할 수 없어도 정렬되지 않은 모션은 조잡하게 느껴집니다.
- 장면 길이를 다양하게 하세요. 동일한 지속 시간은 기계적으로 느껴집니다.
- 액션에서 컷: 이전 장면의 모션이 아직 진행 중일 때 다음 장면을 시작하세요.
계층 구조
- 한 번에 하나의 초점 요소. 주제가 아닌 것은 흐리게 하거나 어둡게 하세요.
- 1080p 기준 본문 텍스트는 최소 36px, 제목은 72px 이상. 모바일 시청자는 더 큰 크기가 필요합니다.
- 텍스트와 배경 간 명암비는 최소 4.5:1; 비디오 위에는 스크림이나 아웃라인을 추가하세요.
- 여백: 콘텐츠를 중앙 90% (안전 영역) 내에 유지하고, 세로 비디오는 80%를 유지하세요.
원인이 있는 전환
전환은 무언가를 말할 때만 사용하세요: 시간 이동에는 와이프, 다음 단계에는 푸시, 부드러운 주제 변경에는 크로스페이드. 그 외에는 직선 컷을 사용하세요. 하나의 비디오에서 두 가지 이상의 전환 스타일을 혼용하지 마세요.
영상이 생성물처럼 보이게 만드는 요소
의도적으로 선택한 것이 아니라면 다음 기본값을 피하세요:
- 모든 것이 동일한 지속 시간으로 0 불투명도에서 페이드 인.
- 떠다니는 블롭이 있는 어두운 그라데이션 위에 중앙 정렬된 텍스트.
- 모든 브랜드에 보라색-파란색 그라데이션.
- 모든 요소가 스프링으로 바운싱.
- 모든 장면 간 동일한 장면 길이와 동일한 전환.
- 기본 이모지를 아이콘으로 사용.
- 텍스트가 한 번에 나타나고, 말하기 훨씬 전에 표시됨.
수정 방법: 브랜드 팔레트와 실제 에셋을 사용하고, 역할에 따라 모션을 다양화하며, 의미 있게 스태거링하고, 일부 장면은 그냥 컷으로 전환하세요.
검토 체크리스트
- 임의의 프레임에서 멈췄을 때 명확한 주제가 보입니까?
- 이유 없이 움직이는 것이 있습니까?
- 텍스트가 휴대폰 크기에서 읽을 수 있습니까?
- 마지막 2초는 콜투액션을 읽을 수 있을 만큼 충분히 정지해 있습니까?