Thèmes de couleur

Thèmes de couleur et image de marque dans Learning Manager

Learning Manager vous permet de modifier l'apparence de l'application en fonction des exigences de la politique d'identité visuelle de la marque de votre entreprise.

Personnalisation de l’interface utilisateur

Dans cette formation, vous découvrirez comment personnaliser l’apparence de l’interface pour la faire correspondre aux exigences de l’image de marque d’une entreprise.

bouton

Si vous ne parvenez pas à lancer la formation, écrivez à almacademy@adobe.com.

Identité visuelle branding

Cliquez sur Branding dans le volet de gauche, pour mettre à jour le nom de votre organisation, modifiez le sous-domaine, les styles et les thèmes du journal. Cliquez sur Modifier adjacentes à chacune de ces rubriques pour modifier le contenu.

Style de logo logostyling

Cliquez sur Modifier pour définir l’apparence de votre logo et le nom de votre société dans l’application Learning Manager.

Cliquez sur Télécharger le nouveau logo, puis sélectionnez le logo à transférer depuis votre ordinateur. Vous pouvez prévisualiser l'aspect du logo et le nom de votre organisation ci-dessous. Choisissez le style d’en-tête de votre choix et cliquez sur Enregistrer.

Thèmes themes

Un ensemble de cinq images représentatives vous donne un aperçu de vos modifications de thèmes chromatiques avant de les appliquer à votre application. Consultez ces images en cliquant sur les symboles < and > à gauche et à droite des images à prévisualiser. Une autre solution consiste à cliquer sur les cercles de navigation au bas de ces images pour parcourir l'ensemble des aperçus d'écran.

Sélectionnez un thème

Cliquez sur le bouton Afficher les conseils sous cette section pour afficher les conseils sur l’image, comme indiqué ci-dessous.

Affichage des conseils sur un thème

L’application Learning Manager propose cinq options de thème de couleur à ses utilisateurs :

  • Le calque Prime par défaut
  • Galets
  • Carnaval
  • Automne
  • Ciel d'hiver
  • Vif
NOTE
Le thème dynamique est compatible avec l’accessibilité.

Personnalisation des couleurs d’un thème

Vous pouvez personnaliser la couleur de la barre supérieure, la couleur d'accentuation (par exemple, la couleur des icônes dans le volet de gauche), la couleur primaire, et la luminosité de la barre latérale des thèmes, à l'exception du thème Prime par défaut.

Dans le panneau Couleur primaire , vous pouvez choisir la couleur utilisée pour l’interface utilisateur immersive.

Pour personnaliser, sélectionnez le type de thème dans le volet de gauche et cliquez sur les carrés en regard des couleurs de la marque et des couleurs d'icônes de la barre latérale. Cliquez sur le curseur à côté de la luminosité de la barre latérale, faites glisser l'outil vers l'avant ou vers l'arrière pour régler la luminosité. Regardez l'aperçu dans les images ci-dessus à mesure que vous modifiez ces options.

Cliquez sur Réinitialiser le thème pour restaurer les paramètres d’origine du thème. Cliquez sur Enregistrer après avoir effectué les modifications.

Aperçu en direct

Cliquez sur Aperçu en direct dans le coin inférieur gauche de la section des thèmes. Une fenêtre contextuelle s’affiche, comme illustré ci-dessous :

Fenêtre contextuelle Aperçu en direct

Sélectionnez le thème de votre choix dans la liste déroulante, réglez les paramètres et cliquez sur Aperçu pour afficher en direct les modifications de votre application. Désormais, vous pouvez parcourir toutes les fonctions de l'application et constater les modifications. Vous pouvez également modifier vos rôles tout en visionnant l'aperçu en direct. Une fois que vous êtes satisfait des modifications, vous pouvez revenir à la fonctionnalité contextuelle Aperçu du thème en direct et cliquer sur Appliquer le thème.

Lorsque vous prévisualisez les modifications en direct, la fenêtre d'aperçu en direct du thème s'affiche toujours dans la partie inférieure de l'écran. Vous pouvez réduire la fenêtre.

Identité visuelle multiple multiple-branding

Voici comment mettre en œuvre plusieurs stratégies de marque :

  1. Dans l’application d’administration, sélectionnez Branding dans le volet de gauche.
  2. Sélectionner Modifier dans la section Identité visuelle multiple.
  3. Sélectionnez le bouton bascule et activez-le.

Utilisateurs internes

  1. Sélectionnez un champ actif dans la liste déroulante.
  2. En fonction de la sélection, vous pouvez modifier le nom de l’organisation et charger un nouveau logo pour les utilisateurs.

Utilisateurs externes

  1. Sélectionnez un champ actif dans la liste déroulante.
  2. En fonction de la sélection, vous pouvez modifier le nom de l’organisation et charger un nouveau logo pour les utilisateurs.
NOTE
Les utilisateurs internes peuvent avoir des champs actifs comme les utilisateurs externes (par exemple, l’administrateur doit ajouter le multi-branding pour les utilisateurs internes et les utilisateurs externes séparément en sélectionnant les valeurs de champ actif séparément).

Points importants

  • Un administrateur peut ajouter le branding à plusieurs niveaux pour cette valeur de champ actif et l’utilisateur externe peut se connecter avec différents mécanismes (SSO unique (Okta, Mini orange), Connexion par réseau social) et vérifier si le branding multiple est applicable.
  • Un utilisateur externe a un champ actif et une valeur de champ actif comme l’utilisateur interne : même s’il est partagé, il doit être spécifié séparément dans le multi-branding par l’administrateur. Une fois appliqué, l’utilisateur externe peut se connecter avec différents mécanismes (SSO Single (Okta, Mini orange), Social Login) et vérifier si le multi-branding est applicable.
  • Un utilisateur externe déplacé d’un profil à un autre : le déplacement de l’utilisateur externe d’un profil à un autre n’affectera pas la valeur du champ actif pour l’utilisateur, sauf si la valeur du champ actif est modifiée/supprimée par l’administrateur ou l’utilisateur externe lors de la connexion ou de l’enregistrement
NOTE
Lorsque plusieurs marques sont définies pour les utilisateurs internes et externes, avec le même nom de champ actif, la même valeur de champ actif mais une configuration différente. Dans ce cas, il est recommandé aux clients d’utiliser le même paramètre de configuration (logo, thème, nom de l’organisation) pour éviter les différences.

Personnalisation de votre compte customize

Adobe Learning Manager vous permet de personnaliser votre compte afin d’améliorer l’expérience client.

La liste ci-dessous répertorie les composants personnalisables. Pour personnaliser le compte, contactez Learning Manager assistance.

Personnaliser
Recommandations
Personnalisation des couleurs de cartes de formation
  • Jusqu’à 12 couleurs personnalisées uniquement.
  • Les couleurs sont appliquées à tous les objets d’apprentissage. Les couleurs seront appliquées de manière séquentielle à tous les objets d’apprentissage (formations) et le code couleur hexadécimal est le format requis pour toutes les couleurs, par exemple #ffffff.
  • Si une seule couleur est fournie, elle est appliquée à tous les objets d’apprentissage.
Image du pointeur du curseur

L’image personnalisée s’affiche lorsqu’un utilisateur passe le curseur sur un objet d’apprentissage.

  • L’image personnalisée appliquée s’affiche lorsque l’utilisateur passe le curseur de la souris sur la page Web de Learning Manager.
  • Taille recommandée : 16 x 16 ou 24 x 24 px
  • Format d’image recommandé - PNG, JPG
Image de l’icône de progression

S’affiche lors de la navigation entre les pages. Présent aux emplacements où le gif de progression « 4 carrés » s’affiche.

  • Taille recommandée : inférieure ou égale à 32 x 32 px
  • Format d’image recommandé : GIF, PNG, JPG
Polices

Pour appliquer les polices, un CDN est requis. En outre, vous devez partager la famille de polices à appliquer.

Remarque : la famille de polices doit être prise en charge sur tous les navigateurs.

Image d’arrière-plan

Une image d’arrière-plan est uniquement visible dans un rôle d’élève.

Vous avez besoin de l’image que vous devez appliquer à l’arrière-plan de l’élève.

  • Format d’image recommandé : PNG, JPG, JPEG
  • Taille recommandée : 1400 x 908 px

Configuration des paramètres de recommandation configurerecommendationsettings

Activé Branding > Généralités, vous pouvez configurer les portées des recommandations pour les élèves internes et externes et permettre aux élèves de choisir des compétences sur la page d’accueil de l’élève.

Sur la Généralités , vous disposez des options suivantes :

Page d’accueil de l’élève
Sélectionnez Classique ou Immersive. Si vous choisissez Immersive, d’autres options s’affichent.
Type de formation
Choisissez Personnalisé ou Industrie alignée. S’il y a moins de 1 000 élèves, l’ensemble du compte est considéré comme une seule étendue. La recommandation est basée sur tous les élèves.
Définition de la portée de la recommandation
Sélectionnez un ou plusieurs champs actifs. Pour Personnalisé, vous pouvez choisir au maximum un champ actif. Pour Correspondant au secteur, vous pouvez choisir au maximum cinq champs actifs.
Permettre à l’élève de découvrir les centres d’intérêt
Applicable uniquement à l’expérience Classique. Choisir Oui ou Non.
Demandez aux utilisateurs de sélectionner des domaines (compétences)
Applicable uniquement à l’expérience Immersive. Choisir Oui ou Non.
recommendation-more-help
d5e5961a-141b-4c77-820e-8453ddef913d