색은 같은 사물이라도 다르게 보이게 하는 신기한 요소라고 생각하고 있다. 최근 퍼스널 컬러와 같이 다양한 서비스를 통해 본인에게 잘 맞는 컬러를 찾아 패션에 영향을 주기도 하였고 집의 분위기 전환을 위해 벽지의 색을 바꿔보기도 한다. 앱에서도 색상은 엄청나게 중요하지 않은 부가적인 요소라고 생각할 수있지다. 하지만 색상은 잘만 사용하면 커뮤니케이션을 강화하고 브랜드를 연상시키기도 한다. 예를 들면 우리나라의 경우 노란색을 생각하면 여러 가지가 있지만 카카오톡이 있을 수도 있고, 초록색을 생각해 보면 네이버가 있듯이 사람들이 정보를 이해하는 데 도움이 될 수 있는 중요한 요소이다. 그래서 HIG가 권고하는 색상에 관련된 모범 사례를 읽어 보면 정리를 해보았다.
개발을 하다보면 시스템 컬러를 많이 사용하곤 하는데 이는 장치에서 집처럼 편안한 경험을 할 수 있는 편리한 방법이라고 한다. 시스템 컬러 말고도 앱이나 게임의 시각적 경험을 향상하고 고유한 개성을 표현할 수도 있다. 어떤 것을 사용하더라도 관계없이 사람들이 좋아하는 방식으로 색상을 사용하는데 도움이 될 수 있을 것이라고 생각한다.
1. Best practices
- 게임이 아닌 앱에서는 색상을 많이 사용하지 마세요.
- 일반적인 앱에서 색상을 과다하게 사용해버리면 주의가 산만해진다. 또한 의사소통에 방해가 될 수도 있다.
- 다른 것을 의미하기 위해 동일한 색상을 사용하지 마세요.
- 상태나 상호 작용과 같은 정보를 전달하는 데 도움이 되는 경우 인터페이스 전체에서 색상을 일관되게 사용하십시오.
- 밝은 모드와 어두운 모드 모두에서 앱의 색상이 정상적으로 작동하는지 확인 하세요.
- 시스템 컬러는 자동으로 두 가지 모드를 자동으로 지원해 준다.
- 디스플레이가 다른 기기에서 앱을 테스트하세요.
- iPhone, iPad 및 맥 모델에서 사용할 수 있는 디스플레이는 서로 주변광 센서를 사용하여 자동으로 화이트 포인트를 자동으로 조정하기 때문이다. (화이트 포인트 = 이미지 캡처, 인코딩 또는 복제에서 “흰색”색을 정의하는 데 도움이 되는 삼자 극치 또는 색도 좌표의 집합)
2. Inclusive color(포괄적인 색상)
- 개체를 구별하거나 상호 작용을 나타내거나 중요한 정보를 전달하기 위해 색상에만 의존하지 마세요.
- 색상을 사용하여 정보를 전달할 때는 색맹이나, 시각에 장애가 있는 사람들도 이해할 수 있도록 다른 방식으로도 제공해야 한다.
- 앱에서 콘텐츠를 인식하기 힘들게 만드는 색상을 사용하지 마세요.
- 대비가 충분하지 않거나 아이콘과 텍스트가 배경과 혼합되어 콘텐츠를 읽기 힘들게 만들어 구분하지 못할 수 있다.
- 사용하는 색상이 다른 국가 및 문화에서 어떻게 인식되는지 고려하세요.
- 빨간색은 일부 국가에서는 위험을 전달하지만 몇몇 국가에서는 긍정을 의미한다고 한다.
3. System Color
- 앱에서 시스템 색상 값을 하드 코딩하지 마세요.
- 문서화된 색상 값은 앱 디자인 프로세스 중에 참조용입니다. 실제 색상 값은 다양한 환경 변수에 따라 릴리스마다 다를 수 있습니다. Color와 같은 API를 사용하여 시스템 색상을 적용합니다.(https://developer.apple.com/documentation/swiftui/color)
- 동적 시스템 색상을 복제하지 마세요.
- 동적 시스템 색상(일부는 패턴일 수 있음)은 다양한 환경 변수에 따라 릴리스마다 변동될 수 있습니다.
4. Etc
색상 관리 팁과 각 플랫폼에 맞는 시스템 색상, 시스템 그레이 색상을 자세한 링크를 더 확인해볼 수 있다.
https://developer.apple.com/design/human-interface-guidelines/foundations/color
Color - Foundations - Human Interface Guidelines - Design - Apple Developer
Color Judicious use of color can enhance communication, evoke your brand, provide visual continuity, communicate status and feedback, and help people understand information. The system defines colors that look good on various backgrounds and appearance mod
developer.apple.com
오늘은 가볍게 생각하고 있던 색상에 대해서 알아보았다. 읽어보고 정리해 보면서 알게 된 것들은 국가에 따라 색을 어떻게 인식하는지까지도 고려해야 한다는것을 생각해보니 단순하지만 가볍게 지나갈 문제들은 아니라고 다시 한번 생각하게 된것 같다. 색상은 항상 어떤 색이 어울릴지 고민해 보며 개발하다 보니 이런 색 저런 색 다 사용해 보았는데 어느 곳에 어떤 색상을 넣어야 어울릴지도 알게 된 것 같다. 👏👏
'iOS > HIG' 카테고리의 다른 글
| Foundation - Branding (0) | 2023.01.16 |
|---|---|
| Foundations - App icons (0) | 2022.12.22 |
| Foundations - Accessibility(접근성) (0) | 2022.12.17 |