Remarque : Depuis novembre 2015, Edge Reflow n’est plus activement développé. En savoir plus.

Qu’est-ce qu’Adobe Edge Reflow ?

Edge Reflow est un outil de conception qui remplace votre flux de production de conception pour vous aider à créer de superbes contenus réactifs pour toutes les tailles d’écran. Créez sur une surface Web native tout en accédant aux toutes dernières fonctions CSS, prévisualisez vos créations en temps réel grâce à l’intégration avec Edge Inspect et exportez du code à envoyer aux développeurs pour que votre vision de conception ne soit pas trahie lors du développement.

A qui s’adresse Edge Reflow ?

Edge Reflow est idéal pour les concepteurs Web qui commencent dans Photoshop et veulent créer des mises en page réactives et des visuels CSS ciblant les navigateurs modernes.

Qu’est-ce qui différencie véritablement Edge Reflow des autres produits ?

Avec Edge Reflow, vous pouvez créer des mises en page réactives pour différentes tailles d’écran. Voici les principales fonctionnalités :

  • Grâce au WebKit, Edge Reflow offre un rendu Web personnalisé qui permet de respecter les contraintes des navigateurs.
  • Intégré à Adobe Photoshop, Edge Reflow s’adapte parfaitement aux flux de travaux quotidiens.
  • L’exportation de code offre un flux de travaux direct entre concepteurs et développeurs.

Edge Reflow permet-il l’exportation au format HTML ?

Oui, vous pouvez passer de la conception au développement en exportant des fragments ou du code CSS à partir de Reflow et commencer à utiliser l’éditeur de code de votre choix (par ex. Dreamweaver, Edge Code, etc.). Si chacun a sa propre définition du « code prêt à la production », nous vous proposons un bon point de départ pour travailler.

Comment se procurer la version préliminaire d’Edge Reflow ?

La version préliminaire d’Edge Reflow est disponible en téléchargement pour tous les titulaires d’un abonnement Creative Cloud gratuit ou complet.

Dans quelles langues la version préliminaire d’Edge Reflow est-elle disponible ?

En anglais et en français. Elle peut néanmoins être téléchargée et utilisée dans le monde entier, à l’exception des pays soumis à un embargo. Consultez le contrat de licence de l’utilisateur final pour plus de détails.

Est-ce que les régions CSS sont prises en charge dans tous les navigateurs ?

Les régions CSS sont actuellement prises en charge dans le navigateur mobile Safari sous iOS7 mais seront bientôt disponibles dans d’autres navigateurs.

Quelles sont les meilleures fonctionnalités Web ?

Chez Adobe, nous apprécions les mises en forme esthétiques et avons à cœur de continuer à faire progresser le Web. Nous faisons en sorte que les nouvelles normes CSS publiées soient prises en charge rapidement par nos outils.

A terme, Edge Reflow remplacera-t-il Fireworks ?

Fireworks est un outil de prototypage, de définition de structures filaires et de conception graphique. Edge Reflow est spécialement conçu pour la création de mises en page et de visuels réactifs à partir de normes CSS lorsque vous commencez vos conceptions dans Photoshop. Même si elles peuvent parfois se recouper, il s’agit d’applications uniques qui servent des fins différentes.

En quoi Edge Reflow diffère-t-il d’Adobe Muse CC ou de Dreamweaver CC ?

La version préliminaire d’Edge Reflow CC permet aux concepteurs Web de créer des designs réactifs en s’appuyant sur une surface de conception WebKit et en définissant la mise en page CSS et les propriétés de style. Les concepteurs définissent des points d’arrêt de requête multimédia afin d'adapter les éléments et leur design à différentes tailles d’écran. Si Edge Reflow crée des éléments HTML lors du processus de conception, l’outil vise avant tout à permettre aux concepteurs de partager leur vision en termes de design ainsi que l’extraction du CSS à destination du concepteur ou du développeur dans le cadre du processus de production d'un site Web.

Adobe Muse CC permet aux concepteurs de créer et de publier des sites Web complets. Adobe Muse prend en charge la création de contenu mobile en permettant aux concepteurs de personnaliser la mise en page initiale pour d’autres périphériques, afin d’offrir une expérience unique quelle que soit la taille d’écran. Grâce à Adobe Muse, les concepteurs peuvent publier leurs sites sans devoir écrire ou modifier la moindre ligne de code HTML, CSS ou JavaScript.

Dreamweaver CC est l’outil tout-en-un pour créer rapidement et de manière intuitive du contenu Web et mobile. La fonction de mise en page à grille fluide optimisée offre aux développeurs et aux concepteurs un moyen intuitif de générer un code impeccable pour leurs conceptions Web réactives. Edge Reflow est un outil très visuel qui sert à concevoir et à produire rapidement différentes compositions de design pour divers périphériques et à visualiser le résultat sur des écrans cibles. Contrairement à Dreamweaver, Edge Reflow n'inclut pas de fonctions de codage, ce qui oblige les concepteurs à extraire le code CSS généré pour son implémentation et son déploiement.

Quel est le flux de travaux de base dans Edge Reflow ?

En principe, les concepteurs importent des images de Photoshop CC, Illustrator CC et Fireworks dans Edge Reflow, puis en utilisant la surface de création redimensionnable, ils créent des mises en page réactives pour les différentes tailles d’écran. Edge Reflow inclut l’intégration d’Edge Web Fonts pour ajouter aux designs des polices adaptées aux navigateurs ainsi que des fonctions de style CSS, notamment les dégradés personnalisés, les styles de bordure, les ombres portées, etc. Lorsque les différentes compositions sont prêtes, vous pouvez les prévisualiser dans le navigateur ou sur les périphériques via Edge Inspect avant d’extraire le code CSS pour la phase de développement.

Quelles sont les autres fonctionnalités prévues pour les prochaines versions ?

Actuellement, Edge Reflow est une version préliminaire, ce qui signifie que sa fonctionnalité est limitée. Nous voulons offrir aux membres de la communauté la possibilité de tester l’application et nous les encourageons à nous faire part de leurs commentaires. Bien que nous ne puissions pas entrer dans les détails des fonctionnalités spécifiques, l’équipe, sur les conseils des membres de la communauté, travaille sur de nombreux éléments clés, notamment l’optimisation du flux de travaux et de la gestion des styles.

Edge Reflow est-il compatible avec tout autre outil Adobe ?

Oui, vous pouvez importer des images créées à l’aide de Photoshop CC, Illustrator CC et Fireworks. Edge Reflow intègre également Edge Inspect et Edge Web Fonts, ce qui facilite l’accès aux polices lors du processus de conception. Pour les prochaines versions, nous explorons activement d’autres flux de travaux avec Edge Tools and Services et Creative Cloud.

Pourquoi Edge Reflow fait-il partie de l’abonnement gratuit à Creative Cloud ?

Non seulement nous offrons aux membres de Creative Cloud l’accès aux dernières innovations d’Adobe, mais nous donnons à la communauté la possibilité d'avoir un aperçu d'Edge Reflow, afin de l’évaluer et d'envoyer des commentaires qui nous permettront d’améliorer les fonctionnalités et la stratégie de l’application. Pour nous aider à optimiser Edge Reflow, n’hésitez pas à réclamer des fonctionnalités et à signaler les bogues éventuels sur notre forum Web.

Quels sont les systèmes d’exploitation compatibles avec la version préliminaire d’Edge Reflow ?

La version préliminaire d’Edge Reflow est actuellement compatible avec les derniers systèmes d’exploitation Mac et Windows. Consultez les caractéristiques techniques pour plus d’informations.

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