사용자 지정 이미지로 아이콘 그림 재정의

기본 아이콘 그림을 사용자 지정 이미지로 수정하거나 재정의하여 회사의 브랜딩을 반영하는 시각적 요소를 홍보합니다. 아이콘을 테마 작성기 재정의하면 인터페이스에서 사용되는 모든 곳에서 아이콘이 업데이트됩니다.

시작하기 전에

필요한 역할: ui_builder_admin

세분화된 역할에 대한 자세한 내용은 다음 문서를 참조하십시오 Granular admin roles.

이 태스크 정보

기본 이미지를 테마 작성기 바꿀 때 새 기본 이미지의 크기를 자동으로 조정하여 다른 아이콘 크기를 만듭니다. 즉, 하나의 소스 파일 테마 작성기 만 유지 관리하면 되며 모든 크기를 동기화된 상태로 유지합니다. 자동으로 생성된 크기의 선명도나 중요한 세부 사항이 손실되면 원하는 크기를 독립적으로 바꿀 수 있습니다.

단일 기본 이미지를 통해 전체 아이콘 세트를 재정의하거나 정밀한 제어를 위해 크기별 자산을 제공할 수 있습니다.

다음과 같은 경우 기본 이미지 재정의를 사용합니다.

• 단일 정보 소스를 사용하여 신속하게 움직이고자 합니다.
• 크기 조정으로 인한 사소한 변경은 허용됩니다.

다음과 같은 경우 크기별 재정의를 사용합니다.

• 크기 전반에 걸쳐 균일한 획 가중치가 필요합니다.
• 12×12 또는 16×16에서 미세한 세부 사항이 손실되고 단순화된 작은 크기의 예술이 필요합니다.
• 디자인 팀은 크기에 따라 설정된 맞춤형 아이콘을 유지 관리합니다.

중요사항:

사용자 지정 이미지는 작업 공간에 적용되며 에서 지원되지 않습니다.코어 UI

프로시저

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

   그림 1. 편집기 페이지 뷰

   

3. 테마 드롭다운 목록에서 편집할 테마를 선택합니다.
4. 일반 스타일 패널에서 이미지 스타일 탭을 선택하고 아이콘을 확장합니다.
5. 다음 옵션 중 하나를 사용하여 재정의할 아이콘 그림 세트를 선택합니다.
   • 필터 아이콘을 선택하고 아이콘 범주를 확장하여 재정의할 특정 일러스트레이션 세트를 선택합니다. 변경한 아이콘만 표시하려면 수정된 이미지만 표시 를 활성화합니다.
   • 검색 필드에 텍스트를 입력하여 아이콘 라이브러리를 필터링합니다. 입력할 때 결과가 업데이트되고 테마의 아이콘 라이브러리에서 사용할 수 있는 일치하는 기본 및 사용자 지정 아이콘이 표시됩니다.
   • 메인 스테이지에서 아이콘 일러스트레이션 목록을 스크롤합니다. 페이지당 기록 컨트롤을 사용하여 탐색하면서 한 번에 10개, 20개, 50개 또는 100개의 아이콘을 봅니다.
   일러스트레이션을 선택하면 속성 패널이 열립니다.

   그림 2. 아이콘이 확장된 이미지 스타일 탭

   

6. 속성 패널에서 재정의할 아이콘 크기의 파일 이름을 선택합니다.
   주:

   모든 크기를 업데이트하려면 기본 이미지를 바꿉니다. 다른 크기를 바꾸면 해당 크기에만 영향을 줍니다. 기본 이미지를 재정의하면 모든 작은 크기의 크기가 자동으로 조정되고 이미 적용한 개별 크기 재정의가 대체됩니다.
7. 다음 옵션 중 하나를 사용하여 사용자 지정 이미지를 업로드합니다.
   • 찾아보기를 선택하고 컴퓨터의 파일 브라우저에서 사용자 지정 이미지 파일을 선택한 다음 열기를 선택합니다.
   • 컴퓨터의 파일 브라우저에서 사용자 지정 이미지 파일을 끌어 모달에 직접 놓습니다.
   크기 및 형식 제한에 대해서는 이미지 모달 업로드를 참조하거나 문서를 참조하십시오 테마 작성기의 아이콘 일러스트레이션. 사용자 지정 이미지가 필요한 크기와 형식을 충족하지 않으면 이미지가 저장되지 않습니다.
8. 모달 내에서 이미지를 미리 보고 저장을 선택합니다.
   사용자 지정 이미지는 선택한 아이콘 일러스트레이션 유형의 메인 스테이지에 나타납니다. 이제 사용자 지정 이미지의 파일 이름이 속성 패널에 나열됩니다.
9. 옵션: 기본 아이콘 일러스트레이션을 복원하려면 재정의 제거 아이콘을 선택합니다.
   주:

   기본 이미지 재정의를 제거하면 아이콘이 기본 상태로 재설정되고 모든 개별 크기 재정의가 지워집니다.
10. 인스턴스에 테마를 게시하기 전에 편집 내용을 미리 봅니다.

    아이콘 크기 조정은 라이브 환경에서만 볼 수 있는 선명도 또는 세부 사항 문제를 일으킬 수 있습니다.

    1. 전역 스타일 패널에서 경험 탭을 선택합니다.
    2. 경험 드롭다운 목록에서 미리 보고 싶은 경험을 선택합니다.
    3. 새 탭에서 열기 아이콘을 선택하여 새 탭에서 경험을 엽니다.

       그림 3. 경험 미리 보기

       

결과

테마가 게시되면 새로 고침 시 테마가 적용된 사용자에게 사용자 지정 이미지가 표시됩니다. 테마 게시에 대한 자세한 내용은 을 참조하십시오 테마 작성기를 사용하여 테마 게시.