목업과 스토어 이미지 가이드

기기 목업, App Store와 Google Play 스크린샷 크기, 홍보 영상, 카메라 움직임, 내보내기 설정에 관한 실전 가이드 30편. Mockuptop을 만드는 팀이 씁니다.

• 표를 외우지 않는 App Store 스크린샷 크기App Store Connect가 받는 아이폰과 아이패드 스크린샷 크기, 업로드 가능 장수, 그리고 보통 한 세트면 충분한 이유.
• Google Play 스크린샷 크기와 스토어 이미지Play 스토어 등록정보의 휴대전화, 태블릿, 그래픽 이미지, 아이콘 규격과 업로드를 막는 비율 제한.
• 앱 미리보기: 규정과 실제로 통하는 구성App Store 미리보기의 길이, 해상도, 프레임레이트, 콘텐츠 규정과 소리 없이도 작동하는 20초 구성.
• Play 홍보 영상이 그 자리를 벌게 하려면Play 홍보 영상이 어떻게 동작하는지, 왜 업로드가 아니라 유튜브 링크인지, 첫 5초를 어떻게 구성할지.
• 축소돼도 살아남는 그래픽 이미지 만들기Google Play 그래픽 이미지의 설계 규칙. 안전 영역, 글자 크기, 그리고 중앙을 비워야 하는 이유.
• 스크린샷을 아이폰 목업 안에 넣기날것의 스크린샷을 기기 목업으로 바꾸는 단계별 방법. 비율, 모서리, 배경 선택.
• Play 등록정보를 위한 안드로이드 목업안드로이드 목업이 아이폰과 어떻게 다른지, 어떤 비율로 만들지, Play 등록정보를 어떻게 통일할지.
• 웹 앱을 진짜처럼 보이게 하는 노트북 목업웹 앱을 노트북 목업으로 보여 주는 법. 촬영 너비, 화면 각도, 그림자, 그리고 평면 브라우저 프레임이 나은 경우.
• 태블릿 목업과 스토어가 이를 요구하는 이유태블릿 스크린샷 규격, 세로냐 가로냐, 그리고 두 스토어가 이 자산을 품질 신호로 보는 이유.
• 스마트워치 목업: 작은 화면, 큰 구도 문제아주 작은 화면을 설득력 있게 보여 주는 법. 잘라내기, 크기, 밴드, 그리고 휴대전화와 구도가 다른 이유.
• 3D 목업을 의도적으로 쓰기평면 템플릿과 진짜 3D 렌더링의 차이, 그리고 가독성을 해치지 않고 원근을 쓰는 방법.
• 프레임이냐 맨 이미지냐: 위치별로 정하기프레임이 전환에 도움이 되는 경우, 픽셀 낭비가 되는 경우, 그리고 습관이 아니라 노출 위치별로 정하는 법.
• 스토어 스크린샷 문구 쓰기스토어 스크린샷의 문구를 썸네일에서도 읽히고 이미지가 못 하는 몫을 채우도록 쓰고 배치하는 법.
• 일의 대부분은 첫 장이 한다캐러셀의 첫 이미지가 불균형하게 큰 비중을 갖는 이유와 그것을 고르고 설계하는 법.
• 스토어 자산 이륙 전 체크리스트스토어 자산을 위한 짧은 최종 점검. 규격, 순서, 문구, 현지화, 통일감, 그리고 거부로 이어지는 실수.
• 열한 번 다시 만들지 않고 현지화하기깔끔하게 번역되는 스크린샷 세트를 만드는 법, 값어치를 하는 언어, 현지화를 싸게 만드는 레이아웃 결정.
• 라이트냐 다크냐: 등록정보에 올릴 테마앱을 라이트로 보여 줄지 다크로 보여 줄지, 스토어 배경이 선택에 어떻게 작용하는지, 작업을 두 배로 늘리지 않고 둘 다 보여 주는 법.
• 화면을 주제로 남기는 배경 고르기화면을 주인공으로 유지하는 배경 고르기. 그러데이션 방향, 대비, 브랜드 색 사용법.
• 목업을 사물처럼 보이게 하는 조명실용적인 3점 조명, 금속과 유리가 검게 나오는 이유, 압도하지 않으면서 접지시키는 접촉 그림자.
• 카메라 앵글: 거의 모든 경우를 덮는 다섯 구도3D 목업에서 기울기와 회전과 화각과 줌이 어떻게 얽히는지, 그리고 화면을 읽히게 하는 구도.
• 키프레임: 작동하는 가장 작은 모델목업 에디터에서 키프레임이 어떻게 작동하는지, 어떤 속성을 움직일 가치가 있는지, 좋은 컷에 몇 개가 필요한지.
• 이징이 움직임과 의도된 움직임을 가른다이징 곡선이 하는 일, 제품 움직임에 어울리는 곡선, 그리고 목업 영상을 아마추어처럼 보이게 하는 실수.
• 20초 홍보 영상은 실제로 이렇게 만든다짧은 제품 영상의 컷별 구성, 시간 배분, 각 박자의 역할, 그리고 대부분의 시도가 실패하는 지점.
• 목업의 내보내기 형식 고르기스토어와 웹과 소셜에 쓸 이미지 형식 고르기, 그리고 투명과 그러데이션이 답을 어떻게 바꾸는지.
• 압축돼 보이지 않는 목업 영상 내보내기해상도, 프레임레이트, 비트레이트, 코덱 선택과 프레임 단위 내보내기가 화면 녹화보다 나은 이유.
• 투명한 목업: 스토어를 뺀 어디서나 쓸모 있다알파를 포함해 목업을 내보내기, 투명이 도움이 되는 곳, 그리고 업로드가 거부되는 곳.
• 랜딩 페이지 히어로에서 목업 쓰기랜딩 페이지에서 목업 쓰기. 크기, 잘라내기, 정지 이미지냐 영상이냐, 그리고 페이지를 빠르게 유지하는 법.
• 소셜 플랫폼에 맞춰 제품 목업 크기 잡기X, LinkedIn, Instagram, Product Hunt를 위한 실용적인 비율과 잘림 사고를 막는 안전 영역.
• 기기 목업과 건너뛰기 쉬운 법적 쟁점마케팅에서 기기 이미지를 쓰는 실무 원칙. 상표, 사진 라이선스, 그리고 중립적인 기기가 위험이 낮은 이유.
• 화면 녹화를 스토어용 미리보기로 만들기전체 흐름. 기기나 시뮬레이터에서 깔끔하게 녹화하고, 다듬고, 목업에 올리고, 스토어용으로 내보내기.