Organisation et réutilisation des éléments de conception à l’aide du panneau Bibliothèque

Découvrez comment organiser et réutiliser des widgets, des modèles et d’autres éléments de conception à l’aide du panneau Bibliothèque d’Adobe Muse CC.

Remarque :

Adobe Muse n’ajoute plus de nouvelles fonctionnalités et son support cessera le 26 mars 2020. Pour plus d’informations et pour obtenir de l’aide, reportez-vous aux questions fréquentes (FAQ) consacrées à la fin de service Adobe Muse.

Le panneau Bibliothèque de Muse constitue un moyen pratique de stocker et de gérer les éléments de page communs. Ajoutez des éléments à la bibliothèque afin de pouvoir y accéder rapidement et ajouter le contenu aux pages de votre site. La bibliothèque peut contenir de nombreux types d’éléments, notamment des logos, des images du site, des nuances, des repères, des widgets personnalisés, du HTML incorporé, des paragraphes, des caractères et des styles graphiques. Dans cet article, nous vous présentons l’utilisation du panneau Bibliothèque pour rationaliser votre processus de conception.

Les modules complémentaires Creative Cloud vous permettent de sélectionner une large gamme dֹ’éléments qui permettent d’améliorer votre conception. Pour télécharger, voir Modules complémentaires Creative Cloud pour Adobe Muse.

Accéder au panneau Bibliothèque

Vous pouvez accéder au panneau Bibliothèque lorsque vous êtes en mode Conception. Choisissez Fenêtre > Bibliothèque ou cliquez sur l’onglet Bibliothèque dans l’ensemble de panneaux ancré pour activer ce panneau.

Ouvrez le panneau Bibliothèque d’Adobe Muse.
Ouvrez le panneau Bibliothèque d’Adobe Muse.

Remarque :

Cliquez sur le lien pour vous rendre dans Adobe Muse Exchange et obtenir des éléments de bibliothèque à télécharger et à utiliser pour vos prochains projets de site.

Gestion des dossiers dans le panneau Bibliothèque

Création d’un dossier

Pour commencer à utiliser le panneau Bibliothèque, vous allez créer un nouveau dossier. Procédez comme suit :

  1. Cliquez sur le bouton Créer un dossier (icône de dossier) dans la partie inférieure du panneau Bibliothèque.
Cliquez sur le bouton Créer un dossier pour créer un dossier vide.
Cliquez sur le bouton Créer un dossier pour créer un dossier vide.

  1. Saisissez un nom descriptif dans le champ en regard de l’icône de dossier.

Les dossiers sont triés par ordre alphabétique dans le panneau Bibliothèque, afin que vous puissiez utiliser des noms similaires pour conserver ensemble dans la liste les éléments liés.

A tout moment, vous pouvez cliquer deux fois sur un dossier dans la bibliothèque pour le renommer.

Saisissez un nom de dossier descriptif dans le champ.
Saisissez un nom de dossier descriptif dans le champ.

Une fois que vous avez créé un dossier, vous pouvez ajouter des éléments à la bibliothèque.

Remarque :

Même si vous pouvez également ajouter un élément de bibliothèque au panneau Bibliothèque sans créer de dossier au préalable, il est plus rapide de créer un dossier, de le nommer, puis d’ajouter un élément que d’ajouter un nouvel élément et de renommer ensuite le nouvel élément et son dossier. Quelle que soit la méthode que vous préférez, il est recommandé de toujours nommer les dossiers et les éléments du panneau Bibliothèque de manière descriptive.

Si vous prévoyez d’ajouter plusieurs éléments à la bibliothèque, vous pouvez créer et nommer un ensemble de dossiers vides avant d’ajouter les éléments.

Ajoutez des dossiers pour organiser divers éléments du site Adobe Muse de façon à ce qu’ils soient faciles à trouver.
Ajoutez des dossiers pour organiser divers éléments de site de façon à ce qu’ils soient faciles à trouver.

Ajout d’éléments de page aux dossiers

Pour ajouter des éléments à la bibliothèque afin que vous puissiez rapidement y accéder et les ajouter à d’autres pages, sélectionnez un élément sur la page. Si vous voulez sélectionner plusieurs éléments, maintenez enfoncée la touche Maj ou cliquez et faites glisser l’outil Sélection pour sélectionner les éléments souhaités.

Choisissez l’une des deux options suivantes pour ajouter des éléments à la bibliothèque :

Option 1 :

  1. Cliquez avec le bouton droit de la souris sur le ou les éléments sélectionnés, choisissez Ajouter à la bibliothèque, puis sélectionnez le dossier dans lequel enregistrer l’élément de bibliothèque.
Dans le menu contextuel d’Adobe Muse, sélectionnez l’option Ajouter à la bibliothèque.
Dans le menu contextuel, sélectionnez l’option Ajouter à la bibliothèque.

Le ou les éléments sélectionnés sont ajoutés au dossier et un aperçu s’affiche dans le panneau Bibliothèque.

  1. Saisissez un nom descriptif pour l’élément dans le champ adéquat.
Saisissez un nom descriptif pour le nouvel élément stocké dans le dossier.
Saisissez un nom descriptif pour le nouvel élément stocké dans le dossier.

Vous pouvez également utiliser la méthode suivante pour ajouter les éléments sélectionnés à la bibliothèque :

Option 2 :

  1. Une fois les éléments sélectionnés, cliquez sur le bouton Ajouter le ou les éléments sélectionnés (icône de page tournée) dans le coin inférieur droit du panneau Bibliothèque.
Cliquez sur le bouton Ajouter le ou les éléments sélectionnés.
Cliquez sur le bouton Ajouter le ou les éléments sélectionnés.

  1. Saisissez le nom de l’élément dans le champ adéquat.

Une fois qu’un dossier contient au moins un élément, vous pouvez cliquer sur la flèche orientée vers le bas située à gauche du nom du dossier pour développer ou réduire le contenu du dossier.

Si le projet est volumineux, vous pouvez réduire tous les dossiers dans le panneau Bibliothèque, ce qui raccourcit la liste des éléments, et la rend plus facile à parcourir et à gérer. Pour ouvrir ou fermer tous les dossiers du panneau Bibliothèque, cliquez sur la flèche en maintenant enfoncée la touche Option (Alt sous Windows).

Attribution de nouveaux noms et organisation des dossiers

Comme cela a déjà été mentionné, vous pouvez cliquer deux fois sur un dossier pour le renommer à tout moment. Si vous stockez des éléments pour un client ou une section du site spécifique, il est intéressant de nommer tous les dossiers du panneau Bibliothèque de façon à ce que les dossiers apparaissent les uns à côté des autres.

Les noms des dossiers sont classés par ordre alphabétique dans le panneau Bibliothèque Adobe Muse.
Noms des dossiers, classés par ordre alphabétique dans le panneau Bibliothèque.

Il est recommandé de nommer les dossiers et les éléments de bibliothèque de manière descriptive : n’utilisez pas le nom Sans titre attribué par défaut par Muse. En ajoutant un nom descriptif, vous pouvez localiser rapidement des éléments en parcourant la liste des dossiers. Cette méthode permet aussi de rechercher des éléments de bibliothèque spécifiques, comme indiqué à la section suivante.

Gestion des ressources dans le panneau Bibliothèque

Recherche dans le panneau Bibliothèque

Après avoir ajouté de nombreux éléments au panneau Bibliothèque, il peut être difficile de se souvenir quel dossier contient un élément précis que vous souhaitez utiliser. Vous pouvez toujours développer chaque dossier pour afficher son contenu, mais cela peut devenir long lorsque vous travaillez avec des bibliothèques importantes.

Pour effectuer une recherche dans le panneau Bibliothèque, saisissez une partie du nom de l’élément dans le champ Filtrer par nom.

Tous les éléments correspondants sont affichés dans la liste en-dessous dans des dossiers développés.

Recherchez un élément spécifique en saisissant son nom dans le champ de recherche.
Recherchez un élément spécifique en saisissant son nom dans le champ de recherche.

Lorsque votre recherche est terminée, cliquez sur le bouton X pour effacer le contenu du champ et visualiser l’ensemble de la liste des éléments du panneau Bibliothèque.

Importation de ressources

Il est possible de partager des ressources personnalisées contenues dans des bibliothèques avec d’autres utilisateurs, ce qui permet la collaboration avec d’autres concepteurs et la standardisation de l’aspect du site. Les fichiers exportés à partir de la bibliothèque Muse sont enregistrés avec l’extension de fichier .mulib.

Pour importer un fichier de la bibliothèque Muse dans votre projet en cours, cliquez deux fois sur un fichier .mulib. Muse s’ouvre (s’il ne l’est pas déjà) et le contenu du fichier de bibliothèque est ajouté au panneau Bibliothèque.

Vous pouvez également procéder comme suit :

  1. Cliquez sur le bouton Importer la bibliothèque Muse dans l’angle inférieur gauche du panneau Bibliothèque.
  2. Dans la boîte de dialogue Importer les éléments de la bibliothèque qui s’affiche, sélectionnez un fichier .mulib sur votre bureau, puis cliquez sur Ouvrir.
Cliquez sur le bouton Importer la bibliothèque Muse et ouvrez un fichier .mulib dans Adobe Muse.
Cliquez sur le bouton Importer la bibliothèque Muse et ouvrez un fichier .mulib.

Le ou les dossiers importés apparaissent dans le panneau Bibliothèque, prêts à être utilisés dans le fichier actif.

Si vous souhaitez importer des éléments de bibliothèque alors que vous n’êtes pas en mode Conception, vous pouvez également sélectionner Fichier > Ouvrir un site, puis parcourir pour sélectionner un ou plusieurs fichiers .mulib dans la boîte de dialogue Ouvrir qui s’affiche.

Utilisation des éléments de bibliothèque dans vos conceptions

Vous pouvez stocker et gérer différents types de ressources, y compris des graphiques, des images vectorielles, des formulaires, des éléments d’en-tête et de pied de page, etc. Vous pouvez utiliser ces éléments pour vos conceptions de deux manières :

Insertion des éléments de bibliothèque :

Sélectionnez l’élément que vous souhaitez utiliser dans votre conception. Faites glisser l’élément de bibliothèque dans la vue Conception.

Insertion d’éléments de bibliothèque avec des points d’arrêt :

Si votre élément de bibliothèque comporte des points d’arrêt, vous pouvez placer les éléments dans votre mise en page avec les points d’arrêt. Pour utiliser des éléments de bibliothèque avec des points d’arrêt, cliquez sur le signe plus (+) à côté de l’élément. Faites glisser et déposez l’élément dans la vue Conception.

Ajout d’éléments de bibliothèque avec des points d’arrêt dans Adobe Muse
Ajout d’éléments de bibliothèque avec des points d’arrêt

Les points d’arrêt de l’élément de bibliothèque sont ajoutés à la page. Cette fonctionnalité vous permet d’ajouter un ensemble de points d’arrêt sur le gabarit et les pages enfant, d’un simple clic. Vous pouvez également conserver les points d’arrêt dans différents projets d’Adobe Muse.

s’il existe déjà des points d’arrêt dans une page et si vous ajoutez un élément de bibliothèque avec des points d’arrêt, tous les points d’arrêt sont incorporés dans la page.

Exportation d’images et autres ressources

Une fois que vous avez ajouté du contenu au panneau Bibliothèque, vous pouvez l’exporter en tant que fichier indépendant afin de le partager avec d’autres concepteurs (ou afin d’accélérer votre propre processus de conception lorsque vous travaillez sur plusieurs ordinateurs).

Il est important de noter que le contenu associé à votre site web (plutôt qu’imbriqué dans le site), par exemple des fichiers OAM Adobe Edge Animate, des clips vidéo et d’autres contenus liés, n’est pas inclus dans le fichier .mulib que vous créez lors de l’exportation des éléments du panneau Bibliothèque.

Procédez comme suit pour exporter un fichier de bibliothèque Muse qui contient également des images :

  1. Dans le mode Conception, créez l’élément ou l’ensemble d’éléments à ajouter à votre bibliothèque. Cet ensemble d’éléments peut inclure des rectangles, du texte et des images.
  2. Avant d’ajouter les éléments au panneau Bibliothèque, ouvrez le panneau Ressources (Fenêtre > Ressources), cliquez avec le bouton droit de la souris sur la ou les images à exporter, puis choisissez Incorporer un lien.

Remarque : si les éléments de bibliothèque que vous souhaitez exporter ne contiennent pas d’images, vous pouvez ignorer l’étape 2.

  1. Sélectionnez les éléments souhaités et ajoutez-les à votre bibliothèque.
  2. Cliquez sur le bouton Exporter en bas du panneau Bibliothèque.
Sélectionnez les dossiers ou les éléments à exporter et cliquez sur le bouton Exporter.
Sélectionnez les dossiers ou les éléments à exporter et cliquez sur le bouton Exporter.

Un fichier .mulib est créé et enregistré sur votre bureau (ou à l’endroit spécifié). Envoyez le fichier .mulib par courrier électronique ou par transfert de fichiers à un autre concepteur ou à un autre membre de l’équipe.

Lorsque le destinataire ouvre le fichier .mulib et ajoute l’élément de bibliothèque à une page, les images s’affichent en tant qu’images incorporées dans le panneau Ressources.

Création de nuances personnalisées

A l’aide du panneau Bibliothèque, vous pouvez enregistrer un élément qui contient toutes les couleurs utilisées dans une conception de site. Vous pouvez également sélectionner un ensemble personnalisé de repères et l’ajouter au panneau Bibliothèque. Ces processus sont très utiles pour standardiser l’aspect de vos projets de site.

Procédez comme suit pour importer un ensemble de nuances spécifique dans un nouveau fichier .muse pour accélérer le processus de création.

  1. Ouvrez le fichier .muse contenant les couleurs que vous voulez enregistrer. Utilisez l’outil Rectangle pour créer un simple rectangle, puis faites glisser le rectangle en maintenant enfoncée la touche Option/Alt pour le dupliquer plusieurs fois. Définissez le fond de chaque rectangle sur l’une des valeurs des couleurs primaires du site, à l’aide de l’outil Pipette dans le menu Fond.
  2. Créez un nouveau dossier dans le panneau Bibliothèque pour stocker les nuances.
  3. Utilisez l’outil Sélection pour sélectionner l’ensemble des rectangles. Vous pouvez soit cliquer avec le bouton droit de la souris sur le groupe de rectangles sélectionné et choisir Ajouter à la bibliothèque, soit cliquer sur le bouton Ajouter le ou les éléments sélectionnés en bas du panneau Bibliothèque. Saisissez un nom descriptif dans le champ pour étiqueter l’ensemble de couleur.
  4. Sélectionnez le dossier contenant les nuances et cliquez sur le bouton Exporter en bas du panneau Bibliothèque pour exporter un fichier de bibliothèque Muse avec le contenu sélectionné. Envoyez le fichier .mulib au membre de l’équipe en pièce jointe d’un courrier électronique ou transférez le fichier par le biais d’un lecteur USB.
  5. Le destinataire du fichier .mulib ouvre Muse, crée un nouveau site, ouvre le panneau Bibliothèque, puis clique sur le bouton Importer pour importer le fichier contenant les nuances dans sa bibliothèque. (Il peut également sélectionner Fichier > Ouvrir un site et ouvrir le fichier .mulib.)
  6. Ensuite, il fait glisser l’élément contenant les couleurs du panneau Bibliothèque vers une page pour ajouter les nuances au panneau Nuancier.
  7. Le destinataire ouvre ensuite le panneau Nuancier (Fenêtre > Nuancier), clique avec le bouton droit de la souris sur le panneau Nuancier et choisit l’option Supprimer tout élément inutilisé dans le menu contextuel qui s’affiche.
Après l’importation, supprimez les nuanciers inutilisés dans un nouveau site Adobe Muse.
Après avoir importé les nuances dans un nouveau site, vous pouvez choisir de supprimer toutes les couleurs non utilisées dans le panneau Nuancier.

Après la suppression des nuances inutilisées dans le panneau Nuancier, supprimez l’élément de bibliothèque de la page, si vous le souhaitez.

Remarque :

La même méthode fonctionne pour l’importation des styles de paragraphes et de caractères si vous les attribuez à du texte et ajoutez un bloc de texte comme élément dans le panneau Bibliothèque.

Création de vignettes personnalisées

Le volet d’aperçu du panneau Bibliothèque est conçu comme un indicateur visuel du contenu sélectionné, qui facilite la sélection d’éléments de la bibliothèque et leur ajout à des pages. Toutefois, le volet d’aperçu est configuré pour afficher les fichiers sous forme de carré. Il est possible que, si vous ajoutez un élément ou un ensemble d’éléments plus haut ou plus large à la bibliothèque, la vignette d’aperçu soit redimensionnée.

Création de vignettes personnalisées dans Adobe Muse
Création de vignettes personnalisées dans Adobe Muse

Si vous le souhaitez, vous pouvez créer une vignette différente à utiliser comme aperçu pour l’élément de bibliothèque. Procédez comme suit :

  1. Utilisez le Finder sur Mac ou l’Explorateur Windows pour rechercher le répertoire suivant sur votre ordinateur :
  • Mac : ~/Library/Preferences/Adobe/AdobeMuseLibrary/
  • Windows : %AppData%/AdobeMuseLibrary/
Remarque :

Sous Mac OSX, vous pouvez sélectionner Aller > Aller au dossier pour accéder au répertoire. Sous Windows, copiez le chemin ci-dessus et collez-le dans la barre d’URL pour accéder au dossier.

  1. Repérez le nom du dossier qui correspond au dossier de bibliothèque Muse à mettre à jour. Dans cet exemple, le dossier de bibliothèque s’appelle nav - arrière-plan.
  2. Ouvrez le dossier pour afficher son contenu. Il contient un fichier PNG.
  3. A l’aide d’un programme de retouche d’images comme Photoshop ou Fireworks, ouvrez le fichier PNG. Modifiez le fichier PNG comme vous le souhaitez.
  4. Enregistrez le fichier PNG à son emplacement actuel et quittez le programme de retouche d’images.
  5. Revenez dans Muse et sélectionnez l’élément dans la bibliothèque. Le fichier PNG que vous avez modifié est affiché dans le volet d’aperçu.
Le fichier PNG personnalisé affiche une vignette plus facile à identifier d’un seul coup d’œil.
Le fichier PNG personnalisé affiche une vignette plus facile à identifier d’un seul coup d’œil.

Pour en savoir plus sur l’utilisation d’Adobe Muse, rendez-vous sur la page d’aide et de tutoriels de Muse et consultez le forum d’assistance d’Adobe Muse.

Logo Adobe

Accéder à votre compte