HIG Reading Series | Foundations - App icons(2)

최승용·2022년 9월 2일
1

HIG Reading Series

목록 보기
22/46
post-thumbnail

Content

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

Best practice

최고의 경험

  • 단순하게 받아들이세요.
  • 간단한 아이콘은 사람들이 이해하고 인식하기 더 쉬운 경향이 있습니다.
  • 당신의 앱 또는 게임의 본질을 포착하는 컨셉 또는 요소를 찾고, 그걸 아이콘의 집중 포인트로 만들고, 그리고 그것을 단순하고 독특한 방식으로 표현하세요.
  • 너무 많은 디테일을 추가하기를 피하세요, 왜냐하면 특히나 작은 크기에서는 알아보기도 어렵고 아이콘을 흐릿해 보이게 만들 수도 있기 때문입니다.
  • 주요한 이미지에 강조를 줄 수 있는 간단한 배경을 선호하세요.
  • 전체 아이콘으로 컨텐츠를 가득 채울 필요가 없습니다.

  • 여러 플랫폼에서 잘 작동하게 디자인하여 각각에서 편안함을 느끼도록 만드세요.
  • 만약 앱 또는 게임이 하나 이상의 플랫폼에서 실행된다면, 각각의 플랫폼에 적합한 스타일로 랜더링하면서 모든 아이콘에 대해 유사한 이미지와 색상 팔레트를 사용하세요.
  • 예를 들어, iOS와 watchOS에서 Mail 앱 아이콘은 파란 배경에 흰색 봉투를 묘사하기 위해서 유선형의 그래픽 스타일을 사용합니다;
  • macOS에서는 유사하게 파란 배경을 사용하지만, 봉투에 깊이와 디테일을 추가하여, 사실적인 무게와 질감을 줍니다.

Summary

아이콘은 간단한 배경과 앱의 핵심을 나타내는 포인트를 살려 단순하게 만드는 것이 좋습니다.
여러 플랫폼에서 사용되는 앱의 경우 플랫폼마다 특징을 고려해 적절한 스타일로 랜더링해야 하지만, 통일성이 유지되는 선을 지키는 것이 사용자에게 편안한 인식을 주어 사용자 경험을 높일 수 있습니다.

Review

iOS와 watchOS에 비해 macOS는 화면과 아이콘의 크기가 크다.
때문에 예시에서처럼 색과 전체적인 핵심은 유지하더라도 질감 표현 등을 하여, 사용자에게 어색함을 주지 않게 만든다.
만약 macOS에서 iOS와 같은 아이콘을 크기만 다르게 사용한다면, 사용자들은 최고의 경험을 하지 못할 것이다.
또한 반대로 macOS에서 화면과 아이콘의 크기가 크다는 것만 생각해 디테일을 너무 많이 추가하거나 아이콘의 색 등을 변경한다면, 사용자들은 iOS에서 사용하던 앱과 같은 앱이라고 인식하지 못할 수 있다.


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

0개의 댓글