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

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.

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.

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.

2. 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.

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

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.

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.

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

2. Saisissez un nom descriptif pour l’élément dans le champ adéquat.

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.

2. 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).

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.

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.

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.

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.

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.

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.

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.

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.

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.

3. Sélectionnez les éléments souhaités et ajoutez-les à votre bibliothèque.
4. Cliquez sur le bouton Exporter en bas du panneau Bibliothèque.

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.

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 la suppression des nuances inutilisées dans le panneau Nuancier, supprimez l’élément de bibliothèque de la page, si vous le souhaitez.

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.

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/

2. 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.
3. Ouvrez le dossier pour afficher son contenu. Il contient un fichier PNG.
4. 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.
5. Enregistrez le fichier PNG à son emplacement actuel et quittez le programme de retouche d’images.
6. 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.

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.