UI 규칙에 대한 색 변수 지원
색상 변수를 사용하여 모바일 UI 규칙의 테마를 변경하는 방법에 대해 알아봅니다.
작업 필드가 UI 스타일 설정으로 설정된 상태에서 UI 규칙의 값 필드에서 다음 색상 변수를 사용합니다.
UX 테마 속성 [sys_ux_theme_property] 테이블에서 색상 변수를 정의할 수 있습니다. 사용 가능한 변수 목록은 아래의 색상 디자인 가이드를 참조하십시오. 예:
이러한 UI 규칙 작업 생성에 대한 자세한 내용은 다음 문서를 참조하십시오 모바일 UI 규칙 작업 생성. |
모바일 UI 규칙 색상 가이드
색상 변수는 다음과 같이 나뉩니다. 설계 가이드라인을 사용하여 사용 사례에 적합한 색상 변수를 식별합니다.
- 경보 색상표
- 경보 색상표 색상은 중요한 상태, 상태 및 작업을 강조 표시합니다. 경보 색상은 장식이나 정리보다는 특정 의미를 전달할 때 사용합니다.
- 그룹화된 색상표
- 그룹화된 색상표 색상은 산업 라인의 색상 규칙을 따릅니다. 이 색상을 사용하여 색상이 지정된 항목이 특정 산업 또는 사업부와 관련이 있음을 보여줍니다. 각 색상의 의미는 컨텍스트에 따라 다르지만 앱 내에서 일관성을 유지해야 합니다.
| 색 이름 | 예제 | 색상 변수 |
|---|---|---|
| 심각 |
|
|
| 높음 |
|
|
| 경고 |
|
|
| 보통 |
|
|
| 정보 |
|
|
| 긍정적 |
|
|
| 낮음 |
|
|
| 사용 안 함 |  |
|
| 중요(대체) |  |
|
| 높음(대체) |  |
|
| 경고(대체) |  |
|
| 보통(대체) |  |
|
| 정보(대체) |  |
|
| 긍정적(대체) |  |
|
| 낮음(대체) |  |
|
| 사용 안 함(대체) |  |
|
| 색 이름 | 예제 | 색 옵션 |
|---|---|---|
| 파랑 |  |
|
| 갈색 |  |
|
| 회색 |  |
|
| 녹색 |  |
|
| 녹색-노란색 |  |
|
| 자홍색 |  |
|
| 주황 |  |
|
| 분홍색 |  |
|
| 보라 |  |
|
| 청록색 |  |
|
| 황색 |  |
|
| 파란색(대체) |  |
|
| 갈색(대체) |  |
|
| 회색(대체) |  |
|
| 녹색(대체) |  |
|
| 녹색-노란색(대체) |  |
|
| 마젠타(대체) |  |
|
| 주황색(대체) |  |
|
| 분홍색(대체) |  |
|
| 보라색(대체) |  |
|
| 청록색(대체) |  |
|
| 노란색(대체) |  |
|