2023. 7. 31. 18:00ㆍProduct 디자인
스토어 스크린샷이란? 스토어에서 보이는 앱 미리보기 화면이며 아래와 같다.
스토어에 검색시 들어가면 나오는 미리보기 화면이자 목업을 이용해서 디자이너들이 만드는 화면
개발자가 스토어 미리보기 이미지 주세요 하면 이렇게 아래와 같이 사이즈별로 전달해주면 된다!
위 이미지처럼 AOS는 상단 그래픽 이미지, 16:9 사이즈,
iOS는 3개의 사이즈, 아이패드는 1개의 사이즈로 작업을 했고 전달했으며 이상없이 잘~~ 나왔다
왼쪽은 AOS 마켓 상단 그래픽 이미지 1024x500이고 보통 여기엔 반 짤린 목업과 서비스 로고, 슬로건을 넣는다.
또한 미리보기는 16:9 비율로 작업하면 되는데 여기서 팁을 풀자면 iOS사이즈와 동일하게 1242x2208 사이즈로 작업하면 두개의 OS 대응 가능하다!
하지만 작업시 목업에 대해 필수로 확인해야하는 부분이 있는데
iOS 미리보기에 AOS 상태표시줄이 있으면? 심사 거절
이와 반대도 마찬가지.
특히 iOS심사는 좀 까다롭다
AOS도 점점 그렇게 되어가고 있다는데..
아래는 각 OS별 미리보기 요구사항이며 가볍게 읽어보는거 추천!
iOS의 경우 앱 미리보기 사이즈가 엄청 많은데 그 중에서 몇가지 사이즈만 추려서 업로드 했던 경험이 있기에
모든 미리보기 사이즈를 필수적으로 전부 만들 필요는 없다.
'Product 디자인' 카테고리의 다른 글
| [피그마] 왕초보 오토레이아웃(Auto layout)으로 리스트(list) 만들기 (0) | 2023.08.17 |
|---|---|
| [피그마] 왕초보 오토레이아웃(Auto layout)으로 Button 만들기 (0) | 2023.08.01 |
| [피그마] 배리어블(Variable) 기능으로 라이트/다크모드 스위칭하기 (0) | 2023.07.12 |
| [디자인 시스템/스타일 가이드] tooltip에 대해서 (0) | 2023.05.24 |
| [디자인 시스템/스타일 가이드] tabs UI에 대해서 (0) | 2023.05.23 |