쇼피파이 머천트 앱용 제품 사진 앱 아이콘 만들기
쇼피파이 머천트 앱의 앱 아이콘을 제품 사진으로 만들 때는 제품을 단순한 하나의 형태로 정리하고 깨끗한 배경에 놓을 때 가장 효과적입니다. 이 가이드에서는 알맞은 사진 고르기, 자르고 단순화하기, 모든 노출 위치에 맞는 크기 설정, 게시 전 점검까지 차례대로 설명합니다.
제품 사진이 좋은 출발점인 이유
머천트는 자신의 제품을 금방 알아보기 때문에, 판매하거나 판매를 돕는 제품 사진을 쓰면 앱이 친숙하게 느껴질 수 있습니다. 문제는 제품 사진이 대개 복잡하다는 점입니다. 그림자, 소품, 라이프스타일 배경, 60픽셀 너비에서는 사라지는 작은 디테일이 많습니다. 좋은 아이콘은 사진의 핵심만 남기고 알아보는 데 도움이 되지 않는 요소를 모두 뺍니다.
참고: 플랫폼 아이콘 규칙과 사이즈 요구 사항은 바뀔 수 있습니다. 아래 내용은 일반적인 관행을 바탕으로 하므로, 제출 전에 최신 Shopify App Store 등록 가이드라인과 Shopify Partner 문서를 확인하세요. 최신 정보와 다를 수 있습니다.
알맞은 제품 사진 고르기
모든 사진이 아이콘으로 쓰기 좋은 것은 아닙니다. 다음 조건을 확인하세요.
- 하나의 주요 피사체가 그 자체로 분명하게 보일 것.
- 깔끔한 가장자리가 있어 실루엣을 배경에서 쉽게 분리할 수 있을 것.
- 제품과 주변 사이에 뚜렷한 대비가 있을 것.
- 몇 가지 색으로 줄여도 알아볼 수 있는 단순한 형태일 것.
여러 제품이 함께 찍힌 사진, 가느다란 케이블이나 작은 글씨가 있는 제품, 비슷한 색 배경에 제품이 묻히는 사진은 피하세요.
사진 준비하기
무엇을 디자인하기 전에 원본을 준비합니다.
- 가장 고해상도 버전을 사용하세요. 작은 사진은 확대하면 흐려집니다.
- 배경을 제거해 제품만 남기거나, 단색 배경 위에 올려 두세요.
- 제품이 정사각형의 대부분을 채우도록 작은 여백만 남기고 바짝 자르세요.
- 작은 크기에서도 가장자리가 선명하도록 밝기와 대비를 조정하세요.
필요한 사이즈
아이콘은 여러 곳에서 서로 다른 크기로 보입니다. 작은 버전을 억지로 키우기보다는 하나의 마스터 파일에서 전체 세트를 만드세요.
| 용도 | 일반적인 크기 |
|---|---|
| 앱 등록 정보 및 스토어 미리보기 | 1024 x 1024 px |
| 관리자 화면 및 내비게이션 | 512 x 512 px, 192 x 192 px |
| 작은 UI 및 알림 | 64 x 64 px ~ 96 x 96 px |
마스터는 가장 큰 크기로 만들고 줄여 쓰세요. 둥근 모서리나 마스크가 제품을 잘라내지 않도록 정사각형 안쪽에 안전 여백을 두세요.
제품을 아이콘으로 단순화하기
제품 사진은 줄이는 과정을 거쳐야 아이콘이 됩니다.
- 색을 두세 가지로 줄이고 브랜드 팔레트에 맞추세요.
- 작은 크기에서 사라지는 질감과 그라데이션을 없애세요.
- 한눈에 형태가 읽히도록 실루엣을 약간 강조하세요.
- 흑백으로 테스트해 색이 없어도 제품이 돋보이는지 확인하세요.
제품이 병, 상자, 가방이라면 전체 컬러 사진보다 굵은 윤곽선과 강조색 하나가 더 잘 어울리는 경우가 많습니다.
Lyxvo AI에서 하는 방법
Lyxvo AI에는 앱 아이콘 생성기와 로고 작업 흐름이 있어, 시작 이미지로부터 완성된 세트를 만드는 데 도움을 줍니다.
- 앱 아이콘 생성기 또는 AI 로고 생성기를 엽니다.
- 준비한 제품 사진을 업로드하고 원하는 느낌을 설명합니다. 예를 들어 플랫한 아이콘, 브랜드 색 두 가지, 둥근 사각형 형태 등입니다.
- 생성된 옵션을 검토하고, 캔바 스타일 편집기로 텍스트, 색, 사진을 직접 조정합니다.
- 등록 정보와 앱 내에서 필요한 크기에 맞춰 실제 크기의 PNG로 내보냅니다.
아이콘 주변에 놓일 앱 화면은 앱 디자인용 Lyxvo 스튜디오에서 시작한 뒤, AI 앱 디자인으로 화면 초안을 만들 수 있습니다.
게시 전에 아이콘 점검하기
짧은 체크리스트로 확인하세요.
- [ ] 제품이 64px에서도 분명하게 읽히나요?
- [ ] 흑백에서도 작동하나요?
- [ ] 모서리 마스크에 잘리지 않도록 안전 여백이 있나요?
- [ ] 앱이 많은 스토어 격자에서 다른 앱과 구별되나요?
- [ ] 등록 정보와 스크린샷에 쓰는 브랜드 색과 맞나요?
흔한 실수
- 작은 크기에서 사라지는 라이프스타일 배경의 사진을 쓰는 것.
- 아이콘에서 읽을 수 없는 작은 글씨를 넣는 것.
- 작은 이미지를 1024px로 억지로 키워서 흐릿해지는 것.
- 밝은 배경과 어두운 배경 모두에서 테스트하는 것을 잊는 것.
등록 정보의 나머지 요소와 일관성 유지하기
아이콘이 완성되면 같은 색과 스타일을 스크린샷, 배너, 소셜 게시물에도 적용하세요. 소셜 미디어 게시물 생성기로 어울리는 홍보 이미지를 만들 수 있고, 작업 속도를 높이고 싶다면 무료 디자인 템플릿 라이브러리에서 시작 레이아웃을 찾을 수 있습니다.
요약
제품 사진으로 좋은 앱 아이콘을 만들려면 깔끔한 원본, 하나의 분명한 피사체, 단순화된 색, 하나의 마스터 파일에서 만든 전체 사이즈 세트가 필요합니다. 단계별로 만들고, 작은 크기에서 테스트하고, 등록 정보의 나머지 요소와 일관성을 유지하세요. 디자인 도구의 요금제와 한도는 가격 페이지에서 확인할 수 있습니다.
Lyxvo AI에서 해 보기
원하는 것을 자유롭게 설명하면 디자인 에이전트가 알맞은 흐름으로 시작합니다. 무료로 시작하세요.