모바일용 넥스트 경험 테마 구성

테마를 활성화 넥스트 경험 하고 모바일 앱에 대한 테마를 만들고 적용하는 방법을 알아봅니다.

넥스트 경험 사용

중요사항:

이후 버전의 ServiceNow® 인스턴스에 테마를 Utah 적용합니다넥스트 경험.

테마를 사용하려면 넥스트 경험 인스턴스에서 테마를 활성화해야 합니다 넥스트 경험 . 활성화 지침 및 에 대한 넥스트 경험자세한 내용은 넥스트 경험에서 테마 탐색을 참조하십시오.

모바일 앱에 사용 가능한 테마

테마는 UX 테마 [sys_ux_theme] 테이블의 기록에 의해 정의됩니다. 인스턴스에는 모바일 UI에서 사용할 수 있는 세 가지 기본 시스템 테마가 포함되어 있습니다. Coral, Polaris, 모바일 레거시입니다.

그림 1. 테마 레거시, 폴라리스와 산호의 비교

주:

• 버전 이상에서는 Zurich Coral이 활성화된 기본 테마 넥스트 경험 입니다.
• 종료 Yokohama 버전의 경우 Utah Polaris가 활성화된 기본 테마 넥스트 경험 입니다. 다음 옵션 중 하나를 사용할 수 있습니다.
• Polaris를 Zurich 기본 넥스트 경험 테마로 사용하는 기존 고객으로 업그레이드하는 기존 고객은 다른 테마를 선택하지 않는 한 Polaris를 모바일 테마로 유지합니다.

산호

Coral은 버전 Zurich 이상에서 활성화된 인스턴스의 넥스트 경험 기본 테마입니다. 테마로 Zurich 업그레이드하는 고객은 테마가 자동으로 Coral로 업그레이드되지 않습니다. 대신 수동으로 테마를 선택해야 합니다. 구성 지침은 다음 문서를 참조하십시오 모바일 앱 작성기에서 넥스트 경험 테마 할당. Coral 테마는 사용자 경험을 향상시키기 위해 브랜드 중립적인 일러스트레이션을 특징으로 하는 신선한 모양과 느낌을 제공합니다.

모바일 색상 기본값이라는 핵심 UX 스타일 [sys_ux_style] 기록이 Coral 테마에 포함되어 있습니다. 이 기록은 수정할 수 없지만 사용자가 이 기록의 사본을 만들거나 새 테마 기록을 만들 수 있습니다. 모바일 색상 기본 기록에 지정된 색상을 재정의하려면 새 기록 또는 복사된 기록에 더 높은 우선순위 값을 지정합니다.

Polaris

Polaris는 를 통해 Yokohama버전에 Utah 대해 활성화된 인스턴스의 넥스트 경험 기본 테마입니다.

주:

테마로 Zurich 업그레이드하는 고객의 경우 수동으로 Coral로 업그레이드하지 않는 한 Polaris는 테마로 넥스트 경험 유지됩니다.

모바일 색상 기본값이라는 새로운 핵심 UX 스타일 [sys_ux_style] 기록이 Polaris 테마에 포함되어 있습니다. 이 기록은 수정할 수 없지만 사용자가 이 기록의 사본을 만들거나 새 테마 기록을 만들 수 있습니다. 모바일 색상 기본 기록에 지정된 색상을 재정의하려면 새 기록 또는 복사된 기록에 더 높은 우선순위 값을 지정합니다.

모바일 레거시

모바일 레거시는 대체 테마입니다. 사용하도록 설정되지 않은 넥스트 경험 업그레이드된 이후 Utah 인스턴스의 경우 이 테마를 사용할 수 있습니다.

Polaris 또는 Coral 테마 아래에는 모바일 색상 기본값이라는 UX 스타일 [sys_ux_style] 기록이 있습니다. 이 기록은 색상 변수 이름과 연관된 색상을 정의합니다.

테마 및 스타일 생성

인스턴스의 UX 테마 [sys_ux_theme] 테이블에 테마를 생성합니다 넥스트 경험 . 기본적으로 활성화된 인스턴스는 넥스트 경험Coral 테마를 사용합니다. (종료 Yokohama 버전부터 Utah 기본값은 Polaris 테마입니다.) 활성화되지 않은 넥스트 경험 인스턴스는 모바일 레거시 테마를 사용합니다. 이러한 테마는 수정할 수 없지만 둘 중 하나를 복사하여 복사본을 변경할 수 있습니다.

각 UX 테마 기록은 인스턴스에 테마를 적용할 때 UI의 모양을 정의하는 하나 이상의 UX 스타일 [sys_ux_style] 기록과 연결되어 있습니다. 테마 기록과 마찬가지로 기본 스타일 기록은 편집할 수 없지만 복사할 수는 있습니다.

Next Experience 테마 및 기본 설정 구성에서 테마 구성에 대해 넥스트 경험 자세히 알아보십시오.

중요사항:

모바일 앱은 UX 스타일의 색상 요소만 사용합니다. 글꼴, 그림자, 불투명도 및 테마의 기타 비색상 요소와 같은 요소는 모바일 UI의 모양을 변경하지 않습니다.

모바일 클라이언트에 테마 할당

새 모바일 테마 필드를 사용하여 모바일 앱에 모바일 앱 작성기 대한 테마를 설정합니다.

모바일 테마 필드가 비어 있는 경우

인스턴스는 사용 여부 넥스트 경험 의 상태를 확인하고 모바일 앱에 사용할 UX 테마 [sys_ux_theme] 기록을 결정합니다. 기본적으로 다음과 같이 수행됩니다.

• 버전의 경우 활성화되면 Coral 테마가 사용됩니다.넥스트 경험Zurich
• 까지Yokohama에 대해 Utah 활성화되면 넥스트 경험Polaris 테마가 사용됩니다.
  주:

  를 사용할 넥스트 경험때 각 모바일 앱에 대해 서로 다른 모바일 테마를 사용할 수 있습니다.
• 넥스트 경험 사용하지 않도록 설정하면 모바일 레거시 테마가 사용됩니다.

클라이언트 테마 필드가 비어 있지 않은 경우

모바일 앱은 항상 필드에 지정된 테마를 사용하여 모바일 앱의 테마를 지정합니다.

사용자 지정 모바일 구성요소에서 색상 변수 사용

일관된 사용자 경험을 제공하려면 모바일 구성요소를 디자인할 때 색상 변수를 사용하십시오. 다음 구성요소는 색상 변수를 이용합니다.

• UI 규칙
• 탐색 섹션
• 맵 핀
• 아이콘
• 템플릿 뷰
• 모바일 뷰 버튼
• 입력 설명 필드

색상 변수를 사용하는 방법은 빌드하는 구성 요소에 따라 다릅니다. 이러한 각 구성 요소에 색상 변수를 적용하는 방법에 대한 자세한 내용은 을 참조하십시오 모바일에 대한 색상 테마 고려 사항.