색상 테마

Learning Manager의 색상 테마 및 브랜딩

Learning Manager에서는 조직의 브랜딩 요구 사항에 맞춰 응용 프로그램의 모습을 변경할 수 있습니다.

사용자 인터페이스 사용자 정의

이 교육에서는 조직의 브랜딩 요구 사항과 일치하도록 인터페이스의 모양을 사용자 정의하는 방법을 살펴봅니다.

단추

교육을 시작할 수 없는 경우 almacademy@adobe.com에 작성하세요.

브랜딩 branding

왼쪽 창에서 브랜딩 ​을 클릭하여 조직 이름을 업데이트하고 하위 도메인, 로그 스타일 및 테마를 변경합니다. 각 항목 옆에 있는 편집 ​을 클릭하여 내용을 수정합니다.

로고 스타일 logostyling

편집 ​을 클릭하여 Learning Manager 응용 프로그램에서 내 로고의 모양과 회사 이름을 설정합니다.

새 로고 업로드 ​를 클릭한 다음 컴퓨터에서 업로드할 로고를 선택합니다. 아래에서 로고의 모양 및 조직 이름을 미리 보기할 수 있습니다. 원하는 헤더 스타일을 선택하고 저장 ​을 클릭합니다.

테마 themes

응용 프로그램에 적용하기 전에 색상 테마 변경 사항을 미리 보기할 수 있도록 5개의 대표 이미지가 제공됩니다. 각 미리 보기 이미지의 왼쪽 및 오른쪽 측면에 있는 < 및 > 기호를 클릭하여 해당 이미지를 살펴볼 수 있습니다. 또는 이미지의 하단에 있는 탐색 원을 클릭하여 미리 보기 스냅샷 세트를 살펴볼 수 있습니다.

테마 선택

이 섹션 아래에 있는 힌트 표시 ​를 클릭하여 아래와 같이 이미지에 힌트를 표시합니다.

테마에 대한 힌트 보기

Learning Manager 응용 프로그램은 사용자에게 5개의 색상 테마 옵션을 제공합니다.

  • Prime 기본값
  • 조약돌
  • 카니발
  • 가을
  • 겨울 하늘
  • 선명함
NOTE
선명 테마 는 접근성 규정을 준수합니다.

테마의 색상 사용자 지정

Prime 기본값 테마를 제외하고 테마의 상단 바 색상, 강조 색상(예를 들어 왼쪽 창의 아이콘 색상), 기본 색상, 사이드바 밝기를 사용자 정의할 수 있습니다.

기본 색상 피커에서 몰입형 UI에 사용된 색상을 선택할 수 있습니다.

사용자 정의를 이용하려면 왼쪽 창에서 테마 유형을 선택한 다음 브랜드 색상 및 사이드바 아이콘 색상 옆에 있는 사각형을 클릭합니다. 사이드바 밝기의 사이드바를 클릭한 다음 앞뒤로 드래그하여 밝기를 조절합니다. 해당 옵션을 수정할 때 상단의 이미지에서 미리 보기할 수 있습니다.

테마 재설정 ​을 클릭하여 테마의 원래 설정을 복원합니다. 변경을 완료한 후 저장 ​을 클릭합니다.

실시간 미리 보기

테마 섹션의 왼쪽 하단 모서리에 있는 실시간 미리 보기 ​를 클릭합니다. 팝업이 아래와 같이 나타납니다.

실시간 미리 보기 팝업

드롭다운 목록에서 원하는 테마를 선택한 다음 설정을 조절합니다. 응용 프로그램에서 실시간으로 변경 사항을 보려면 미리 보기 ​를 클릭합니다. 이제 응용 프로그램의 기능을 전부 살펴보고 변경 사항을 확인할 수 있습니다. 또한 실시간 미리 보기를 하며 역할을 변경할 수 있습니다. 변경이 만족스러우면 라이브 테마 미리 보기 팝업 기능으로 돌아와 테마 적용 ​을 클릭할 수 있습니다.

변경 사항을 실시간 미리 보기하고 있을 때도 실시간 테마 미리 보기 팝업이 여전히 화면 하단에 나타납니다. 팝업 최소화를 선택할 수 있습니다.

다중 브랜딩 multiple-branding

다음은 여러 브랜딩을 구현하는 방법입니다.

  1. 관리자 앱의 왼쪽 창에서 브랜딩 ​을 선택합니다.
  2. 다중 브랜딩 섹션에서 편집 ​을 선택합니다.
  3. 토글 버튼을 선택하고 활성화합니다.

내부 사용자

  1. 드롭다운에서 활성 필드를 선택합니다.
  2. 선택 항목에 따라 조직의 이름을 변경하고 사용자에게 새 로고를 업로드할 수 있습니다.

외부 사용자

  1. 드롭다운에서 활성 필드를 선택합니다.
  2. 선택 항목에 따라 조직의 이름을 변경하고 사용자에게 새 로고를 업로드할 수 있습니다.
NOTE
내부 사용자에게는 외부 사용자와 같은 활성 필드가 있을 수 있습니다(예: 관리자는 활성 필드 값을 별도로 선택하여 내부 사용자와 외부 사용자에 대한 다중 브랜딩을 별도로 추가해야 합니다).

참고 사항

  • 책임자는 이 활성 필드 값에 대한 다중 수준 브랜딩을 추가할 수 있으며, 외부 사용자는 다른 메커니즘(SSO 단일(Okta, Mini Orange), 소셜 로그인)으로 로그인하고 다중 브랜딩이 적용되는지 확인할 수 있습니다.
  • 외부 사용자에게는 내부 사용자와 같은 활성 필드와 활성 필드 값이 있습니다. 공유되더라도 관리자가 다중 브랜딩에 별도로 지정해야 합니다. 적용되고 나면 외부 사용자는 다른 메커니즘(SSO 단일(Okta, Mini Orange), 소셜 로그인)으로 로그인하고 다중 브랜딩이 적용되는지 확인할 수 있습니다.
  • 한 프로필에서 다른 프로필로 이동한 외부 사용자: 외부 사용자를 한 프로필에서 다른 프로필로 이동하면 로그인 또는 등록 중에 관리자 또는 외부 사용자가 활성 필드 값을 편집/삭제하지 않는 한 사용자의 활성 필드 값에 영향을 주지 않습니다
NOTE
동일한 활성 필드 이름을 가진 내부 및 외부 사용자에 대해 동일한 활성 필드 값을 가지지만 구성이 다른 여러 브랜딩이 설정된 경우. 이 경우, 고객에게 동일한 구성 설정(로고, 테마, 조직 이름)을 사용하여 불일치를 피하도록 권장하는 것입니다.

계정 사용자 정의 customize

Adobe Learning Manager에서는 계정을 사용자 정의하여 향상된 사용자 경험을 제공할 수 있습니다.

아래 목록은 사용자 정의할 수 있는 요소를 표시합니다. 계정을 사용자 정의하려면 Learning Manager 지원에 문의하십시오.

사용자 정의
권장 사항
교육 카드 색상 사용자 정의
  • 사용자 정의 색상은 12개까지만 사용할 수 있습니다.
  • 색상은 모든 학습 객체에 적용됩니다. 색상은 모든 학습 객체(교육)에 순차적으로 적용되며 모든 색상에 #ffffff 같은 16진수 색상 코드 형식을 사용해야 합니다.
  • 하나의 색상만 제공되는 경우 해당 색상이 모든 학습 객체에 적용됩니다.
커서 포인터 이미지

사용자가 원하는 학습 객체에 커서를 올리면 사용자 지정 이미지가 표시됩니다.

  • 적용된 사용자 설정 이미지는 사용자가 마우스를 Learning Manager 웹 페이지 위에 놓으면 표시됩니다.
  • 권장 크기 - 16x16 또는 24x24픽셀
  • 권장 이미지 형식 - PNG, JPG
진행 아이콘 이미지

페이지 간의 탐색하는 동안에 표시됩니다. '4-square' 진행 gif가 보이는 위치에 표시됩니다.

  • 권장 크기 - 32x32px 이하
  • 권장 이미지 형식 - GIF, PNG, JPG
글꼴

글꼴을 적용하려면 CDN은 필수입니다. 적용할 글꼴 모음도 공유해야 합니다.

참고: 글꼴 모음은 모든 브라우저에서 지원되어야 합니다.

배경 이미지

배경 이미지는 학습자 역할에서만 표시됩니다.

학습자의 배경에 적용해야 하는 이미지를 가지고 있어야 합니다.

  • 권장 이미지 형식: PNG, JPG, JPEG
  • 권장 크기: 1400x908픽셀

추천 설정 구성 configurerecommendationsettings

브랜딩 > 일반 ​에서 내부 및 외부 학습자에 대한 추천 범위를 구성하고 학습자가 학습자 홈페이지에서 스킬을 선택할 수 있도록 설정할 수 있습니다.

일반 페이지에는 다음 옵션이 있습니다.

학습자 홈페이지
클래식 또는 몰입형 을 선택합니다. 몰입형을 선택하는 경우 기타 옵션이 나타납니다.
교육 유형
사용자 정의 또는 산업 정렬 을 선택합니다. 학습자가 1,000명 미만인 경우 전체 계정이 하나의 범위로 간주됩니다. 추천은 모든 학습자를 기반으로 합니다.
추천 범위 설정
하나 이상의 활성 필드를 선택합니다. 사용자 정의 의 경우 최대 한 개의 활성 필드를 선택할 수 있습니다. 산업 정렬 의 경우 최대 다섯 개의 활성 필드를 선택할 수 있습니다.
학습자가 관심 영역을 살펴보도록 활성화
클래식 경험에 대해서만 적용됩니다. 또는 아니요 를 선택합니다.
사용자에게 관심 영역(스킬)을 선택하라는 메시지 표시
몰입형 경험에 대해서만 적용됩니다. 또는 아니요 를 선택하세요.
recommendation-more-help
d5e5961a-141b-4c77-820e-8453ddef913d