Creative Connection

Octobre 2019-La nouvelle version d’Adobe XD est arrivée : modes de fusion, nouveaux raccourcis clavier, mise à jour des outils de collaboration, et bien plus !

Vous l’avez demandé, Adobe XD l’a fait ! Les très demandés modes de fusion sont arrivés. Également introduits ce mois-ci : de nouveaux raccourcis clavier et une interface utilisateur repensée. Pour un workflow encore plus efficace. Avec les modes de fusion, utilisez les paramètres prédéfinis pour créer des images et des graphiques plus attrayants. Jouez avec les options Éclaircir et Produit pour combiner des images à d’autres calques et obtenir des effets uniques, exactement comme dans Photoshop et Illustrator.

Conçue pour faciliter le processus créatif, cette version comprend également des fonctionnalités intégrées aux calques couverts, superposés et masqués. Elles sont accessibles dans Design Specs ou directement dans la zone de travail de l’application XD pour Windows et Mac. Sans oublier les nouveaux raccourcis clavier permettant de déplacer et redimensionner facilement les objets.

Et ce n’est pas tout ! Attendez-vous à d’autres surprises le mois prochain, à l’occasion de la conférence Adobe MAX. Poursuivez votre lecture pour en savoir plus sur la version d’octobre d’Adobe XD, et jetez également un coup d’œil sur ce que vous réserve le mois de novembre (notamment le Coediting).

Modes de fusion : des images et des graphiques aux effets inédits

Utilisez les algorithmes prédéfinis des modes de fusion d’Adobe XD pour fondre un calque à l’arrière-plan ou à un autre calque de la zone de travail. Vous pouvez, par exemple, utiliser les options Éclaircir et Produit pour créer des effets stylistiques à deux tons, aux images qui correspondent aux couleurs de votre marque.

Pour utiliser cette fonctionnalité, cliquez simplement sur les objets ou bien sur les arrière-plans et les objets que vous souhaitez fusionner. Un nouveau menu déroulant s’affichera dans l’inspecteur Propriétés, et vous pourrez choisir différents modes de fusion (effets clairs ou sombres, par exemple).

Si vous utilisez déjà les modes de fusion dans d’autres outils Adobe (par exemple, Photoshop ou Illustrator), cette fonctionnalité vous sera certainement familière. Vous remarquerez aussi qu’il est facile d’importer dans XD les modes de fusion que vous avez définis dans ces outils (et dans Sketch). Une fois importés dans XD, ces modes de fusion resteront également entièrement modifiables. En outre, comme ils sont non destructeurs, vos développeurs auront la possibilité d’en modifier les attributs à tout moment, y compris après que vous leur ayez transmis les spécifications de vos designs pour le développement du produit final.

Déplacez et redimensionnez facilement les objets grâce aux nouveaux raccourcis clavier

Les raccourcis clavier accélèrent considérablement le processus créatif. Si vous les utilisez déjà, vous allez adorer ces nouveaux raccourcis qui vous permettront de modifier la taille et l’emplacement des objets sur la zone de travail.

S’il était déjà possible de faire avancer les objets de 1 pixel à la fois à l’aide des touches fléchées du clavier, à présent vous pouvez :

  • appuyer sur Maj + touches fléchées pour déplacer la sélection de 10 pixels à la fois
  • appuyer sur Cmd (Mac) ou Alt (Windows) + touches fléchées pour réduire ou agrandir la taille de 1 pixel à la fois
  • appuyer sur Maj + Cmd (Mac) ou Alt (Windows) + touches fléchées pour réduire ou agrandir la taille de 10 pixels à la fois.

Vous pouvez aussi utiliser tous ces raccourcis pour faciliter l’alignement des objets avec les grilles de mise en page. En affichant le quadrillage et en utilisant les raccourcis mentionnés ci-dessus, vous pourrez rapidement déplacer un objet sur la ligne de grille suivante. La même technique permet également de redimensionner les objets. Lorsque la grille est visible, vous pouvez redimensionner un objet au repère suivant et continuer à le peaufiner grâce aux touches fléchées.

Encouragez la collaboration avec Microsoft Teams et Slack

Les équipes de designers du monde entier utilisent déjà Microsoft Teams et Slack pour collaborer et travailler plus efficacement. Avec l’intégration d’Adobe Creative Cloud pour Microsoft Teams et l’intégration d’Adobe Creative Cloud pour Slack, des milliers d’équipes partagent des fichiers Creative Cloud, reçoivent des notifications en temps réel et peuvent modifier les permissions des fichiers directement à partir de leurs outils favoris.

Aujourd’hui, nous sommes heureux d’annoncer la mise à jour de ces intégrations. Notre objectif : vous aider à collaborer autour des prototypes XD et Design Specs directement à partir de la plateforme de communication de votre équipe, quelle qu’elle soit. Accédez aux commentaires sur des documents partagés et ajoutez les vôtres à partir de Teams ou Slack, et conservez vos communications sur une seule et même plateforme collaborative. Un commentaire est publié sur votre prototype XD ou sur Design Specs ? Vous recevez une notification dans Teams ou Slack via l’application Creative Cloud. Lancez une conversation ou répondez aux commentaires sur votre prototype XD le plus simplement du monde. De plus, si vous avez le statut de propriétaire ou de collaborateur, vous recevrez des notifications personnalisées lorsqu’un collaborateur s’adressera directement à vous (grâce au symbole @). Ainsi, seuls les commentaires les plus pertinents seront portés à votre attention.

L’intégration Creative Cloud pour Slack est disponible dès aujourd’hui dans le répertoire des applications de Slack et la mise à jour de l’intégration à Microsoft Teams le sera très bientôt. Consultez notre site internet pour en savoir plus sur les intégrations de ces applications pour Adobe XD.

Accédez facilement aux calques cachés ou superposés dans la zone de travail et dans Design Specs

Les designers ont tendance à ajouter de nombreux calques lorsqu’ils créent des incrustations, que ce soit à l’aide des modes de fusion ou de l’un des opérateurs booléens disponibles dans XD (comme Intersection, Addition ou Soustraction). Résultat : ces calques se superposent et se retrouvent enfouis les uns sous les autres, rendant leur sélection particulièrement difficile.

La dernière version d’Adobe XD permet de passer d’un calque à un autre et de sélectionner les objets qui se chevauchent, sur les zones de travail comme dans Design Specs. Comment ? Utilisez simplement Cmd (Mac) ou Ctrl (Windows) + raccourcis clavier. Facile, non ?

Vous n’avez ainsi plus à passer un temps précieux à chercher l’objet souhaité dans le panneau des calques. Une fois cet objet trouvé, sélectionnez-le pour le retoucher grâce à l’inspecteur des propriétés, ou affichez la liste des options de retouche d’un simple clic droit. Cette nouvelle option fonctionne de la même façon pour les groupes qui se chevauchent, facilitant la navigation entre les différents groupes de composants.

Nous avons aussi facilité l’accès aux objets se chevauchant dans Design Specs. Par exemple, dans la vidéo ci-dessous, vous observerez qu’une série de modes de fondu s’applique à différents calques au sein d’un même groupe. Les développeurs peuvent désormais accéder au menu d’affichage des calques se chevauchant d’un simple clic droit.

Grâce à cet accès facile et ordonné des calques, visualisez en un clin d’œil tous les objets, quelle que soit la zone où ils se trouvent. Finies les longues heures passées à tenter d’accéder à des objets qui se chevauchent !

De nouvelles nouveautés se profilent à l’horizon, dont le Coediting en temps réel

Si nous attendons avec impatience la nouvelle version d’Adobe XD, nous vous réservons bien d’autres surprises. Le mois dernier, Andrew Shorten, Senior Director of Product Management chez Adobe, a partagé cette feuille de route (présentant en exclusivité les fonctionnalités à venir). Parmi les développements les plus attendus, le Coediting en temps réel, qui permettra à plusieurs designers de travailler simultanément sur un même document XD.

Outre le Coediting, nous mettrons à disposition des utilisateurs d’Adobe XD de nouvelles fonctionnalités d’historique, ainsi que des options favorisant la productivité et les processus de design, de prototypage et de collaboration. Restez à l’écoute de toutes nos annonces lors d’Adobe MAX, la conférence d’Adobe dédiée à la créativité, qui se déroulera du 4 au 6 novembre 2019. Et surveillez votre messagerie pour ne manquer aucune nouveauté !

Adobe XD, UX/UI Design, web design

Join the discussion