모바일 테마 색상 지침
모바일 테마에서 선택한 색상이 모바일 애플리케이션에서 적용되는 방식에 대해 알아봅니다.
중요사항:
및 이전 ServiceNow® 인스턴스에서 Tokyo 레거시 모바일 테마를 사용합니다. 이후 릴리스는 Utah 다음 문서를 참조하십시오 모바일용 Next Experience 테마.
색상 선택 고려 사항
모바일 애플리케이션의 색상을 선택할 때 다음 정보를 고려하십시오.
- 색상 선택이 화면 아이콘 및 UI 스타일과 같은 앱의 다른 부분에 있는 색상과 어떻게 보이는지입니다. 너무 많은 색상을 사용하지 마십시오. 2-3가지 색상의 심플한 디자인은 깔끔하고 접근하기 쉬운 레이아웃을 만듭니다.
- 앱 내에 표시될 수 있는 다른 요소의 색과 함께 색상 선택 항목이 어떻게 보이는지. 지식 문서 및 서비스 포털 페이지와 같은 요소가 앱에 나타날 수 있습니다. 기존 요소와 잘 어울리지 않는 색 구성표는 피하십시오.
- 더 높은 대비의 보색이 사용자의 초점을 얼마나 안내할 수 있는지. 색상 선택을 사용하여 사용자의 주의가 필요한 앱 영역을 강조 표시합니다.
- 색상을 사용하여 대비를 제공하여 가독성을 높이는 방법입니다. 텍스트가 표시되는 영역에서는 시력이 약한 사용자와 색맹 사용자 모두를 수용할 수 있도록 텍스트와 배경색의 대비가 높은지 확인하세요.
중요사항:
현재 ServiceNow® 모바일 Android 앱은 #RGB 표기법을 사용하여 앱의 테마 색을 지정하는 것을 지원하지 않습니다. 그러나 #RRGGBB 표기법은 앱과 Android 앱 모두 iOS 에서 지원됩니다.
모바일 앱의 테마 색상 위치
| 이 예에서는 기본 모바일 앱 테마에 사용되는 색상을 보여줍니다. 이 이미지의 숫자를 사용하여 모바일 앱의 여러 영역에서 이러한 색상이 나타나는 위치를 확인하십시오. |
모바일 기능
다음 그림을 사용하여 색상 선택이 모바일 앱 내의 요소에 어떤 영향을 미치는지 확인하십시오.
- 애플리케이션 시작 페이지
- 탐색 모음
- 목록
- 가상 에이전트
- 검색
- 작업
기록 화면 및 구성요소
다음 그림을 사용하여 색상 선택이 모바일 앱 내의 기록 화면과 해당 구성요소에 어떤 영향을 미치는지 확인하십시오.
- 기록 화면
- 검사 목록
- 활동 스트림
- 링크
- 전자 서명
화면 템플릿
다음 그림을 사용하여 색상 선택이 모바일 앱 내의 다양한 화면 템플릿에 어떤 영향을 미치는지 확인하십시오.
- 달력
- 맵
- 주:맵 화면과 연결된 목록 스트림 기록의 핀 색상 필드에 따라 맵의 핀 색상이 결정됩니다.
- URL 템플릿
설정 및 알림
다음 그림을 사용하여 색상 선택이 모바일 앱 내의 다양한 설정 및 알림 화면에 어떤 영향을 미치는지 확인하십시오.
- 알림
- 설정
- 오프라인 모드 설정
- 지리적 위치 설정
- PIN 설정
- Siri 단축키 설정(iOS만 해당)
양식
다음 그림을 사용하여 색상 선택 항목이 Android 및 iOS 모달에 어떻게 표시되는지 확인합니다.
- Android 모달
- iOS 모달