iOS 응용 (SwiftUI)
[iOS - SwiftUI] 앱 아이콘과 리퀴드글래스 (#Icon Composer, foreground layer, background layer, .icon)
jake-kim
2026. 1. 7. 01:36
변경된 앱 아이콘 컨셉
- 예전에는 맥북, 아이폰, 애플워치 마다 같은 성격의 설정 앱이라도 이미지가 미세하게 달랐었음
- 하지만 이제는 매우 심플하게 처리
- 맥북, 아이폰: 네모난 배경
- 애플워치: 동그란 배경
- 이렇게 처리하게된 배경에는 `foreground layer`, `background layer`, `.icon`과 관련된 개념이 생겨나서 부터 확립
Icon Composer (layer와 .icon)
- 애플에서는 앱 아이콘을 정의할때 layer(*층)라는 것을 두어서 이것을 사용하여 앱 아이콘을 표현함
- 층을 두어서 입체적으로 표현하려는것이 목적
- 층(layer)들을 합쳐놓은(Composer)것을 Icon Composer라고 지칭
- 이 개념에 의해, 이제 여러가지의 앱 아이콘 제작이 없이, 단순히 각 layer를 표현하는 이미지만 애셋에 등록하는 형태
Icon Composer 적용방법
- 애플 developer 사이트 > 다운로드 > Icon Composer 검색
- 아래 파일 설치
- 오픈
- layer를 쌓으려면 좌측하단 > 플러스 버튼을 눌러서 group 이나 image 추가
(이미지 추가 하면 위에 layer처럼 쌓임)
* 용어 참고 (https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer)
- 저장 (cmd + s)
- 이 파일을 Xcode 프로젝트 폴더에다가 드래그 앤 드롭
- 주의) Assets 폴더 안에 넣는것이 아닌 그 밖에다 배치해야함
- Xcode > Target > App Icon에 "myIcon" 입력하고 App Icons sources에 체크하면 완료
- 변경된 것 확인 완료
* 참고