HIG Reading Series | Foundations - App icons(4)

최승용·2022년 9월 7일
1

HIG Reading Series

목록 보기
24/46
post-thumbnail

Content

오늘은 App icons의 Best practice를 읽어보도록 하자.(3)

Best practice

  • 필요하다면, Spotlight 검색 결과, Settings, 그리고 알림과 같은 위치에 시스템이 표시하는 특정 크기에 맞게 아이콘을 최적화하세요.
  • iOS, iPadOS, 그리고 watchOS의 경우, Xcode에게 1024x1024 px App Store 아이콘을 통해 모든 크기를 생성하도록 지시할 수 있으며, 또는 몇몇 아니면 모든 개별 아이콘 크기를 제공할 수도 있습니다.
  • macOS와 tvOS의 경우, 모든 사이즈를 제공해야할 필요가 있습니다.
  • 만약 시스템이 만들어준 앱 아이콘의 버전을 포기하고 대신 개인 아이콘을 만들기를 원한다면, 아이콘 크기가 작아질 때에도 선명하게 유지하세요.
  • 예를 들어, 디테일과 불필요한 특징들을 제거하여, 이미지를 단순하게 하고 기본 특징을 과장할 수 있습니다.
  • 일반적으로, 앱 아이콘이 모든 상황에서 시각적으로 일관성을 유지하도록 미세한 변화를 만드는 것이 제일 좋습니다.

  • 512x512 px Safari 앱 아이콘(왼쪽)은 원의 눈금 표시를 사용하여 각도를 나타내지만; 16x16 px 버전 아이콘(오른쪽)은 이 디테일이 포함되지 않습니다.

  • 꽉찬 사각형 이미지로 아이콘을 설계하세요.
  • 대부분의 플랫폼에서, 시스템은 플랫폼의 심미성에 맞게 아이콘 모서리를 자동으로 조정하는 틀을 적용합니다.
  • 예를 들어, watchOS는 자동으로 원형 틀을 적용합니다.
  • 예외는 macOS입니다: 비록 시스템이 Mac Catalyst로 만든 앱의 아이콘에 둥근 직사각형 모양을 적용하지만, 당신은 올바른 모양으로 macOS 앱 아이콘을 만들 필요가 있습니다.
  • 각 플랫폼에 맞는 앱 아이콘을 만들기 위해 도움을 주는 다운로드 가능한 프로덕션 템플릿 Apple Design Resource를 참고하세요.

Summary

iOS, iPadOS, watchOS의 경우 1024x1024 px 아이콘 하나를 통해 크기가 조절된 모든 아이콘이 생성되지만, 다른 플랫폼이나 또는 개인 아이콘을 따로 만들기를 희망한다면 시각적인 일관성은 유지하면서 미세한 변화를 만들고, 크기에 상관없이 선명하게 만들어야 합니다.
macOS를 제외하고 시스템이 자동으로 플랫폼에 맞게 모서리를 조정해주기 때문에, 아이콘은 기본적으로 꽉찬 사각형 이미지로 만들어야 합니다.

Review

전체적으로 App icons는 플랫폼에 마다 특징과 크기에 맞게 상황이 다르지만, 앱 아이콘은 모든 상황에서 시각적으로 일관성을 유지해야 한다는 점이 핵심인데, 이 부분이 애플에서 말하는 모든 사용자에게 제공 해야하는 최고의 경험의 일부라고 생각한다.
차이가 있는 서로 다른 모든 사용자에게도 동일하지만, 개인에게 상황이 달라졌을 때에도 애플의 앱은 동일한 경험을 할 수 있을 것 같다는 확신과 믿음이 든다.


  • 번역은 개인적인 능력에 추가로 papago의 도움을 받았다.
    의미가 틀린다거나하는 중대한 문제에 대한 지적은 감사히 받고 수정하겠지만 (영어 공부가 목적이 아니기 때문에) 약간의 실수는 넘어가주길 바란다.
profile
안녕하세요. 최승용입니다.

0개의 댓글