Photoshop est-il mort pour la conception de sites Web et d'applications ?

Photoshop est-il mort pour la conception de sites Web et d'applications ?
Categories
Technologies
Author

Benoit Schneider

Managing Technical Director
Date

Il y a plusieurs années, Photoshopsemblait être la norme pour la conception de sites Web et d’applications, du moins à Outsourcify, la majorité des fichiers que nous recevrions des concepteurs seraient des fichiers PSD, avec l’occasion Illustrator, ou même pire InDesign, mais en général Adobe dominait. Depuis quelques années, les choses ont beaucoup changé.

Pour répondre au titre, rapidement, Photoshop n’est pas mort. Photoshop est apprécié et détesté en même temps, certains concepteurs l’utilisent encore et il est toujours bon de concevoir des sites Web de cette façon et pratique pour les développeurs Web pour transformer ces dessins en HTML. Toutefois, d’autres outils existent maintenant pour créer des conceptions pour UI(User Interface)/UX(User Experience).

Nous sommes des utilisateurs de Linux et Windows chez Outsourcify, nous n’avons que des Macs pour tester, mais nous savons que la plupart des concepteurs travaillent sur des ordinateurs Mac et beaucoup d’entre eux semblent avoir migré vers Sketch, qui est malheureusement uniquement Mac (et il semble ne sera jamais porté sur Windows).

Cependant, pour nous, utilisateurs de Windows, Adobe offre maintenant une nouvelle option raisonnable, la forme Windows du nouvel étalon dans le stable Adobe XD (Experience Design) d’Adobe, qui se met à niveau avec son concurrent Mac. Il y a aussi Figma, qui est purement basé sur le web.

Suivez le leader : Sketch

Sketch est sorti pour la première fois en 2010, donc ce n’est rien de nouveau, mais il a fallu quelques années pour qu’il soit largement adopté. Il a été créé pour remplacer Illustrator et Photoshop tout en offrant une interface plus conviviale et des outils supplémentaires pour le prototypage interactif et faciliter le développement web en permettant d’exporter les ressources et les styles directement depuis le design.

Son principal problème est qu’il est et restera uniquement Mac. Cela pourrait à long terme conduire Sketch à perdre sa position de leader parmi les outils de conception d’interface utilisateur, mais heureusement les concepteurs peuvent encore obtenir une coopération efficace avec les développeurs avec des outils tiers (Avocode, Zeplin, etc… voir ci-dessous).

Keep the trust with Adobe : Adobe XD

Adobe XD est beaucoup plus récent puisqu’il a été lancé en 2016 et semble être une réponse d’Adobe à Sketch. Comme Sketch, c’est une application de bureau, et il existe une version Mac et une version Windows et elle permet aux concepteurs sur Mac de collaborer avec les développeurs sur Windows (et vice-versa). Les deux versions sont cependant différentes et il a fallu un certain temps pour que la version Windows rattrape la version Mac. Les dernières mises à jour d’Adobe XD ont apporté les outils de gestion de couches très attendus à la version Windows, en plus de quelques améliorations. Les calques sont vitaux, c’est une fonctionnalité de base nécessaire à la conception d’un site Web.

Sketch et Adobe XD ont été rapidement adoptés parce qu’ils répondaient aux besoins des concepteurs d’expérience utilisateur. Quand UX a été créé dans Photoshop ou Illustrator, c’était par manque de meilleurs outils. Aujourd’hui, si vous travaillez encore sur ces derniers et que vous envoyez des fichiers PSD ou AI à des développeurs web, c’est peut-être le moment d’essayer l’un des nouveaux leaders du marché. Maintenant qu’Adobe XD résiste à Sketch et est disponible sur plus de plates-formes, ce pourrait être l’occasion de passer à Adobe XD. Apprendre les bases d’Adobe XD est facile, beaucoup plus facile que Photoshop ou Illustrator.

Un nouvel arrivant sur le marché : Figma

Il y a quelques années, un jeune homme d’à peine 20 ans a récolté des millions auprès d’investisseurs de la Silicon Valley pour sa start-up Figma afin de construire un outil de retouche photo basé sur un navigateur. Dans un navigateur par opposition aux applications de bureau qui doivent être installées sur un OS compatible comme Photoshop, Sketch ou Adobe XD. Figma mérite d’être essayé et semble offrir le plus de fonctionnalités pour le moins d’argent possible.

Outils de tierce partie pour visualiser les dessins ou modèles

Quand on regarde les capacités prêtes à l’emploi des outils de conception d’interface utilisateur, c’est toujours pénible d’avoir à utiliser un autre outil supplémentaire (qui implique également des coûts supplémentaires) pour permettre aux concepteurs et aux développeurs de collaborer. Mais d’autre part, ces outils ont évolué et offrent maintenant plus que la possibilité de visualiser uniquement les fichiers de conception. Il est maintenant possible de générer du CSS à partir de couches, exporter des images, polices, styles, couleurs, mesures, tailles, distances et plus.

Une sélection d’outils tiers pour l’affichage des fichiers Sketch/Adobe :

Avocode (avocode.com)

Avocode est la première application que nous avons utilisée pour visualiser et intégrer les designs créés avec Sketch. Cela fait un moment que nous ne l’avons pas utilisé et il a beaucoup évolué depuis, car il permet maintenant d’ouvrir les conceptions Adobe XD CC, Adobe Photoshop et Sketch sur MacOS, Windows, et Linux, ou dans le navigateur.
Avocode v3 sortira en 2018 et pourrait résoudre tous les problèmes de collaboration entre designers et développeurs : https://avocode.com/update-3-0

Zeplin (zeplin.io)

Sketch
Adobe XD CC
Figma
Photoshop CC

Concurrent direct de ce qui précède, il permet d’ouvrir les dessins Sketch, Adobe XD CC, Figmaet Photoshop CCet d’exporter tout ce qui est nécessaire pour construire un modèle HTML/CSS à partir de celui-ci.

Lunacy (icons8.com/lunacy)

Une option plus récente, toujours en version bêta, des icônes de l’entreprise « icon provider « 8, et elle est gratuite mais ne peut lire que les fichiers Sketch.

Design vers HTML

Outsourcify peut offrir n’importe quel type de design aux services HTML, cela ne nous dérange pas de recevoir des fichiers Photoshop, nous ne sommes pas vraiment sûrs de préférer Adobe XD, disons que cela dépend de chaque développeur, certains préfèrent encore leurs bons vieux outils, et pour de bonnes raisons également. Mais sérieusement, la scène du web et de la conception d’applications s’est complètement améliorée depuis l’ancienne ère du PSD vers le HTML et il y a des raisons pour lesquelles il est temps de passer à de meilleurs outils.

Tout bien considéré, si vous avez besoin d’une équipe de développement web qui peut s’occuper de différents types de conception de sites web et d’applications pour les transformer en le meilleur code HTML , chez Outsourcify, nous le faisons :Photoshop vers HTML« , « Adobe XD vers HTML« , « Sketch vers HTML« , « Figma vers HTML« et nous sommes prêts à essayer « tout ce que vous voulez en HTML » si vous pouvez nous convaincre cette nouvelle conception / technologie d’interface utilisateur est la nouvelle tendance pour de bonnes raisons.

')}

Benoit Schneider · Managing Technical Director

After studying to become a Web Engineer at the UTBM in France, Benoit experienced working in various IT departments of large companies in Paris as a web developer then as a project manager before becoming a freelance web consultant in 2010, and finally co-founded Outsourcify in Thailand.

Add comment

Related blog articles