HIG 문서 공부하기 - App icons(1)

PM/iOS Developer KimKU·2023년 6월 9일
0

독특하고 기억에 남는 아이콘은 앱 스토어와 기기에서 한눈에 앱이나 게임을 인식할 수 있도록 도와주며, 경험의 목적과 개성을 전달합니다.

아름다운 앱 아이콘은 모든 애플 플랫폼에서 사용자 경험의 중요한 부분이며, 모든 앱과 게임은 반드시 하나의 아이콘을 가져야 합니다. 각 플랫폼에서 앱 아이콘을 위해 다소 다른 스타일을 정의하므로, 강력한 시각적 일관성과 메시지를 유지하면서 다양한 모양과 세부 수준에 적응하는 디자인을 만들어야 합니다. 각 플랫폼에 대한 아이콘을 만들 수 있도록 도와주는 템플릿을 다운로드하려면 애플 디자인 리소스를 참조하세요. 다른 종류의 아이콘을 만드는 방법에 대한 안내는 아이콘을 참조하세요.

Best practices

단순함을 수용하세요. 간단한 아이콘은 사람들이 이해하고 인식하기 쉬워집니다. 앱이나 게임의 본질을 포착하는 개념 또는 요소를 찾아서, 아이콘의 초점을 만들고 간단하고 독특한 방식으로 표현하세요. 세부 정보를 너무 많이 추가하지 마세요. 작은 크기에서는 알아보기 어렵고, 아이콘을 흐릿하게 만들 수 있습니다. 주요 이미지에 초점을 맞춘 간단한 배경을 선호하세요. 전체 아이콘을 채울 필요는 없습니다.

여러 플랫폼에서 잘 작동하는 디자인을 만들어주세요. 앱이나 게임이 여러 플랫폼에서 실행되는 경우, 모든 아이콘에 유사한 이미지와 색상 팔레트를 사용하면서 각 플랫폼에 적합한 스타일로 렌더링하세요. 예를 들어, iOS 및 watchOS에서 메일 앱 아이콘은 파란 배경의 하얀 봉투를 그래픽 스타일로 간결하게 나타내고 있습니다. macOS는 비슷한 파란 배경을 사용하며 봉투에 깊이와 세부 사항을 추가하여 현실적인 무게와 질감을 부여합니다.

경험 또는 브랜드의 필수 부분인 경우에만 텍스트를 포함하세요. 아이콘의 텍스트는 자주 읽기 어려울 정도로 작을 수 있으며, 아이콘을 혼란스럽게 만들고 접근성이나 로컬라이제이션을 지원하지 않습니다. 일부 상황에서는 앱 이름이 아이콘 근처에 나타나므로 이름을 표시하는 것은 중복될 수 있습니다. 앱 이름의 첫 글자와 같은 기억기호를 사용하여 앱이나 게임을 인식하는 것이 도움이 될 수 있지만, "보기" 또는 "재생"과 같이 비필수 단어를 포함하지 마세요.

사진 대신 그래픽 이미지를 선호하고 아이콘에서 UI 구성 요소를 복제하지 마세요. 사진은 작은 크기에서 볼 때 잘 동작하지 않는 세부 정보가 많습니다. 사진 대신 원하는 기능을 강조하는 콘텐츠의 그래픽 표현을 만드세요. 또한, 앱에 인식 가능한 인터페이스가 있다면 표준 UI 구성 요소를 복제하거나 앱 스크린샷을 사용하지 마세요.

필요한 경우 시스템이 Spotlight 검색 결과, 설정 및 알림과 같은 위치에서 표시하는 특정 크기에 대해 아이콘을 최적화하세요. iOS, iPadOS 및 watchOS의 경우 Xcode에게 1024x1024 픽셀 앱 스토어 아이콘에서 모든 크기를 생성하도록 지시할 수 있거나 일부 또는 모든 개별 아이콘 크기에 대한 에셋을 제공할 수 있습니다. macOS 및 tvOS의 경우 모든 크기를 제공해야 합니다. 시스템에서 생성된 앱 아이콘의 버전을 사용하지 않고 직접 만들려면 이미지가 작아짐에 따라 여전히 명확하게 유지되도록 해야 합니다. 예를 들어, 세부 정보와 불필요한 기능을 제거하여 이미지를 단순화하고 주요 기능을 과장하면서 아이콘이 모든 컨텍스트에서 시각적으로 일관되게 유지되도록 해야 합니다.

아이콘을 전체 배경으로 된 정사각형 이미지로 디자인하세요. 대부분의 플랫폼에서는 시스템이 아이콘 모서리를 플랫폼의 디자인에 맞게 자동으로 조정하는 마스크를 적용합니다. 예를 들어, watchOS는 자동으로 원형 마스크를 적용합니다. macOS는 예외입니다: Mac Catalyst로 생성된 앱의 아이콘에 대해 시스템이 둥근 직사각형 모양을 적용하지만, macOS 앱 아이콘은 올바른 모양으로 생성해야 합니다. 각 플랫폼별 앱 아이콘을 만드는 데 도움이 되는 다운로드 가능한 제작용 템플릿은 애플 디자인 리소스에서 확인할 수 있습니다.

대체 앱 아이콘 제공을 고려하세요. iOS, iPadOS 및 tvOS에서는 사용자가 앱 또는 게임의 대체 버전의 아이콘을 선택할 수 있으며, 이는 앱 또는 게임과의 관련성을 강화하고 사용자 경험을 향상시킬 수 있습니다. 예를 들어, 스포츠 앱은 각 팀에 대해 다른 아이콘을 제공할 수 있습니다. 디자인하는 각 대체 앱 아이콘은 콘텐츠 및 경험과 밀접한 관련이 있도록 하고, 사용자가 다른 앱의 아이콘으로 오해할 수 있는 버전을 만드는 것은 피해야 합니다. 사용자가 대체 아이콘으로 전환하려면 앱 설정을 방문하면 됩니다.

참고
기본 앱 아이콘과 마찬가지로, 대체 앱 아이콘도 앱 검토의 대상이 되며 App Store Review Guidelines를 준수해야 합니다.

애플 하드웨어 제품의 복제를 사용하지 마세요. 애플 제품은 저작권이 있으며, 앱 아이콘에서 재현할 수 없습니다.

profile
With passion and honesty

0개의 댓글