Utilisez le module Creative Cloud Extract pour transformer encore plus facilement vos conceptions Photoshop en code. Avec Extract, les designers et développeurs Web peuvent convertir des conceptions Web en code exploitable et ce, de manière bien plus simple et plus efficace.


Les compositions Photoshop sont couramment utilisées pour partager des spécifications de projet avec des développeurs Web ; ceux-ci doivent alors convertir la conception originale en code HTML et CSS. Un projet se déroule généralement de la manière suivante : les designers créent des compositions Photoshop pour des pages Web ou mobiles. Les concepteurs préparent ensuite le fichier PSD destiné aux développeurs, en découpant des actifs et en générant des spécifications détaillées. Les développeurs Web doivent alors transformer ces actifs et éléments de conception en code.

Extract réinvente ce flux de travaux, en permettant aux designers web d’exporter en un temps record des actifs optimisés dans Photoshop CC, et de partager leurs fichiers PSD avec des développeurs grâce au codage dans Dreamweaver CC.

Flux de travaux Extract

Extract est disponible à différents stades du design PSD pour coder le flux de travaux.

  • Les designers peuvent ainsi utiliser l’environnement familier de Photoshop CC pour définir et exporter des actifs d’images à partir de calques ou de groupes de calques.
  • Tant les designers que les développeurs peuvent exploiter le module Extract à partir de Dreamweaver, afin de bénéficier d’une solution autonome complète incluant des indications de code contextuelles, la possibilité d’extraire des actifs et bien d’autres fonctionnalités, et ce, directement dans l’environnement de codage.

Exportation d’actifs dans Photoshop

Les designers qui créent des compositions Photoshop peuvent rapidement définir et regrouper des actifs d’images à partir de groupes de calques ou de calques individuels grâce à une interface visuelle simple. Les délais de production sont ainsi largement réduits, ce qui laisse plus de temps pour la conception en elle-même.  


Adobe_Dreamweaver_CC_mnemonic_RGB_64px

Extract dans Dreamweaver

Les designers et développeurs Web peuvent désormais consulter des fichiers PSD dans Dreamweaver et avoir recours à des indications de code contextuelles pour définir facilement les polices, couleurs et dégradés dans le code CSS. Ils peuvent également faire glisser des images optimisées dans la zone d’aperçu en direct, copier du texte, et plus encore.



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