멀티 패널 캐러셀.
멀티 패널이 필요한 이유
App Store는 스와이프 가능한 캐러셀로 최대 10개의 스크린샷을 보여줘요. 상위 100위 앱들은 거의 항상 이것들을 10개의 별개 이미지가 아닌 하나의 연속된 스토리로 디자인해요. 멀티 패널은 이를 위해 만들어졌어요 — 3~5개의 패널을 선택하고, 캐러셀 전체를 하나로 디자인하고, 하나의 묶음으로 내보내세요.
패널 추가 및 순서 변경
- 패널 추가: 기존 패널 사이나 줄 끝에서 "+"를 클릭하세요.
- 패널 복제: 패널의 호버 툴바에서 복제 버튼을 클릭하세요.
- 순서 변경: 에디터 하단 패널 목록에서 패널을 좌우로 드래그하세요.
- 삭제: 패널의 호버 툴바에서 X 버튼. 마지막 패널은 삭제할 수 없어요 — 최소 1개가 필요해요.
공유 배경
기본적으로 모든 패널은 전역 배경(사이드바의 배경 컨트롤로 설정)을 사용해요. 그라디언트의 경우 렌더링 시 패널별로 분할되어, 멀티 패널 그라디언트가 App Store 캐러셀 전체에서 하나의 연속된 그라디언트로 보여요.
패널별 오버라이드: 패널을 선택하고 사이드바에서 배경을 '패널별'로 전환하면 해당 패널에만 별도의 배경을 지정할 수 있어요.
연결 레이어
모든 레이어(텍스트, 기기, 이미지, SVG)를 모든 패널을 가로지르는 줄 레이어로 만들 수 있어요. 레이어 선택 → 속성 → "모든 패널에 걸치기" 토글. 레이어의 x 좌표가 전역 줄 좌표계로 전환돼요. 주요 활용 예시:
- 긴 수평 헤드라인이 모든 패널 상단을 가로지르는 경우
- 캐러셀 전체에 걸치는 길게 늘어난 기기 하나
- 패널을 연결하는 물결 모양 장식 바
연결 레이어의 핸들은 개별 패널 경계 밖으로 확장될 수 있어요 — 패널별 클리핑 외부에 있는 전용 HandlesOverlay를 통해 계속 표시돼요.
패널별 기기
대부분의 캐러셀은 모든 패널에 동일한 기기 프레임(예: iPhone 16 Pro Max)을 사용하지만, 자유롭게 혼합할 수도 있어요 — 예: 패널 하나는 iPad, 나머지는 iPhone. iPad 패널에는 Auto 대신 기기 고정을 사용하세요.
캐러셀 전체 디자인하기
멀티 패널에서 효과적인 방법들:
- 기기 기울기 방향을 다양하게 — 연속 패널에서 -10° / +10° / -10°를 교대로 사용해 시각적 리듬을 만드세요
- 캡션 위치를 일관되게 고정 — (예: 모든 캡션을 상단 4분의 1 위치에) 캐러셀이 예측 가능하게 읽혀요
- '핵심 패널' 하나 — 보통 두 번째 또는 세 번째 패널 — 가장 강한 시각적 요소를 배치하고 나머지는 이를 보조해요
- 마지막 패널은 CTA 형태로 — App Store가 캐러셀을 페이드아웃하기 전 마지막 패널이에요
자주 묻는 질문
패널은 최대 몇 개까지 만들 수 있나요?
App Store는 기기 클래스 및 로케일당 최대 10개의 스크린샷을 허용해요. Screenshotify는 에디터 측에서 제한을 두지 않지만, 7개를 초과하면 시각적으로 과해질 수 있어요.
한 프로젝트에 다른 크기의 패널을 섞을 수 있나요?
아니요 — 프로젝트의 모든 패널은 하나의 크기(패널 너비 × 패널 높이)를 공유해요. 내보내기 형식 드롭다운에서 전역적으로 패널 크기를 변경하세요.
동일한 캡션이 모든 패널에 나타나야 한다면?
연결 텍스트 레이어로 만드세요. 레이어 하나로 모든 패널에 렌더링돼요. 한 번 편집하면 모든 패널이 업데이트돼요.