오늘은 App icons의 Platform considerations를 읽어보도록 하자.(4)
- tvOS 앱 아이콘은 사용자들이 초점을 맞출 때 깊이감과 활력감을 만들어주기 위해서 2개에서 5개 사이의 레이어를 사용합니다.
- 개발자 가이드, Layered images를 참고하세요.
- 적절하게 레이어 분리를 사용하세요.
- 만약 아이콘에 로고가 포함된다면, 배경으로부터 로고를 분리하세요.
- 만약 아이콘에 텍스트가 포함된다면, 관점의 차이에 의한 효과가 일어날 때 다른 레이어에 의해 숨겨지지 않도록 하기 위해 텍스트를 앞으로 가져오세요.
- 그라데이션과 그림자는 주의하여 사용하세요.
- 배경 그라데이션과 비네트는 관점의 차이에 의한 효과와 충돌할 수 있습니다.
- 그라데이션의 경우, 위에서 아래로, 밝다가 어두워지는 스타일을 선호합니다.
- 그림자는 일반적으로 배경 레이어 위에 나타나고 동시에 앱 아이콘이 정지해있을 때는 보이지 않는 날카롭고, 모서리가 단단한 색조로 가장 잘보입니다.
tvOS 앱 아이콘은 여러 레이어를 사용합니다.
따라서 이를 적절하게 분리하는 것은 중요하며, 배경과 로고, 텍스트 등을 나누어 관점의 차이에 의해 부작용이 생기지 않도록 분리된 레이어의 배치 순서에 주의해야합니다.
관점의 차이에 의한 부작용은 그라데이션이나 그림자에서도 나타날 수 있기 때문에 사용할 때 주의가 필요합니다.
애플의 플랫폼중 tvOS를 이용해본 경험이 가장 적어서 그런지 이해가 어려운 부분이 많았다.
vignettes라는 용어도 처음 들어봤고, 그림자에 대한 설명도 쉽게 이해되지 않았다. 혹시 알고있다면 댓글로 부탁한다.
이번 포스팅의 이미지 중에는 gif가 있는데, 화면을 캡쳐해서 붙여넣는 방식으로 작성된 포스팅이라 담지 못했다. 자세히 보고싶다면 여기에서 참고 바란다.