Remplacer les illustrations d’icônes par des images personnalisées

Modifiez ou remplacez les illustrations d’icônes par défaut par vos propres images personnalisées pour promouvoir des éléments visuels qui reflètent l’image de marque de votre entreprise. Lorsque vous remplacez une icône, Générateur de thèmes elle est mise à jour partout où elle est utilisée dans l’interface.

Avant de commencer

Rôle requis : ui_builder_admin

Pour en savoir plus sur les rôles granulaires, reportez-vous à la section Granular admin roles.

Pourquoi et quand exécuter cette tâche

Lorsque vous remplacez l’image de base, Générateur de thèmes les autres tailles d’icône sont automatiquement redimensionnées par votre nouvelle image de base. Cela signifie que vous n’avez besoin de gérer qu’un seul fichier source et Générateur de thèmes que chaque taille est synchronisée pour vous. Si les tailles générées automatiquement perdent de la netteté ou des détails importants, vous pouvez remplacer n’importe quelle taille indépendamment.

Vous pouvez remplacer un ensemble d’icônes entier via une seule image de base ou fournir des ressources spécifiques à la taille pour un contrôle précis.

Utilisez le remplacement de l’image de base lorsque :

• Vous souhaitez agir rapidement avec une source unique de vérité.
• Des modifications mineures de la mise à l’échelle sont acceptables.

Utiliser des remplacements par taille lorsque :

• Vous avez besoin de poids de trait uniformes pour toutes les tailles.
• Les détails fins se perdent à 12×12 ou 16×16, et vous voulez des illustrations simplifiées de petite taille.
• Votre équipe de conception maintient un ensemble d’icônes sur mesure en fonction de la taille.

Important :

Les images personnalisées s’appliquent aux espaces de travail et ne sont pas prises en charge dans le Interface utilisateur principale.

Procédure

1. Accédez à la Tous > Cadre de travail Now Experience > Générateur de thèmes.
   La Générateur de thèmes page de destination s’ouvre dans un nouvel onglet et s’affiche dans la vue Page d’accueil.
2. Utilisez la liste déroulante Page pour sélectionner la vue de page de l’éditeur.

   Figure 1. Vue de la page de l’éditeur

   

3. Dans la liste déroulante Thème, sélectionnez le thème que vous souhaitez modifier.
4. Sélectionnez l’onglet Styles de l’image dans le panneau Styles généraux et développez Icônes.
5. Utilisez l’une des options suivantes pour sélectionner l’ensemble d’illustrations d’icônes que vous souhaitez remplacer.
   • Sélectionnez l’icône Filtre et développez la catégorie d’icônes pour sélectionner le jeu d’illustrations spécifique que vous souhaitez remplacer. Activez l’option Afficher uniquement les images modifiées pour afficher uniquement les icônes que vous avez modifiées.
   • Entrez du texte dans le champ de recherche pour filtrer la bibliothèque d’icônes. Les résultats se mettent à jour lorsque vous entrez et affichent les icônes par défaut et personnalisées correspondantes disponibles dans la bibliothèque d’icônes du thème.
   • Faites défiler la liste des illustrations d’icônes dans la scène principale. Utilisez la commande d’enregistrements par page pour afficher 10, 20, 50 ou 100 icônes à la fois pendant que vous naviguez.
   Une fois que vous avez sélectionné une illustration, le panneau des propriétés s’ouvre.

   Figure 2. Onglet Styles de l’image avec icônes développé

   

6. Dans le panneau des propriétés, sélectionnez le nom de fichier correspondant à la taille de l’icône que vous souhaitez remplacer.
   Remarque :

   Pour mettre à jour toutes les tailles, remplacez l’image de base. Le remplacement d’autres tailles n’affecte que cette taille. Si vous remplacez l’image de base, toutes les tailles plus petites sont automatiquement mises à l’échelle et toutes les tailles supplémentaires que vous avez déjà appliquées sont remplacées.
7. Utilisez l’une des options suivantes pour charger votre image personnalisée :
   • Sélectionnez Parcourir, choisissez votre fichier image personnalisé dans le navigateur de fichiers de votre ordinateur, puis sélectionnez Ouvrir.
   • Faites glisser votre fichier image personnalisé depuis le navigateur de fichiers de votre ordinateur et déposez l’image directement dans le modal.
   Reportez-vous au modal de chargement d’image pour connaître les limites de taille et de format ou reportez-vous à la section Illustrations d’icônes dans Générateur de thèmes. Si votre image personnalisée ne répond pas à la taille et au format requis, votre image n’est pas enregistrée.
8. Prévisualisez votre image dans le modal et sélectionnez Enregistrer.
   Votre image personnalisée apparaît sur la scène principale dans le type d’illustration d’icône que vous avez choisi. Le nom de fichier de votre image personnalisée est maintenant répertorié dans le panneau des propriétés.
9. Facultatif : Sélectionnez l’icône Supprimer le remplacement pour restaurer l’illustration de l’icône par défaut.
   Remarque :

   La suppression du remplacement de l’image de base réinitialise l’icône à son état par défaut et efface tous les remplacements de taille individuels.
10. Prévisualisez vos modifications avant de publier votre thème sur votre instance.

    La mise à l’échelle de l’icône peut introduire des problèmes de netteté ou de détail qui ne sont visibles que dans une expérience en direct.

    1. Sélectionnez l’onglet Expériences dans le panneau Styles globaux.
    2. Sélectionnez l’expérience que vous souhaitez prévisualiser dans la liste déroulante Expérience.
    3. Sélectionnez l’icône Ouvrir dans un nouvel onglet pour ouvrir l’expérience dans un nouvel onglet.

       Figure 3. Aperçu de l'expérience

       

Résultats

Si votre thème est publié, vos images personnalisées sont visibles par les utilisateurs qui ont appliqué votre thème lors de l’actualisation. Pour plus d’informations sur la publication de thèmes, reportez-vous à la section Publier vos thèmes avec Générateur de thèmes.