빈 상태 일러스트레이션 및 사용자 지정 이미지의 색상 사용자 지정

빈 상태 일러스트레이션과 사용자 지정 이미지에 자동으로 적용되는 색상을 사용자 지정하고 제어하여 브랜드 인지도를 유지하면서 시각적 경험을 매력적으로 유지합니다.

시작하기 전에

사용자 지정 이미지의 색상을 편집하려면 먼저 이미지를 에 업로드하기 전에 이미지 코드에 두 개의 디자인 토큰을 추가해야 합니다 테마 작성기. 자세한 내용은 빈 상태 일러스트레이션을 사용자 지정 이미지로 재정의 문서를 참조하십시오.

필요한 역할: 관리자

이 태스크 정보

범주로서 모든 빈 상태 일러스트레이션은 색상 후크 매핑을 공유합니다. 따라서 하나의 빈 상태 일러스트레이션 유형에 적용한 색상은 전체 빈 상태 일러스트레이션 카테고리에도 적용됩니다.

중요사항:

빈 상태 일러스트레이션 색상의 커스터마이제이션은 작업 공간에 적용되며 에서 코어 UI지원되지 않습니다.

프로시저

1. 다음으로 이동 모두 > Now Experience 프레임워크 > 테마 > 테마 작성기.
   테마 작성기 방문 페이지가 새 탭에서 열리고 홈페이지 뷰에 표시됩니다.
2. 페이지 드롭다운 목록을 사용하여 편집기 페이지 뷰를 선택합니다.

   그림 1. 편집기 페이지 뷰

   

3. 테마 드롭다운 목록에서 편집할 테마를 선택합니다.
4. 일반 스타일 패널에서 이미지 스타일 탭을 선택합니다.
   편집에 사용할 수 있는 빈 상태 일러스트레이션은 기본 스테이지에 표시되며 유형별로 그룹화됩니다.

   그림 2. 이미지 스타일 탭 선택됨

   

5. 기본 스테이지에서 빈 상태 일러스트레이션 유형을 선택합니다.
   주:

   빈 상태 일러스트레이션 유형의 색상을 사용자 지정하면 선택한 유형에 관계없이 전체 빈 상태 범주에 색상 변경이 적용됩니다.
   속성 패널이 자동으로 열립니다.
6. 속성 패널에서 색상 탭을 선택합니다.

   그림 3. 속성 패널 색상 탭

   

7. 이미지 색상을 선택하여 색상 선택기를 통해 색상을 편집합니다.

   그림 4. 색 선택기

   

   주:

   기본적으로 내 색상 탭에는 일러스트레이션에 사용 가능한 모든 색상이 표시됩니다. 사용자 지정 탭을 사용하여 새 색상을 선택할 수도 있습니다.
8. 변경을 완료했으면 변경 내용 저장을 선택합니다.
   주:

   색상 후크에 대한 변경 사항을 저장하면 무효화 제거 기호가 나타납니다. 재정의 제거 기호를 사용하면 색상 변경 사항을 원래 자동 생성된 색상으로 되돌릴 수 있습니다.

   

결과

새 색상은 디자인 토큰이 적용된 상태로 이전에 업로드한 사용자 지정 이미지를 포함하여 모든 빈 상태 일러스트레이션 유형에 적용됩니다.

테마가 게시되면 새로 고침 시 테마가 적용된 사용자에게 빈 상태 일러스트레이션 편집 내용이 표시됩니다. 테마 게시에 대한 자세한 내용은 을 참조하십시오 를 사용하여 테마 게시 테마 작성기.