HIG Reading Series | Foundations - Color(10)

최승용·2022년 12월 4일
1

HIG Reading Series

목록 보기
45/46
post-thumbnail

Content

오늘은 Color의 Platform considerations를 읽어보도록 하자.(3)

Platform considerations

tvOS

  • 앱 로고와 조화를 이루는 제한된 색 팔레트를 선택하는 것을 고려하세요.
  • 색의 미묘한 사용은 컨텐츠를 지연하는 동안에 브랜드를 전달하는 데 도움이 될 수 있습니다.

  • 초점을 나타내기 위해서 오직 색만을 사용하는 것을 피하세요.
  • 미묘한 스케일링과 반응하는 애니메이션은 요소에 초점이 잡혔을 때 상호 작용을 나타내는 주요한 방법입니다.

watchOS

  • 앱의 배경색으로 순수한 검은색을 사용하세요.
  • 순수한 검은색(즉, #000000 hex)은 Apple Watch 베젤과 완벽하게 섞이고 엣지가 없는 화면처럼 보이게 만듭니다.

  • 사용자들이 full color 대신에 tinted mode를 사용하는 그래픽 문제를 더 선호할 수 있다는 것을 인지하세요.
  • 시스템은 그래픽 문제의 이미지, 게이지, 그리고 텍스트에서 착용자가 선택한 색상에 기반한 한 가지 색을 사용할 수 있습니다.
  • 개발자 가이드, Complications를 참고하세요.

Summary

tvOS에서 앱 로고와 조화를 이루는 색을 사용하여 지연 시간 동안에도 사용자들에게 앱과 브랜드에 대한 정보를 전달할 수 있습니다.
또한 초점을 나타내기 위해서 색만을 사용하는 방법을 피하고, 약간의 스케일링과 반응하는 애니메이션 등 주요한 방법들을 통해 초점이 잡혔을 때 상호작용을 나타내세요.
watchOS에서 앱의 배경으로 순수한 검은색을 사용한다면, 베젤과 완벽하게 같아지기 때문에 엣지가 없는 화면처럼 보일 수 있습니다.
Apple Watch는 착용자가 선택한 강조 색상에 기반하여 그래픽 문제를 나타냅니다.

Review

Color의 내용을 읽으면서, 색은 의사소통에서 중요한 부분을 차지하지만, 전부를 차지해서는 안된다는 점이 가장 크게 다가왔다.
모든 사용자에게, 항상 일관된, 예측 가능한 경험을 위해서 이러한 부분을 잊지 않고 가져가겠다.
참고로 본 문서의 제일 마지막에는 Specifications 있지만 해당 포스팅에선 생략되어있다. 자세히 알고싶다면 여기를 참고하면 된다.


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

0개의 댓글