HIG_기본사항 4. 색상

AN JUHYUN·2025년 2월 1일

색상은 브랜드를 드러내고, 시각적 일관성을 제공하고, 정보를 이해하도록 돕는 좋은 수단이다.

모범 사례

  1. 앱은 색상을 절제
  2. 동일한 색으로 다른 항목을 사용하지 않도록
  3. 라이트모드와 다크모드 모두 고려
  4. 주변환경을 고려한 색 테스트
  5. 다양한 기기에서 앱 테스트
  6. 아트워크와 반투명의 영향을 고려
  7. 시스템 제공 색상 제어기를 사용

포용적 색상

모든 사람에게 색상을 통해 전하는 정보를 동일하게 이해하도록 하는 색상 체계

  1. 색상에만 의존하는 식별은 금지
  2. 대비를 충분히 사용
  3. 색상의 문화적 인식을 고려

시스템 색상

시스템의 동적 색상목적에 의해서 재정의 됨.
배경색, 전경색, 구분선 색상등으로 분류가 정해진 색상체계를 하나씩 복제하거나 재정의하는 것은 시스템 색상체계를 해칠 수 있음. 또한 동적 색상은 자동으로 라이트 모드와 다크 모드에 따라 자동으로 적용되므로 하나의 단일값을 바꾸는 것이 전체의 일관성을 해칠 수 있음.

  1. 하드코딩 금지, 색상 API사용
  2. 동적 색상은 복제금지
  3. 동적 색상 재정의 금지

색상 관리


일반적인 색상 공간(전체 색영역이라고도 함)은 sRGB와 Display P3

  1. 이미지에 색상 프로필 적용
  2. 호환 가능한 경우 시각적 경험을 향상하도록 와이드 컬러를 사용
  3. 필요할 경우 색상 공간별 이미지와 색상 변형을 제공
profile
frontend developer

0개의 댓글