Thèmes de couleur

Dernière mise à jour : 1 août 2024

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 pouvez pas lancer la formation, écrivez à almacademy@adobe.com.

Identité visuelle

Cliquez sur Identité visuelle dans le volet de gauche pour mettre à jour le nom de votre organisation, modifier le sous-domaine, les styles de journaux et les thèmes. Cliquez sur Modifier en regard de chaque rubrique pour modifier le contenu.

Style de logo

Cliquez sur Modifier pour définir l'apparence de votre logo et du 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

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 Afficher les conseils sous cette section pour afficher les conseils sur l'image comme indiqué ci-dessous.

Afficher 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 sélecteur de 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

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

  1. Dans l'application Administration, sélectionnez Identité visuelle dans le volet de gauche.
  2. Sélectionnez 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).
INFO
Consultez ce blog pour plus d'informations.

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

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 l'assistance Learning Manager.

PersonnaliserRecommandations
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

Sur Identité visuelle > Général, vous pouvez configurer la portée 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 page Général, vous disposez des options suivantes :

Page d’accueil de l’élèveSélectionnez Classique ou Immersive. Si vous choisissez Immersive, d’autres options s’affichent.
Type de formationChoisissez 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 recommandationSé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êtApplicable uniquement à l’expérience Classique. Choisissez Oui ou Non.
Demandez aux utilisateurs de sélectionner des domaines (compétences)Applicable uniquement à l’expérience Immersive. Choisissez Oui ou Non.
Page précédenteBadges
Page suivanteRelevés de notes des élèves

Learning Manager