iOS와 Android 앱 아이콘 만들기
명확한 심벌과 올바른 원본으로 시작해 리소스를 내보내고 기기에서 확인합니다. 첫 스케치부터 프로젝트 통합까지 설명합니다.
앱 아이콘이란?
홈 화면, 검색과 스토어에서 앱을 식별하는 마크입니다. 파비콘이나 전체 이름 로고와 달리 작은 크기에서도 구분되고 플랫폼 형태에 맞아야 합니다.
아이콘 디자인하기
벡터 도구나 단순한 그림으로 시작합니다. 장식보다 가독성을 먼저 봅니다.
초점 하나 선택
특징 있는 심벌이나 글자를 쓰고 축소할 때 사라지는 세부와 긴 텍스트를 제거하세요.
윤곽을 명확히
형태와 색상으로 배경과 구분하고 중요한 내용은 가장자리에서 떨어뜨립니다.
실제 크기 미리보기
홈 화면 크기와 밝고 어두운 배경에서 확인한 뒤 원본을 조정하세요.
시작할 심벌이 필요한가요? 앱 로고 메이커 보기
디자인 소프트웨어 없이 시작
완성된 원본이 없으면 브라우저에서 편집 가능한 독자 템플릿을 씁니다. 아래와 같은 미리보기 및 내보내기 공간을 이용합니다.
템플릿 선택
Orbit, Stack, Signal은 앱에 맞게 수정할 수 있는 독자적인 비독점 SVG 원본입니다.
이니셜과 색 바꾸기
한두 영문자나 숫자, 배경과 강조색을 정하고 작은 크기의 대비를 유지하세요.
내보내기 전 확인
템플릿을 열고 플랫폼, 마스크와 작은 표시를 본 뒤 ZIP을 다운로드합니다.
플랫폼별 원본 준비
iOS: 불투명 정사각형
전체 배경의 1024 × 1024 px PNG를 준비하고 외곽 모서리는 둥글게 하지 마세요. iOS 출력은 Xcode용 AppIcon.appiconset에 이미지를 넣습니다.
iOS 가이드 보기Android: 전경과 배경
적응형 아이콘은 별도 108 × 108 dp 레이어를 씁니다. 심벌은 중앙 66 × 66 dp에 둡니다. 투명 전경은 색이나 이미지 배경을 따로 고르기 쉽습니다.
Android 적응형 가이드 보기생성기로 아이콘 제작
원본 준비 후 아래 공간을 이용하세요. 공통 그림에서 iOS 카탈로그와 Android 런처 리소스를 만들 수 있습니다.
원본 내보내기
선명한 1024 × 1024 px PNG를 저장하세요. 투명한 Android 전경은 배경 분리에 도움이 됩니다.
업로드 및 플랫폼 선택
파일을 넣고 iOS, Android 또는 둘 다 켜세요.
미리보기 확인
Android 배경과 전경 배율을 정하고 중요한 그림이 안전 영역 안인지 확인합니다.
ZIP 다운로드
iOS AppIcon.appiconset과 Android res/mipmap이 든 리소스를 내보냅니다.