Photoshop : un mode simplifié pour créer des interfaces

Nicolas Furno |

Adobe prépare une nouvelle interface pour Photoshop, non pas pour remplacer l’existante (vous pouvez respirer à nouveau), mais pour une utilisation particulière. Cet éditeur d’images s’est depuis longtemps éloigné de son objectif original — modifier des photos, créer des montages… — pour devenir un outil à tout faire. En particulier pour créer des interfaces de sites ou d’applications et c’est justement ce point qui est concerné ici.

La dernière version de Photoshop dispose d’un mode « Design Space » que l’on peut activer dans les préférences. Ce mode simplifie considérablement l’interface du logiciel, comme on peut le constater dans cet aperçu vidéo. Il n’y a plus que quelques outils sur le côté et une barre latérale qui rassemble toutes les informations concernant la sélection en cours.

Adobe ne s’est pas contenté de modifier l’interface, certains comportements ont aussi été simplifiés. Un double-clic sélectionne un calque ou un groupe de calques, puis un autre active automatiquement le mode édition, par exemple. Puisqu’il s’agit d’une interface dédiée aux interfaces, on peut utiliser des modèles adaptés dès le départ à un appareil précis (un smartphone, une tablette…). Photoshop Design Space accepte aussi des codes couleur CSS (ou RGB, ou encore HEX) et on peut modifier plus facilement plusieurs éléments à la fois.

Le plus intéressant avec cette nouveauté n’est pas forcément visible toutefois. Adobe a réalisé l’ensemble de cette interface en HTML5 et le code utilisé est ouvert et disponible sur GitHub. Rien ne vous empêche ainsi de créer une variante avec vos préférences en matière d’organisation, de couleurs ou même d’outils. Ce choix devrait par ailleurs permettre à ses concepteurs de développer plus rapidement l’interface.

Photoshop en mode Design Space — Cliquer pour agrandir

L’éditeur insiste bien : il ne s’agit que d’un aperçu et il manque encore de nombreuses fonctions à cette interface. Par ailleurs, le choix du HTML5 est une expérience qui pourrait être abandonnée en cours de route. Mais peut-être qu’un jour, toute l’interface de Photoshop reposera sur des technologies éprouvées sur internet ? Pour l’heure, vous pouvez tester Design Space en l’activant dans les préférences de Photoshop CC, à condition de bien avoir la toute dernière version.

avatar heero | 

L’espace de conception (aperçu) nécessite Mac OS X 10.10 ou Windows 8.1 64 bits (ou version ultérieure) et n’est pour l’instant disponible qu’en anglais.

avatar oomu | 

"Par ailleurs, le choix du HTML5 est une expérience qui pourrait être abandonnée en cours de route. Mais peut-être qu’un jour, toute l’interface de Photoshop reposera sur des technologies éprouvées sur internet ? "

ça serait catastrophique pour une interface "native" à chaque environnement. Je ne suis pas convaincu non plus des performances à long terme.

mais que veut dire "html5" en fait ? une interface interprétée en temps réel et rendue par un moteur webkit ?

avatar phoenixback | 

@oomu :
Oui ce qu'ils veulent c'est une page web pour eliminer définitivement tout piratage surtout...

avatar tekikou | 

Adobe se réveille mais il est trop tard.
Affinity Designer l'a déjà remplacé chez moi.

avatar ziedjo | 

Je crois que l'action vient de chuter à la lecture de ton commentaire. Il semblerait même que le P-DG se déplace en personne pour essayer de te convaincre de revenir.
Blague à part, Affinity Designer c'est bien mais pas encore assez complet. Je l'ai, c'est mignon pour bricoler, mais c'est pas encore totalement au point. Mais là encore, tout dépend de l'usage…

avatar becausebreast | 

Bien que Affinity Designer soit ambitieux... On parle de Photoshop actuellement.
La différence entre les deux n'est notable que selon l'usage comme le dis Ziedjo, mais Photoshop est bien plus complet que Affinity Designer... C'est indéniable.

avatar oxof | 

Une copie de Sketch

avatar ataredg | 

Sketch c'est très bien mais à condition de bosser seul dans son coin. En équipe et en environnement multiplateforme, tu oublies tout de suite. Sans compter les bugs.

Ensuite, je trouve que la dernière version de Photoshop (CC2015) est vraiment très bien pour les interfaces et le web.

avatar iPop | 

C'est juste que je ne comprend pas trop le choix d'Adobe. Ne serait il pas mieux avec Illustrator ? Qui lui gère des blocs et des images dans ceux ci.

avatar ziedjo | 

+1. La même chose dans Illustrator, ça serait du bonheur. Et un export automatique des éléments détachés en PNG, sans avoir à se les copier dans Photoshop en prime.

avatar mrfish84 | 

En gros ils intègrent fireworks dans Photoshop (fireworks est un bon outil pour les interfaces , dommage qu'ils l'aient abandonné )

avatar nova313 | 

Pour ma part, en tant que désigner / développeur

Photoshop : Template PSD
Illustrator : Branding
Indesign : Print
Sketch : interface UI
Affinity Designer : Poubelle (pas le temps d'utiliser un logiciel qui fait doublon)

avatar ibins | 

Interface en HTML5 ? Après le passage au business modèle des abonnements, ils préparent et testent le passage des applications tournant sur leurs serveurs, accessible uniquement en ligne...?

CONNEXION UTILISATEUR