Nouveautés d'Adobe XD.
Adobe XD CC
Redimensionnement réactif
Redimensionnez facilement des groupes d'objets sur vos plans de travail pour différents formats d'écran, tout en préservant l'échelle et le positionnement de vos éléments de design. XD calcule automatiquement ce positionnement en fonction de l'écart entre les éléments.
Transitions minutées
Définissez plus précisément le minutage des transitions entre les plans de travail. Concevez des animations en boucle avec des délais pour les effets de fondu automatique, les spinners, les loaders, les barres de progression, etc.
Vérification orthographique
Repérez facilement les fautes d'orthographe dans XD.
Affichage des prototypes en plein écran
Les prototypes web affichés dans le navigateur incluent désormais une option plein écran pour afficher votre design en taille réelle.
Découvrez les fonctionnalités inédites
Découvrez l'édition de septembre en détail sur le blog XD.
Consulter le blog ›
Adobe XD CC
Extraction des ressources depuis les spécifications de design
Gagnez du temps en offrant aux développeurs la possibilité d'extraire et de télécharger des ressources à partir des spécifications de design. Marquez les calques comme ressources à exporter et envoyez-les sous forme de lien dans les spécifications de design. Les développeurs peuvent télécharger toutes les ressources dans le format de fichier dont ils ont besoin.
Réagencement dans le panneau Actifs
Classez vos couleurs, vos styles de caractère et vos symboles dans le panneau Actifs. En mode Liste, réagencez-les facilement par glisser-déposer.
Partage privé (version bêta) depuis le web
Échangez des prototypes et des spécifications de design XD avec les réviseurs ou toute autre partie prenante en toute sécurité en leur envoyant une invitation via votre navigateur web, comme vous le feriez depuis l'application XD pour poste de travail.
Adobe XD CC
Amélioration des contours
Appliquez des contours pointillés ou tiretés, et définissez l'aspect des angles et des extrémités. Et pour un niveau de maîtrise accru, vous pouvez copier des contours complexes d'Illustrator et les appliquer à des objets dans XD.
Attribution de libellés aux actifs
Désormais, vous pouvez attribuer des libellés aux couleurs, aux styles de caractère et aux symboles directement dans le panneau Actifs, pour un accès simplifié et une meilleure organisation.
Annotation des spécifications de design
Design Specs inclut désormais la même fonctionnalité de commentaire que les prototypes. Grâce à ce formidable outil, les développeurs peuvent annoter les spécifications de design, et vous en êtes notifié. Toutes vos mises à jour, modifications et réponses apparaissent automatiquement dans leur navigateur après rafraîchissement.
Découvrez les fonctionnalités inédites
Découvrez l'édition de juillet en détail sur le blog XD.
Consulter le blog ›
Adobe XD CC
Prise en charge des incrustations
Économisez du temps et de l'énergie en créant des incrustations pour superposer le contenu dans les prototypes — plus besoin de dupliquer vos plans de travail pour les claviers, les menus et les boîtes de dialogue.
Définition de positions fixes
Fixez la position de vos éléments à l'écran pour qu'ils ne bougent pas lorsque l'utilisateur fait défiler la page. Cette nouvelle fonctionnalité de prototypage est particulièrement adaptée aux en-têtes, pieds de page, etc.
Invités privés (version bêta)
Partagez vos prototypes et spécifications de design avec des collaborateurs ou toute autre partie prenante invitée, et suivez leur statut pour savoir à tout moment qui consulte, modifie et annote vos documents.
Meilleure gestion du remplissage des images
Les designers peuvent désormais recadrer et repositionner les images glissées depuis le bureau pour remplir des formes.
Utilisation de calculs mathématiques
Utilisez les calculs mathématiques de l'inspecteur de propriétés pour définir précisément la taille des colonnes, les images, les dispositions de grille et l'emplacement des éléments.
Adobe XD CC
Remplacement rapide de symboles
Recherchez et remplacez simultanément toutes les occurrences d'un symbole. Il suffit de faire glisser le nouveau symbole depuis le panneau Actifs vers le symbole à remplacer.
Collage simultané dans plusieurs plans de travail
Conservez la position et les paramètres de vos objets lorsque vous copiez-collez ces derniers dans plusieurs plans de travail à la fois. Avec les améliorations apportées aux symboles, cette nouveauté accélère et unifie la gestion des plans de travail multiples.
Intégration plus étroite avec Photoshop
Bénéficiez d'une restitution plus fidèle des fichiers Photoshop importés dans XD. Par ailleurs, les dernières mises à jour accélèrent l'importation des fichiers PSD et autorisent le transfert des effets de contour et d'images.
Améliorations concernant les fichiers Sketch
Nous avons optimisé l'ouverture des fichiers Sketch dans XD afin de mieux préserver leurs caractéristiques, comme le positionnement du texte, la séparation des pages et des symboles, et les styles de couleurs globaux.
Protection par mot de passe des spécifications de design
Contrôlez l'accès à vos spécifications de design en les protégeant par mot de passe.
Adobe XD CC
Protection des prototypes par mot de passe
Protégez vos prototypes par mot de passe lorsque vous les publiez et les partagez avec des réviseurs (bientôt disponible dans Design Specs).
Filtres de recherche dans le panneau Actifs
Filtrez rapidement vos actifs par couleur, style de caractère ou symbole. Utilisez la fonction de recherche pour trouver des familles de polices, des valeurs hexadécimales ou des symboles particuliers.
Recherche et mise en évidence d'actifs
Sélectionnez « mettre en évidence » dans votre panneau Actifs pour voir tous les éléments de la zone de travail qui utilisent une couleur, un style de caractère ou un symbole particulier. Cliquez avec le bouton droit sur un élément de la zone de travail pour voir ses couleurs, ses styles de caractère ou ses symboles.
Intégration plus étroite avec Photoshop
Désormais, l'importation de créations Photoshop dans XD est encore plus simple : cliquez avec le bouton droit sur le fichier Photoshop et choisissez Ouvrir avec XD, ou faites glisser un fichier sur l'icône XD (Mac uniquement).
Amélioration du workflow avec Sketch
La restitution des fichiers Sketch ouverts dans XD est désormais plus fidèle. Préservez notamment les réglages colorimétriques des images, des styles de caractère, des nuanciers des documents et bien plus encore. Ouvrez vos fichiers Sketch dans XD en cliquant sur le fichier avec le bouton droit et en sélectionnant Ouvrir avec XD, ou bien en faisant glisser le fichier Sketch sur l'icône XD (Mac uniquement).
Adobe XD CC
Intégration aisée avec Photoshop
Manipulez vos créations et contenus Photoshop dans XD en ouvrant un fichier PSD directement dans l'application. Ce dernier sera automatiquement converti au format XD, ce qui accélérera et simplifiera le processus de design et de prototypage.
En savoir plus ›
Copier-coller de symboles entre plusieurs documents
Copiez-collez les symboles d'un document XD dans un autre en une seule étape. Nul besoin de les coller au préalable, puis de les convertir manuellement en symbole.
Mise en forme des éléments groupés
Accélérez votre processus de design en modifiant aisément les propriétés (fond, contour, etc.) des éléments groupés.
Amélioration des plans de travail avec défilement
Lors du prototypage, vous pouvez modifier l'aire d'affichage d'un plan de travail avec défilement directement sur la zone de travail sans passer par l'inspecteur de propriétés.
Manipulation de fichiers Sketch
Utilisez vos créations et contenus Sketch directement dans XD. Ouvrez votre fichier Sketch directement dans XD ; il sera automatiquement converti au format XD, ce qui vous évitera de partir de zéro.
En savoir plus ›
Adobe XD CC
Images vectorielles et Bibliothèques CC
Affichez et faites glisser des images vectorielles liées et non liées depuis les Bibliothèques Creative Cloud vers XD. Les modifications apportées aux icônes, illustrations et autres images dans Adobe Illustrator sont automatiquement synchronisées dans XD via les Bibliothèques CC.
En savoir plus ›
Préservation de la position du curseur
Désormais, lorsque vous cliquez sur un élément lié, vous n'avez plus besoin de faire défiler l'écran suivant pour retrouver votre position, elle est automatiquement préservée d'un écran à l'autre.
Prise en charge de la technologie tactile sous Windows 10
Tirez parti de fonctionnalités tactiles, en plus de la souris et du clavier, pour créer des illustrations, relier des prototypes, parcourir des calques, etc.
Grilles de mise en page dans Design Specs
Affichez les grilles de mise en page dans l'application web Design Specs pour permettre aux développeurs de voir les attributs de grille à colonnes comme les marges et les gouttières.
Retour de la pipette dans l'inspecteur des propriétés
En réponses à vos commentaires, nous avons réintégré la pipette dans l'inspecteur des propriétés afin de faciliter l'échantillonnage des couleurs.
Adobe XD CC
Intégration de workflows tiers
XD s’intègre désormais avec les outils de design courants tels que Zeplin, Avocode, Sympli, ProtoPie et Kite Compositor. Commencez vos projets dans XD, puis exportez-les dans votre outil préféré pour accélérer les échanges avec les développeurs et créer des animations sophistiquées. Disponible pour Mac uniquement.
En savoir plus ›
Performances de zoom optimisées
Effectuez un zoom avant ou arrière sur votre zone de travail et passez d’un écran à l’autre sans ralentissement, quel que soit le nombre de plans de travail.
Démonstration ›
Prévisualisation de fichiers XD dans Dropbox
Prévisualisez des fichiers XD enregistrés dans Dropbox sans avoir à les télécharger.
En savoir plus ›
Passage d’un modèle colorimétrique à l’autre
Passez rapidement d’un modèle colorimétrique à l’autre (HEX, RVB et TSL) dans le Sélecteur de couleurs.
Dégradés radiaux
Créez et appliquez des dégradés radiaux pour simuler une source de lumière, créer des masques d’images originaux, etc. Les dégradés se trouvent dans le Sélecteur de couleurs, sous Fond uni.
Perfectionnement de Design Specs
La lecture des mesures, la navigation et l’accès aux éléments d’interface ont été simplifiés, de même que la manipulation des calques de masque.
Affichage des plans de travail à 100 %
Affichez vos designs dans des prototypes partagés en taille réelle lorsque vous êtes en mode plein écran.
Exportation par lots
Vous avez désormais accès à une fonction d’exportation par lots via le menu Fichier. Pour marquer les objets à exporter par lots, effectuez un clic droit dans le panneau Calques.
Consulter notre blog ›
Adobe XD CC
Texte souligné
Vous pouvez désormais souligner votre texte rapidement à l'aide d'un raccourci clavier ou d'un bouton dans l'inspecteur des propriétés. Le soulignement respecte le jambage inférieur des caractères, comme le y et le g.
Options d'alignement de contour
Alternez entre les différents types d'alignement de contour (intérieur, extérieur ou centre) sur un objet fermé comme un rectangle ou un cercle pour modifier l'épaisseur et l'alignement, et contrôler ainsi l'apparence de votre design.
Achat de licences Adobe
Cliquez avec le bouton droit sur une image pixellisée d'Adobe Stock dans la fenêtre Bibliothèques Creative Cloud pour acheter sa licence.
Retouche d'images dans Photoshop
Cliquez avec le bouton droit sur une image pixellisée dans la fenêtre Bibliothèques Creative Cloud pour la retoucher dans Photoshop.
Nouvelles options de publication de prototype
Activez et désactivez rapidement les info-bulles pour voir quelles zones de votre prototype sont interactives, puis publiez-le pour le partager avec votre équipe. Paramétrez son affichage en mode plein écran afin de le visualiser sans les commentaires ou tout autre élément pouvant perturber la lecture.
Optimisations de Design Specs
Soyez rapidement opérationnel grâce aux conseils d’utilisation et aux améliorations apportées aux propriétés et à la navigation. Design Specs est désormais également disponible en anglais, français, allemand, coréen et japonais.
Et bien plus encore !
Également inclus : accès à l'outil Zoom en mode Prototype, raccourcis clavier pour la taille de police, etc.
Consulter notre blog ›
Adobe XD CC
Spécifications de design
Accélérez le processus de développement en envoyant aux développeurs un lien comportant des spécifications de design générées automatiquement, à partir de votre prototype interactif. Ces spécifications précisent l’ordre et le flux des plans de travail, les couleurs, les styles de caractères et les mesures (uniquement en anglais pour l’instant).
Démonstration ›
Grille de mise en page
Utilisez des grilles à colonnes personnalisables, avec marges et gouttières, pour structurer vos projets et préserver leur cohérence, mais aussi pour mieux gérer les proportions entre les différents éléments. Alternez entre la grille de quadrillage et celle de mise en page dans l’inspecteur des propriétés.
Exportation au format JPG
Exportez aisément des ressources et plans de travail depuis XD au format JPG, sans conversion préalable dans une autre application. Le niveau de qualité de l'exportation est paramétrable de 1 à 100 %.
Améliorations du texte
Passez, d’un simple clic, de l’insertion de texte à partir d’un point à la création d’une zone de texte, et inversement. Désormais, lorsque vous créez un objet de texte, les dernières propriétés utilisées (famille de polices, taille, graisse, alignement et couleurs) sont conservées.
Perfectionnements pour Windows 10
Les toutes dernières actualisations pour Windows 10 accélèrent le design sous Windows. Avec deux doigts, vous effectuez des panoramiques et des zooms, copiez-collez des éléments InDesign dans XD, et importez des fichiers SVG avec des fichiers liés externes.
Et bien plus encore !
Autres perfectionnements : l’accès à la pipette à partir du sélecteur de couleurs pour définir précisément les couleurs de début et de fin lors de la création d’un dégradé et pour échantillonner les couleurs dans le panneau Actifs ; perfectionnements en matière de collage.
Consulter notre blog ›
Adobe XD CC
Prototypes interactifs
Passez du mode Design au mode Prototype d'un simple clic et connectez des plans de travail pour communiquer le flux et les tracés des applications multi-écrans. Connectez des éléments de design d'un plan de travail à l'autre, y compris les cellules des grilles de répétition. Ajoutez des interactions avec des commandes visuelles intuitives pour tester et valider l'expérience.
Publication de prototypes pour recueillir des commentaires
Créez des liens web à partager pour recueillir des commentaires sur vos designs ou intégrez-les sur Behance ou une page web. Les réviseurs peuvent formuler des commentaires directement sur vos prototypes et certaines parties de votre design. Vous recevez une notification lorsqu'ils effectuent des commentaires, puis il leur suffit d'actualiser leur navigateur pour voir vos modifications.
Plans de travail rapides et polyvalents
Que vous travailliez avec un seul ou une centaine de plans de travail, XD vous offre les mêmes performances. Créez du contenu pour différents écrans et terminaux. Effectuez des panoramiques et des zooms sans décalage. Faites votre choix parmi les tailles prédéfinies ou définissez la vôtre et effectuez des copies entre les plans de travail sans perdre le positionnement de vos éléments de design.
Grille de répétition
Sélectionnez des éléments de votre design, tels qu'une liste de contacts ou une galerie de photos, et répliquez-les horizontalement ou verticalement autant de fois que vous le souhaitez — vos styles et votre espacement restent intacts. Mettez à jour un élément une seule fois pour que vos modifications soient répercutées partout.
Compatibilité multiplate-forme
Adobe XD prend en charge en mode natif Windows 10 (Universal Windows Platform) et Mac, ainsi que des applications mobiles compagnons pour Android et iOS.
Panneau Actifs
Réutilisez facilement vos couleurs et styles de caractère en les ajoutant dans le panneau Actifs (anciennement Symboles) — qui attribue automatiquement des symboles. Lorsque vous modifiez les couleurs ou les styles de caractère dans ce panneau, les modifications sont répercutées dans l'ensemble du document.
Symboles réinventés
Gagnez du temps avec les symboles, des éléments de design réutilisables qui évitent d'avoir à rechercher et modifier chaque instance d'une ressource dans un document. Mettez à jour un élément et il se met à jour partout, ou choisissez d'ignorer certaines instances. Les symboles peuvent être des images vectorielles, des images pixellisées ou des objets textuels, et peuvent être utilisés comme des objets dans les grilles de répétition.
Bibliothèques Creative Cloud
Grâce à l'intégration des Bibliothèques Creative Cloud, vous avez accès aux images pixellisées, couleurs et styles de caractère créés dans les applications Creative Cloud comme Photoshop CC et Illustrator CC, directement depuis XD, et vous pouvez les appliquer n'importe où dans vos documents.
Inspecteur de propriétés contextuel
Travaillez dans un espace aéré grâce à l'inspecteur des propriétés contextuel, qui affiche uniquement des options pour les objets sélectionnés. Modifiez les propriétés telles que la couleur et l'épaisseur des bordures, les couleurs de fond, les ombres, les flous, l'opacité et la rotation, et accédez à des options pour l'alignement, les dimensions et la grille de répétition.
Navigation intelligente sur la zone de travail
Effectuez un zoom avant sur une zone donnée de votre design ou une sélection sur un plan de travail et utilisez un raccourci clavier pour l'agrandir. Effectuez des panoramiques ou des zooms avec la souris, le pavé tactile ou les raccourcis clavier. Et bénéficiez d'excellentes performances, même si vous avez des centaines de plans de travail.
Calques contextuels
Gérez des designs complexes tout en restant organisé et concentré grâce à une approche contextuelle des calques. XD surligne uniquement les calques associés au plan de travail sur lequel vous travaillez pour que vous puissiez rapidement trouver ce dont vous avez besoin.
Outils d'aide à la mise en page
Dessinez, réutilisez et ré-associez aisément des éléments de design en utilisant le magnétisme des grilles et d'autres outils de mise en page intuitifs qui vous aident à créer des mesures relatives entre les objets, masquer avec des formes, grouper, verrouiller, aligner et répartir des éléments de design, etc.
Effets de flou
Floutez rapidement un objet donné ou un arrière-plan complet pour changer le point focal de votre design et lui donner de la profondeur et de l'envergure.
Dégradés linéaires polyvalents
Créez de beaux dégradés linéaires à l'aide des commandes visuelles simples mais précises du sélecteur de couleurs. Vous pouvez également importer des dégradés de Photoshop CC et d'Illustrator CC.
Outil Plume moderne
Dessinez facilement des formes et des tracés avec l'outil Plume. Utilisez des tracés personnalisés, ajoutez ou supprimez des points d'ancrage, manipulez facilement les lignes et alternez tracés incurvés et angulaires, le tout avec le même outil.
Modification de groupes booléens
Créez et testez des formes complexes en combinant des groupes d'objets à l'aide d'opérateurs booléens non destructifs.
Mise en forme typographique
Mettez en forme le texte avec précision pour améliorer l'expérience utilisateur. Ajustez facilement les éléments typographiques tels que la police, la typographie, la taille, l'alignement, l'interlettrage et l'interlignage. Changez l'aspect de votre texte comme vous le feriez avec d'autres éléments dans XD, comme l'opacité, le fond, l'arrière-plan et les effets de flou, ainsi que les bordures.
Contrôle des couleurs simplifié
Sélectionnez des couleurs en saisissant leurs valeurs exactes ou en les échantillonnant dans ou en dehors de XD avec l'outil Pipette. Créez et enregistrez des nuanciers et utilisez des raccourcis pour les codes hexadécimaux dans le sélecteur de couleurs.
Ressources d'interface utilisateur
Accélérez le design et le prototypage pour les terminaux Apple iOS, Google Material Design et Microsoft Windows en utilisant des composants d'interface utilisateur de grande qualité.
Copier-coller depuis d'autres applications de design
Importez des illustrations dans XD à partir de Photoshop CC et d’llustrator CC.
Prévisualisations iOS et Android en contexte
Prévisualisez vos designs et interactions sur les terminaux que vous ciblez. Effectuez des modifications sur le poste de travail, puis vérifiez-les sur vos terminaux pour tester la précision et l’ergonomie.
Repérage des zones sensibles
Mettez automatiquement en évidence les zones sensibles de votre prototype pour que les utilisateurs puissent repérer les zones interactives et cliquables.
Gestion de prototypes
Créez plusieurs URL à partir d'un même fichier pour partager différentes versions de votre prototype. Partagez un nombre illimité de prototypes, puis accédez-y et supprimez-les facilement depuis votre compte Creative Cloud.
Enregistrement vidéo des interactions avec le prototype
Tandis que vous cliquez dans votre prévisualisation, enregistrez un fichier MP4 à partager avec votre équipe ou des parties prenantes (Mac uniquement).
Exportation d'illustrations, de ressources et de plans de travail
Exportez des images et des designs aux formats PNG et SVG, que vous pouvez configurer pour iOS, Android, le web ou avec vos paramètres personnalisés. Exportez un plan de travail complet ou juste certains éléments. Enfin, partagez ressources et plans de travail en les exportant au sein d'un même fichier PDF ou dans des fichiers PDF séparés.
Prise en charge de plusieurs langues
Les langues prises en charge incluent l'anglais, le français, l'allemand, le japonais et le coréen.
Notifications par e-mail pour les commentaires
Recevez des notifications par e-mail lorsque les différents intervenants commentent vos prototypes web. Ces e-mails peuvent être adressés individuellement ou par lots sous forme de synthèse quotidienne.