Color is a great way to impart vitality, provide visual continuity, communicate status information, give feedback in response to user actions, and help people visualize data. Look to the system’s color scheme for guidance when picking app tint colors that look great individually and in combination, on both light and dark backgrounds.

색은 생동감을 전하고, 시각적 지속성을 제공하며, 현재 상태 정보를 전달하고, 또 사용자의 행동에 답하여 피드백을 주며, 사용자들이 데이터를 시각화하는데 도움을 줍니다. 라이트모드와 다크모드 어떤 환경이든, 개별적으로 사용하든 함께 사용하든 멋져보이는 색을 고를 땐 시스템의 컬러 체계를 가이드 삼아 살펴보세요.

Use color judiciously for communication. The power of color to call attention to important information is heightened when used sparingly. For example, a red triangle that warns people of a critical problem becomes less effective when red is used elsewhere in an app for noncritical reasons.

커뮤니케이션을 위한 색상은 아껴 쓰세요. 중요한 정보에 주의를 끄는 색상의 힘은 드물게 사용되었을 때 더 커집니다. 심각한 문제를 경고하는 빨간 삼각형을 예로 들면, 이 삼각형은 별로 중요하지 않은 것에도 빨간색을 쓰는 앱에서 힘을 발휘하기 어렵죠.

Use complementary colors throughout your app. The colors in your app should work well together, not conflict or distract. If pastels are essential to your app’s style, for example, use a coordinating set of pastels.

앱 전체에 상호보완적인 색상을 사용하세요. 앱의 색상은 서로 잘 작동해야하며, 부딪히거나 서로를 방해해선 안됩니다. 만약 앱의 스타일에 파스텔 계열이 꼭 필요하다면, 이와 잘맞는 파스텔 색상을 사용하세요.

In general, choose a limited color palette that coordinates with your app logo. Subtle use of color is a great way to communicate your brand.

일반적인 경우 앱의 로고와 잘 어울리는 제한된 색상 팔레트를 골라야 합니다. 기발한 색상의 사용은 브랜드를 전달하는 좋은 방법이죠.

Consider choosing a tint color to indicate interactivity throughout your app. In Notes, interactive elements are yellow. In Calendar, interactive elements are red. If you define a tint color that denotes interactivity, make sure other colors don’t compete with it.

상호작용성을 보여주기 위한 틴트컬러 사용을 고려해보세요. 메모 앱에서는 상호작용 컬러가 노란색입니다. 달력에서는 빨간색이구요. 상호작용을 보여주는 틴트컬러를 정했다면, 다른 색상이 이 틴트컬러*와 겹치거나 방해하지 않도록 하세요.

*틴트컬러 : TintColor 어떤 요소가 활성화되었는지 보여주는 색상 변화. 예_ 버튼 눌렀을 때 좀 더 밝은(어두운) 색으로 변했다가 손가락 떼면 원상복귀. UIView의 프로퍼티로 존재하기 때문에 View에 한번에 색상을 적용할 수 있다.

Provide two versions of your tint color to make sure it looks good in both light and dark modes. When you use a system color for your tint color, you get automatic support for high contrast.

라이트 모드와 다크모드 두 경우에서 모두 좋아보이기 위해 틴트 컬러는 두가지 버전으로 설정하세요. 틴트 컬러로 시스템 컬러를 사용한다면, 높은 대비를 가질 수 있도록 자동으로 설정됩니다.