Utilisation des styles graphiques dans Adobe Muse

Adobe Muse offre un mécanisme intuitif permettant d’enregistrer et de réutiliser les styles appliqués aux objets d’une page web. La création et la réutilisation des styles est une manière simple d’assurer l’homogénéité de la conception et de l’aspect de l’ensemble des pages de votre site web. Les styles vous permettent également de mettre votre site web à jour rapidement, sans avoir à définir à nouveau les couleurs, les polices, la mise en forme du texte, etc.

L’utilisation des styles dans Muse vous permet de bénéficier des avantages suivants :

• L’homogénéité de la présentation de l’ensemble des pages de votre site web ;
• Une productivité accrue grâce à la mise à profit des styles existants, ainsi que la création de nouveaux styles et leur réutilisation sur différentes pages web.

Les styles incluent les options Couleur de fond, Couleur de contour, Effets, etc. Les styles peuvent être appliqués à tous les types d’objets de Muse, tels que les images, les graphiques, les formes, le texte, les caractères, etc. Dans Muse, les styles sont classés dans les catégories suivantes :

• Styles graphiques
• Styles de paragraphe
• Styles de caractère

Un style graphique est un ensemble réutilisable d’attributs d’aspect. Les styles graphiques vous permettent de modifier rapidement l’aspect d’un objet : vous pouvez, par exemple, modifier sa couleur de fond et de contour, sa transparence, puis appliquer des effets en une seule étape.

Les styles graphiques comprennent l’ajout d’une couleur de fond aux formes, l’ajout d’effets tels que des ombres et des effets de biseau aux images, l’ajout de couleurs aux contours de forme, etc. Cette stylisation peut être conservée dans le panneau Styles graphiques d’Adobe Muse. Une fois créé, il est possible d’appliquer à nouveau un style graphique à l’ensemble des graphiques du site web et à tout le site web d’un simple clic.

Vous pouvez appliquer des styles graphiques à des objets, groupes et calques. Lorsque vous appliquez un style graphique à un groupe ou un calque, chaque objet du groupe ou du calque prend les attributs de ce style graphique. Imaginons, par exemple, un style graphique de 50 % d’opacité. Si vous appliquez ce style graphique à un calque, tous les objets du calque ou objets ajoutés semblent à moitié opaques. Toutefois, lorsque vous déplacez un objet en dehors du calque, l’aspect de l’objet reprend son opacité d’origine.

Création d’un style graphique

1. Sélectionnez l’objet auquel vous avez appliqué un style sur la page web.
2. Sous Fenêtre, ouvrez le panneau Styles graphiques.
3. Cliquez sur le bouton pour créer un style graphique, intitulé Style par défaut. Vous pouvez également cliquer sur le panneau Styles graphiques avec le bouton droit de la souris (Commande + clic sur Mac), puis sélectionner Nouveau style graphique dans le menu contextuel.
4. Double-cliquez sur le style graphique nouvellement créé pour afficher la boîte de dialogue Options de style graphique.
5. Saisissez un nom explicite dans le champ Nom du style. Vérifiez que les paramètres de style graphique du champ Paramètre de style sont corrects.

Application d’un style graphique

Pour appliquer un style graphique que vous avez créé, procédez comme suit :

1. Sélectionnez un objet ou un groupe (ou ciblez un calque dans le panneau Calques).
2. Pour appliquer un seul style à un objet, utilisez l’une des méthodes suivantes :
   • Sélectionnez un style dans le panneau Styles graphiques.
   • Faites glisser le style graphique sur un objet de la fenêtre de document (il n’est pas nécessaire de sélectionner l’objet au préalable) OU sélectionnez le style graphique de votre choix dans le panneau Styles graphiques.
3. Pour fusionner un style avec les attributs de style d’un objet ou pour appliquer plusieurs styles à un objet, utilisez l’une des méthodes suivantes :
   • Tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée, faites glisser le style du panneau Styles graphiques sur l’objet.
   • Sélectionnez l’objet, puis tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée, cliquez sur le style dans le panneau Styles graphiques.

Copie d’un style graphique

Vous pouvez copier les styles graphiques afin d’appliquer ces attributs réutilisables d’un élément à un autre. D’un simple clic, vous pouvez copier les attributs de style d’un élément source et les coller sur plusieurs éléments cibles. En outre, vous pouvez coller de façon sélective les attributs dont vous avez besoin uniquement.

Dissociation d’un style graphique

Pour dissocier un objet graphique d’un style graphique, procédez comme suit :

1. Sélectionnez l’objet que vous souhaitez dissocier du style graphique.
2. Sélectionnez Fenêtre > Styles graphiques.
   
3. A partir du panneau Styles graphiques, cliquez sur le bouton .
   

Redéfinition d’un style

Vous pouvez redéfinir un style graphique afin de mettre à jour ses paramètres de style instantanément. Une pratique courante de conception consiste à réutiliser les attributs de style, ce qui entraîne des remplacements de style. Adobe Muse indique ces remplacements par le signe + .

Adobe Muse permet de conserver ou d’effacer les remplacements de style. Vous pouvez conserver les remplacements en redéfinissant un style.

Procédez comme suit :

1. Sélectionnez Fenêtre > Styles graphiques.
2. Sélectionnez le style graphique à redéfinir, puis cliquez sur le bouton .

Suppression des remplacements de style

Une pratique courante de conception consiste à modifier les attributs de style, ce qui entraîne des remplacements de style signalés par le style +. Adobe Muse permet d’annuler les modifications non intentionnelles d’un style graphique en effaçant les remplacements de style.

Pour effacer les remplacements de style, procédez comme suit :

1. Sélectionnez Fenêtre > Styles graphiques.
   
2. Sélectionnez le style graphique dont vous souhaitez effacer les remplacements de style.
3. Cliquez sur le bouton .

Effacer tous les styles

L’option Effacer tous les styles permet de supprimer tous les attributs de style appliqués à un objet graphique et de revenir à un style sans fond, sans contour et sans effet.

Pour effacer tous les styles, procédez comme suit :

1. Sélectionnez l’objet graphique dont vous souhaitez effacer le style.
2. A l’aide du bouton droit de la souris, cliquez sur Effacer tous les styles depuis le menu contextuel.

Aller à Utilisation des styles

Vous pouvez désormais suivre et gérer l’utilisation des styles sur votre site web. La nouvelle option Aller à Utilisation des styles permet d’afficher la liste complète des pages de votre site web sur lesquelles un style graphique est utilisé.

1. Sélectionnez Fenêtre > Styles graphiques.
   
2. A l’aide du bouton droit de la souris, cliquez sur un style et sélectionnez Aller à Utilisation des styles.