아이콘에 대한 색상 변수 지원
색상 변수를 사용하여 모바일 맵 화면의 테마를 변경하는 방법에 대해 알아봅니다.
모바일 아이콘에는 아이콘의 모양을 정의하는 데 사용되는 모양 설정 섹션이 있습니다. FontColorVariable 스타일 옵션을 사용하면 색상 변수를 색상으로 사용할 수 있습니다. 이 스타일을 사용하여 UX 테마 속성 [sys_ux_theme_property] 테이블에서 색상 변수를 정의할 수 있습니다. 사용 가능한 변수 목록은 아래의 색상 디자인 가이드를 참조하십시오. 맵 화면 생성에 대한 자세한 내용은 을 참조하십시오 아이콘 UI 섹션 구성. 모바일에서 아이콘을 만드는 방법에 대한 자세한 내용은 을 참조하십시오 모바일 아이콘. |
모바일 아이콘 색상 안내선
색상 변수는 다음과 같이 나뉩니다. 디자인 가이드라인을 사용하여 사용 사례에 적합한 색상 변수를 식별합니다.
- 경보 색상표
- 경보 색상표 색상은 중요한 상태, 상태 및 작업을 강조 표시합니다. 장식이나 정리를 위한 것이 아니라 특정 의미를 전달하기 위해 경고 색상을 사용합니다.
- 그룹화된 색상표
- 그룹화된 색상표 색상은 산업 계열의 색상 규칙을 따릅니다. 색상이 지정된 항목이 특정 산업 또는 사업부와 연관되어 있음을 나타내려면 이러한 색상을 사용합니다. 각 색의 의미는 컨텍스트에 따라 다르지만 앱 내에서 일관되게 유지되어야 합니다.
각 지지 색상에는 평가 가능한 옵션을 포함하여 세 가지 옵션이 있습니다. 텍스트가 포함되지 않은 아이콘에 접근 가능한 색상 옵션을 사용하여 사용자의 탐색 기능을 개선하는 것이 좋습니다.
| 색 이름 | 예 | 색 변수 |
|---|---|---|
| 중요 |
|
|
| 높음 |
|
|
| 경고 |
|
|
| 보통 |
|
|
| 정보 |
|
|
| 긍정적 |
|
|
| 낮음 |
|
| 색 이름 | 예 | 색상 옵션 |
|---|---|---|
| 파란색 |
|
|
| 갈색 |
|
|
| 회색 |
|
|
| 녹색 |
|
|
| 녹색-노란색 |
|
|
| 자홍색 |
|
|
| 주황색 |
|
|
| 분홍색 |
|
|
| 보라색 |
|
|
| 청록색 |
|
|
| 노란색 |
|