Content

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

Platform considerations

tvOS

• 깊이감과 생동감 증가를 위해 다양한 불투명도 수준을 활용하세요.
• 불투명도의 창의적인 사용은 아이콘을 특별하게 만들 수 있습니다.
• 예를 들어, Photos 아이콘은 디자인에서 더 큰 생동감을 가져오기 위해 반투명 조각을 포함한 여러 레이어들로 중앙 조각을 분리합니다.

• Home Screen 아이콘이 안전-영역 설계를 준수하는지 확인하세요.
• 포커스와 관점을 맞추는 동안에, 시스템은 아이콘의 크기와 움직임에 따라서 가장자리 주변의 컨텐츠를 자를 수도 있습니다.
• 아이콘의 컨텐츠가 너무 딱맞게 잘리지 않게 보장하고 싶다면, Specifications > tvOS에서 보여주는 몇몇 추가적인 공간을 허용하세요.

watchOS

• watchOS 앱 아이콘은 원형이고 함께 제공되는 텍스트는 표시하지 않습니다.

• 아이콘에 검은 배경을 사용하는 것을 피하세요.
• 디스플레이의 배경에 섞이지 않도록 검은 배경을 밝게 하거나 또는 테두리를 추가하세요.

Summary

불투명도를 사용하면 아이콘을 깊이감있고 더 생동감 있게 만들 수 있습니다.
시스템이 아이콘의 가장자리 주변 일부를 자를 수 있기 때문에 안전-영역 설계를 준부하는지 확인할 필요가 있습니다.
watchOS의 앱 아이콘은 원형이며 텍스트가 표시되지 않습니다.
또한 디스플레이의 배경이 검은색이기 때문에 아이콘의 배경을 밝게 하거나 테두리를 추가하여 구분하는 것이 좋습니다.

Review

tvOS의 앱 아이콘에 대해 익숙하지 않다보니 읽는데 시간도 오래 걸리고 단어의 의미가 맥락상 맞는지도 정확하게 파악하지 못해 번역이 이상하게 느껴졌다.
watchOS 말고도 다른 플랫폼에서 다크모드를 평소 켜놓는 편이라 watchOS도 자연스럽게 느꼈는데, 이번 포스팅을 하면서 watchOS는 다크모드를 킨 게 아니고 원래 디스플레이의 배경이 검은색이라는 걸 깨달았다.
새로운 내용을 알게되는 점도 좋지만 이질감을 느끼지 못했던 내용도 HIG를 읽으면서 다시 한 번 바라보게 되는 점이 좋은 것 같다.

---

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