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