Content

오늘은 App icons의 Platform considerations를 읽어보도록 하자.

Platform considerations

iOS, iPadOS

• Settings 아이콘에 덮어쓰거나 테두리를 추가하지 마세요.
• iOS는 Settings의 흰색 배경에 잘 어울리게 보이기 위해 자동으로 모든 아이콘에 1-픽셀 테두리를 추가합니다.

macOS

• macOS에서, 앱 아이콘은 둥근 직사각형 모양, 정면에서 바라보는 관점, 레벨 포지션, 그리고 일정한 그림자 효과를 포함하는, 시각적인 특징의 공통 집단을 공유합니다.
• macOS 디자인 언어에 뿌리를 둔, 이 특징들은 조화로운 사용자 경험을 제공하면서 동시에 사람들이 macOS에 기대하는 실제와 같은 렌더링 스타일을 보여줍니다.

• 사용자들이 당신의 앱을 사용해 무엇을 하는지를 의사소통하기 위해 친숙한 도구를 묘사하는 것을 고려하세요.
• 앱의 목적에 맞는 컨텍스트를 제공하기 위해서, 아이콘 배경을 사용하여 도구의 환경 또는 영향을 끼치는 항목들을 묘사할 수 있습니다.
• 예를 들어, TextEdit 아이콘은 실용적인 쓰기 경험을 제안하기 위해서 샤프펜슬과 줄이 그어져있는 종이를 짝지어놓습니다.
• 도구의 사실적이고 상세한 이미지를 만든 이후에, 배경 바로 위로 경계를 약간 지나도록 확장하면 종종 잘 작동하는 경우가 있습니다.
• 만약 이렇게 하려면, 도구가 배경과 시각적으로 통일되어있어야 하고 둥근 직사각형 모양을 압도해서는 안됩니다.

Summary

iOS와 iPadOS의 경우 흰색 배경에 잘 어울리게 보이는 1-픽셀 테두리를 자동으로 추가해주기 때문에, 아이콘 자체적으로 테두리를 추가하지 않는 것이 좋습니다.
macOS의 경우 사용자들이 기대하는 스타일로 렌더링 하여 조화로운 사용자 경험을 제공하기 위해 다양한 시각적인 특징들을 공통적으로 공유합니다.
사용자들이 앱을 통해 어떤 일을 하는지 직관적으로 나타낼 수 있는 친숙한 도구를 아이콘에 묘사하는 것을 고려한다면, 그리고 도구의 크기를 배경 크기보다 약간 크게 확장시켜 배경 위로 올려 묘사한다면 더 효과적일 수 있습니다.

Review

몇몇 경우 Platform considerations에는 "No additional considerations for iOS, iPadOS, macOS, tvOS, or watchOS."라는 문구만 적혀있다.

• iOS, iPadOS, macOS, tvOS 또는 watchOS를 위해 추가적으로 고려해야 하는 사항이 없습니다.

하지만 App icons와 같이 플랫폼마다의 특징이 중요한 주제에서는 해당 포스팅처럼 Platform considerations에 많은, 그리고 중요한 내용들이 담긴다.
앞으로도 자주 등장할텐데 앱 또는 게임을 설계하고 만들 때 플랫폼별로 어떤 특징을 고려해야하는지 주의깊게 살펴봐야겠다.

---

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