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