HIG Reading Series | Foundations - App icons(9)

최승용·2022년 9월 23일
1

HIG Reading Series

목록 보기
29/46
post-thumbnail

Content

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

Platform considerations

tvOS

  • tvOS 앱 아이콘은 사용자들이 초점을 맞출 때 깊이감과 활력감을 만들어주기 위해서 2개에서 5개 사이의 레이어를 사용합니다.
  • 개발자 가이드, Layered images를 참고하세요.

  • 적절하게 레이어 분리를 사용하세요.
  • 만약 아이콘에 로고가 포함된다면, 배경으로부터 로고를 분리하세요.
  • 만약 아이콘에 텍스트가 포함된다면, 관점의 차이에 의한 효과가 일어날 때 다른 레이어에 의해 숨겨지지 않도록 하기 위해 텍스트를 앞으로 가져오세요.

  • 그라데이션과 그림자는 주의하여 사용하세요.
  • 배경 그라데이션과 비네트는 관점의 차이에 의한 효과와 충돌할 수 있습니다.
  • 그라데이션의 경우, 위에서 아래로, 밝다가 어두워지는 스타일을 선호합니다.
  • 그림자는 일반적으로 배경 레이어 위에 나타나고 동시에 앱 아이콘이 정지해있을 때는 보이지 않는 날카롭고, 모서리가 단단한 색조로 가장 잘보입니다.

Summary

tvOS 앱 아이콘은 여러 레이어를 사용합니다.
따라서 이를 적절하게 분리하는 것은 중요하며, 배경과 로고, 텍스트 등을 나누어 관점의 차이에 의해 부작용이 생기지 않도록 분리된 레이어의 배치 순서에 주의해야합니다.
관점의 차이에 의한 부작용은 그라데이션이나 그림자에서도 나타날 수 있기 때문에 사용할 때 주의가 필요합니다.

Review

애플의 플랫폼중 tvOS를 이용해본 경험이 가장 적어서 그런지 이해가 어려운 부분이 많았다.
vignettes라는 용어도 처음 들어봤고, 그림자에 대한 설명도 쉽게 이해되지 않았다. 혹시 알고있다면 댓글로 부탁한다.
이번 포스팅의 이미지 중에는 gif가 있는데, 화면을 캡쳐해서 붙여넣는 방식으로 작성된 포스팅이라 담지 못했다. 자세히 보고싶다면 여기에서 참고 바란다.


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

0개의 댓글