Versions 2015.2 et 2015.1 d’Adobe Muse CC

Remarque :

Aucune nouvelle fonctionnalité n’est plus ajoutée à Adobe Muse et le support prendra fin le 26 mars 2020. Pour plus d’informations et pour obtenir de l’aide, reportez-vous à la page de fin de service Adobe Muse.

Nouvelles fonctionnalités des versions précédentes

Configuration requise

La version d’Adobe Muse CC (2015.2 et 2015.1) offre plusieurs fonctionnalités et améliorations intéressantes, dont l’intégration à Adobe Comp CC, les workflows In-Browser Editing, les effets de défilement dans les mises en page responsive, le nouvel outil Ellipse et les améliorations des bibliothèques CC. Pour en savoir plus sur les nouvelles fonctionnalités, poursuivez votre lecture ou consultez les liens ci-après pour obtenir des ressources de formation supplémentaires.

Nouvelles fonctionnalités et améliorations dans Adobe Muse 2015.2

Intégration à Adobe Comp CC

Nouveautés d’Adobe Muse CC 2015.2 | Juin 2016

Adobe Muse est désormais intégré à Comp CC, une application Adobe, disponible pour les iPhones et les iPads. Cette application facilite la création de mises en page sur les appareils mobiles comme sur les postes de travail, à tout moment et en tout lieu.

Comp CC vous permet d’ajouter des composants tels que des rectangles, des espaces réservés pour une image ou des zones de texte d’un simple geste de la main. L’application convertit ces gestes en graphismes précis, ce qui vous permet d’effectuer une mise en page en quelques minutes.

Comp CC est également intégrée aux Bibliothèques Creative Cloud. Cela signifie que vous pouvez concevoir des menus ou libellés dans une seule application telle que Photoshop et utiliser ces ressources pour la mise en page dans Adobe Muse. Vous pouvez également utiliser des widgets, tels que des cartes ou les formulaires de contact d’Adobe Muse lors de la création de la structure filaire de votre mise en page dans Comp CC.

Grâce à l’intégration d’Adobe Muse à Comp CC, vous pouvez créer un brouillon de mise en page et l’importer dans Adobe Muse en un seul clic. Vous pouvez ensuite y apporter les touches finales dans Adobe Muse. Pour savoir comment utiliser Comp CC avec Adobe Muse, voir Intégration d’Adobe Muse à Adobe Comp CC. Vous pouvez également voir un exemple de workflow sur la création d’une mise en page Adobe Muse avec Comp CC.

In-Browser Editing

Nouveautés d’Adobe Muse CC 2015.2 | Juin 2016

L’outil In-Browser Editing dans Adobe Muse possède une nouvelle interface utilisateur améliorée. Dans cette version d’Adobe Muse, In-Browser Editing prend en charge les nouvelles fonctionnalités suivantes :

  • Affichage des éléments modifiables : effectuez un long clic sur la page In-Browser pour afficher tous les éléments modifiables.
  • Modification de texte sur la page : vous pouvez modifier du texte dans In-Browser Editor, puis afficher les modifications au fur et à mesure que vous tapez.
  • Annulation et rétablissement des modifications : vous pouvez désormais annuler et rétablir les modifications.
  • Temps de chargement plus rapide : In-Browser Editing se charge désormais plus vite qu’auparavant.
  • Sélection des mises en page pendant la modification : vous disposez également d’une liste déroulante pour créer des sites à l’aide de variantes de mise en page dans Adobe Muse.

Pour afficher les informations sur chacune de ces fonctionnalités, voir Modification du contenu du site à l’aide d’In-Browser Editing.

Nouvel écran de démarrage

Nouveautés d’Adobe Muse CC 2015.2 | Juin 2016

L’écran de bienvenue, ou écran de démarrage, d’Adobe Muse a été mis à jour pour intégrer de nouvelles fonctionnalités communes à toutes les applications Creative Cloud, telles que les menus Nouveau et Ouvert. Au lancement de l’écran de démarrage, s’affichent les fichiers récemment ouverts ainsi que des détails tels que le nom, la taille et le type des fichiers, mais également la date de leur dernière ouverture.

Nouvel écran de démarrage CCX
Nouvel écran de bienvenue d’Adobe Muse

Outil de collecte de ressources

Nouveautés d’Adobe Muse CC 2015.2 | Juin 2016

L’outil de collecte de ressources du panneau Ressources vous permet de déplacer toutes vos ressources vers un autre emplacement. Vous pouvez désormais copier toutes vos ressources dans un seul dossier, sur votre ordinateur ou votre disque dur. Enregistrez vos fichiers dans un emplacement unique, puis déplacez votre projet Adobe Muse en quelques clics.

Outil de collecte de ressources
Outil de collecte de ressources d’Adobe Muse

Outil Ellipse

Nouveautés d’Adobe Muse CC 2015.2 | Juin 2016

Améliorez l’apparence de vos sites web à l’aide de l’outil Ellipse. Créez des ellipses directement à l’aide de cet outil et maintenez la touche Maj enfoncée pour former des cercles. Pour savoir comment utiliser l’outil Ellipse, voir Utilisation des objets.

Amélioration de la conception responsive

Améliorations dans Adobe Muse CC 2015.2 | Juin 2016

Widgets responsive

Désormais, les widgets YouTube et Vimeo sont responsive en largeur et en hauteur. Utilisez ces widgets dans vos sites web responsive, et observez-les s’adapter proportionnellement à la largeur du navigateur.

Les cadres rectangulaires sont désormais responsive en hauteur et en largeur.

Déplacement vertical de la poignée

La nouvelle poignée de déplacement vertical dans Adobe Muse facilite le déplacement des objets en tant que groupe. Lorsque vous sélectionnez un objet dans une mise en page responsive Adobe Muse, la poignée de déplacement verticale apparaît dans la marge de gauche. Cette poignée vous permet de sélectionner et déplacer un objet et ceux qui sont situés au-dessous simultanément.

Modification de la largeur minimale de la page

Vous pouvez désormais modifier la largeur minimale d’une page directement à l’aide de la barre de point d’arrêt. Pour cela, placez le pointeur de la souris sur le bord de la zone de dimensionnement de la page minimale dans la barre de points d’arrêt. Lorsque le curseur se transforme en curseur de redimensionnement, cliquez et faites glisser pour ajuster la largeur de page minimale.

Voir Positionnement d’objets dans une mise en page responsive pour plus d’informations sur chacune de ces améliorations.

Amélioration des bibliothèques CC

 Améliorations dans Adobe Muse CC 2015.2 | Juin 2016

Désormais, il est possible d’ajouter des nuances au panneau Nuancier à partir des bibliothèques CC. Vous pouvez sélectionner des couleurs à partir des bibliothèques CC et les ajouter au panneau Nuancier.

Il est également possible de choisir une couleur à partir des bibliothèques CC et la définir en tant que couleur de contour ou de texte dans Adobe Muse.

Pour savoir comment utiliser les couleurs dans les bibliothèques CC d’Adobe Muse, voir la section sur l’utilisation des couleurs dans les bibliothèques CC.

Amélioration de la vue Plan

Améliorations dans Adobe Muse CC 2015.2 | Juin 2016

La vue Plan dans Adobe Muse inclut désormais une option de mise en page verticale. Jusqu’à la version précédente, vous pouviez afficher la hiérarchie et la structure de votre site web uniquement dans la vue horizontale. Désormais, il vous suffit de cliquer sur (icône d’affichage vertical de la carte du site) pour visualiser les plans d’un site complexe verticalement.

Amélioration du classement Google PageSpeed

Améliorations dans Adobe Muse CC 2015.2 | Juin 2016

Adobe Muse charge désormais tout le code JavaScript asynchrone. En outre, si votre site est hébergé sur un serveur web Apache et que vous téléchargez votre site via FTP, la mise en cache du navigateur pour les fichiers CSS, image et JavaScript est activée. Ces modifications peuvent améliorer le classement Google PageSpeed.

Tout comme les sites existants, les nouveaux sites attendent que les polices web soient disponibles avant d’afficher la page. Désormais, vous pouvez permettre à votre page de se charger plus rapidement à l’aide des polices de secours. Vous pouvez activer cette option dans la boîte de dialogue Propriétés du site en cliquant sur Avancé > Polices web.

Amélioration des workflows Illustrator

Améliorations dans Adobe Muse CC 2015.2 | Juin 2016

Vous pouvez désormais importer les fichiers Illustrator (.ai) directement à partir de votre ordinateur ou disque dur dans Adobe Muse, sans les exporter d’abord en tant que fichiers SVG.

Amélioration des cadres d’image

Améliorations dans Adobe Muse CC 2015.2 | Juin 2016

Le nouvel outil Cadre d’image dans Adobe Muse vous permet de créer des images rectangulaires et elliptiques. Désormais, vous pouvez créer les espaces réservés pour une image de votre site en toute simplicité. Il vous suffit de cliquer sur l’image du panneau Outils et de placer les cadres dans votre projet Adobe Muse. En outre, vous pouvez utiliser les cadres pour créer une structure filaire ou une mise en page. Vous pourrez les remplir une fois les images finalisées.

Outil Cadre d’image
Outil Cadre d’image

Nouvelles fonctionnalités et améliorations dans Adobe Muse 2015.1

Conception de sites web adaptatifs

Améliorations dans Adobe Muse CC 2015.1 | Février 2016

Vous pouvez désormais créer des sites web adaptatifs et uniques, compatibles avec tous les formats d’écran sans aucune programmation. Adobe Muse offre une zone de travail vierge sans modèles ou grilles restrictifs pour le design de sites web adaptatifs.

Dans les versions antérieures d’Adobe Muse, vous pouviez uniquement créer des sites web adaptatifs. Autrement dit, les sites web qui se sont adaptés aux largeurs de navigateur de différents appareils. La page et les éléments de page n’étaient pas fluides ou n’étaient pas mis à l’échelle pour chaque largeur de navigateur. La mise en page a été fixée pour des largeurs de navigateur spécifiques.

Avec le design de sites web adaptatifs dans Adobe Muse, vous pouvez créer et utiliser un seul fichier Muse pour créer des mises en page différente en fonction des largeurs de navigateur. Les pages sont fluides. En d’autres termes, leur taille varie proportionnellement à la largeur du navigateur. Vous n’avez donc plus besoin de créer et gérer des pages distinctes pour la prise en charge sur les plates-formes mobiles, les tablettes ou les postes de travail.

Si vous débutez dans la conception ou si vous préférez bénéficier d’un coup de pouce pour votre conception, vous pouvez utiliser les modèles spécialement conçus pour débuter dans la création de sites web adaptatifs. Si vous préférez vous lancer sur une zone de travail vierge, vous pouvez le faire en créant un site avec une mise en page fluide. Vous voulez convertir vos sites web existants en sites adaptatifs ? Vous l’avez deviné : Muse vous permet également de le faire. 

Pour savoir comment créer et mettre à jour des sites web adaptatifs, voir Création de sites web adaptatifs dans Adobe Muse. Vous pouvez également regarder un tutoriel vidéo sur la création d’un site web adaptatif dans Adobe Muse.

Fichiers de démarrage pour la conception de sites web adaptatifs

Lancez-vous facilement dans vos créations grâce à des modèles de démarrage adaptatifs. Adobe Muse propose des fichiers de démarrage personnalisables et adaptatifs, directement accessibles à partir du site web Adobe Muse. Choisissez un modèle approprié, ouvrez-le, puis ajoutez-y du contenu en fonction de vos besoins. Si nécessaire, ajoutez de nouveaux points d’arrêt ou modifiez les points d’arrêt par défaut. Personnalisez la conception et publiez votre site web adaptatif en quelques clics.

Pour plus d’informations sur le design de sites web adaptatifs dans Adobe Muse, voir Utilisation de modèles spécialement conçus pour débuter dans la création de sites web adaptatifs.

Bibliothèques Creative Cloud dans Adobe Muse

Améliorations dans Adobe Muse CC 2015.1 | Février 2016

Les bibliothèques Creative Cloud, reposant sur la technologie Adobe CreativeSync, vous permettent d’accéder à vos ressources préférées depuis chez vous, votre lieu de travail ou même lorsque vous êtes en déplacement. Créez des images, des couleurs et plus à l’aide de Photoshop, Illustrator ou d’autres applications mobiles comme Adobe Capture CC. Accédez à ces ressources depuis les autres applications de bureau et mobiles, pour un flux de création parfaitement fluide.

L’intégration de Creative Cloud dans Adobe Muse vous permet de créer vos propres ressources et de les partager avec d’autres utilisateurs de Creative Cloud à travers le monde. Vous pouvez également ouvrir, importer et utiliser la totalité des ressources disponibles par le biais des bibliothèques Creative Cloud. Utilisez le panneau Bibliothèques CC (Fenêtres > Bibliothèques CC) pour accéder aux bibliothèques Creative Cloud d’Adobe Muse.

Vous pouvez désormais accéder aux graphiques Creative Cloud à partir des bibliothèques Creative Cloud. Les graphiques Creative Cloud vous permettent de créer des graphiques et de les insérer dans Adobe Muse en tant que ressources liées. Cela signifie que vos graphiques dans Adobe Muse sont automatiquement mis à jour dès que les données du graphique évoluent.

Pour plus d’informations sur l’utilisation des bibliothèques Creative Cloud dans Adobe Muse, voir Bibliothèques Creative Cloud dans Adobe Muse.

Pour visualiser un tutoriel vidéo sur les bibliothèques Creative Cloud, cliquez sur ce lien.

Transition d’état

Améliorations dans Adobe Muse CC 2015.1 | Février 2016

Vous pouvez rendre votre création plus intéressante et attrayante en appliquant des transitions vers différents éléments de votre page web. Vous pouvez également définir, dans chaque élément, le délai d’expiration, la durée et les options de temporisation pour chaque transition d’état.

Sélectionnez un menu ou un bouton pour lequel vous souhaitez définir l’état de transition. Sélectionnez Fenêtre > Etat. Lorsque vous sélectionnez les états Normal, Actif ou Survol dans l’élément de menu situé dans la partie supérieure de l’écran, vous pouvez voir les différentes options de transition.

La transition d’état dans un site publié dépend de la capacité du navigateur à prendre en charge la spécification W3C pour les transitions CSS3.  

Pour mettre facilement en œuvre des transitions d’état sur votre site, regardez cette vidéo.

Améliorations des graphiques SVG

Améliorations dans Adobe Muse CC 2015.1 | Février 2016

Adobe Muse 2015.1 vous permet d’importer des fichiers SVG dans un cadre d’image, de recadrer l’image et de définir les options de fond et de contour. S’il n’y a pas de cadre, vous pouvez désormais importer un fichier SVG directement, créer un cadre, puis recadrer l’image. Vous pouvez également ajouter des images SVG à des diaporamas. Ces améliorations des graphiques SVG vous permettent de disposer d’une plus grande flexibilité lors de la conception de diaporamas.

Pour en savoir plus sur les améliorations SVG, regardez ce tutoriel vidéo.

Améliorations d’Adobe Muse 2015.1

Améliorations dans Adobe Muse CC 2015.1 | Février 2016

Dans le panneau Nuancier, vous pouvez désormais importer et exporter les bibliothèques de nuances dans le menu Contexte .

Adobe Muse 2015.1 prend en charge la détection de rotation dans le contenu Exif. Les images qui contiennent des informations de rotation intégrées basculeront désormais en mode paysage une fois positionnées.

Vous pouvez désormais créer des cadres d’image vides en supprimant le contenu de l’image d’un cadre d’image existant. Cliquez deux fois sur une image que vous avez définie, puis appuyez sur Supprimer. Les cadres d’image vides auront des espaces réservés.

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne