디바이스 미리보기
실제 맥락에서 아이콘이 어떻게 보이는지 보여 줍니다. 가독성, 정렬, 배경 충돌을 내보내기 전에 잡습니다.
목업
세 모드:
- iPhone — 배경화면이 있는 홈 화면 그리드.
- MacBook — macOS Dock과 Launchpad.
- Web — 브라우저 탭 favicon과 Apple touch icon.
전환
- 메인 캔버스에서 편집.
- 미리보기 위/옆의 기기 아이콘을 클릭.
- 목업이 바로 갱신됩니다.
확인할 것
iPhone
- 작은 크기에서도 알아보는가.
- 전경과 배경 대비.
- 주변 앱 아이콘과 패딩이 맞는가.
MacBook
- Dock에서 괜찮은가.
- 메뉴 막대나 Finder 크기까지 줄여도 읽히는가.
- Squircle / 모서리가 macOS에 맞는가.
Web
- 16×16 px favicon이 아직 선명한가.
- 홈 화면 Apple touch icon이 묻히지 않는가.
- 탭에서 투명 배경이 깨지지 않는가.
비파괴
목업은 참고용입니다. 내보낸 파일은 기기 프레임 없는 원본 아이콘입니다.
팁
- iPhone 목업에서 밝은 배경과 어두운 배경 모두.
- 투명 배경이면 Web 미리보기에서 흰 페이지가 아닌 곳도 확인.
- 내보내기 전에 캔버스를 확대해 작은 크기 선명도를 봅니다.
마지막 업데이트