La dernière version très attendue de Esquisse par Bohemian Coding, vient de sortir C'est une application qui a promis beaucoup dans le passé, avec de nombreux concepteurs qui l'ont adopté sans réserve. Cependant, les deux versions précédentes semblaient trop immatures pour un travail de qualité professionnelle; La question est de savoir si la version 3 répond à ces préoccupations, et Sketch est-il prêt à être utilisé comme application de conception pour les studios de création?

La première chose à noter est que, contrairement à certains prétendants à la couronne d'Adobe, Codage Bohémien sont une opération professionnelle qui a travaillé sur les différentes itérations de Sketch pendant six ans, ce qui dans les années Web les rend vieux-mains. Sketch est un produit stable avec relativement peu de bogues et, pour autant que je sache, depuis la sortie de la version 3, la dernière version est tout aussi bien faite.

Là où Sketch excelle vraiment est la création de graphiques d’interface utilisateur. C'est le marché que vise Bohemian. Alors que Fireworks se déplace en direction de la corbeille et que Photoshop est transformé en générateur 3D gonflé, il y a certainement un créneau à combler.

Comparaison des dessins

almost invariably compare Sketch to Photoshop but it's a comparison that doesn't really hold water: the two applications are built for completely different purposes, a more appropriate comparison can be made between Sketch and Fireworks. Les amateurs de croquis comparent presque invariablement Sketch à Photoshop, mais cette comparaison ne tient pas vraiment la route: les deux applications sont conçues pour des objectifs complètement différents, et une comparaison plus appropriée peut être faite entre Sketch et Fireworks. Et apparemment, la plupart des fans de Sketch sont originaires de la communauté Fireworks.

Il serait naïf de prétendre que les comparaisons directes entre Photoshop et Sketch ne se poursuivront pas, mais cela est dû en grande partie à l’utilisation continue de Photoshop en tant qu’outil de création de graphiques Web.

Comparez Sketch avec Fireworks et vous obtiendrez rapidement des conclusions intéressantes: premièrement, l'interface graphique de Sketch est beaucoup plus simple que celle de Fireworks et les améliorations apportées à Sketch 3 ne font qu'aggraver cet écart; Deuxièmement, Sketch est un outil Web contemporain, il ne se base pas sur les suppositions faites par Macromedia dans les années 90; Troisièmement, Sketch offre un état d’esprit similaire à celui de Fireworks, mais avec un engagement continu en matière de développement, alors que Fireworks, à tort ou à raison, se cramponne à peine à son emplacement dans la gamme Creative Cloud.

Exportation de croquis

L'une des fonctionnalités les plus populaires de Sketch est l'option d'exportation @ 2x. Cela vous permet d'exporter une version plus grande de votre image pour les écrans de rétine. Cependant, si vous travaillez dans des vecteurs, vous pouvez exporter à partir de Photoshop à n’importe quelle taille, et si vous travaillez dans des bitmaps, alors Sketch n’est pas mieux. Cependant, j'aime la simplicité des options d'exportation de Sketch, même si je maintiens que tous les dessins vectoriels doivent être rendus au format SVG (ce que Sketch peut faire).

Pour faire une comparaison directe, j'ai dessiné un cercle vectoriel avec un dégradé dans Sketch, Photoshop et Fireworks, et je l'ai exporté deux fois à partir de chaque application à 244 x 244 pixels et 488 x 488 pixels. Les résultats étaient inattendus: les deux fichiers de Sketch étaient à 53kb et 197kb; Photoshop était de 44kb et 165kb; Les feux d'artifice étaient de 8kb et 22kb. Cela, dans le langage moderne, est connu comme un passage à tabac. Bien sûr, le test était fortement axé sur les programmes vectoriels, et je n'étais pas surpris que Fireworks réussisse si bien, j'étais un peu surpris par le triomphe de Photoshop. Si j'avais sauvegardé un bitmap complexe, je m'attendrais à ce que Photoshop fasse encore mieux.

De plus, alors que la principale option d'exportation de Sketch est la découpe, Photoshop est désormais la fonction génératrice, un processus par lequel les calques sont exportés en direct lorsqu'ils sont modifiés. Compte tenu de l’approche itérative de la plupart des processus de conception, Sketch manque malheureusement, peut-être dans la version 4.

À cet égard, la sauvegarde de Sketch permet d’accéder directement aux propriétés CSS associées aux éléments, ce qui signifie que vous n’avez peut-être pas besoin d’images pour vos mises en page.

Embrasser la logique CSS

Le plus grand succès de Sketch est que Bohemian a adopté la logique de CSS. Lorsque Photoshop a été publié pour la première fois, CSS n’existait tout simplement pas, mais il est difficile d’envisager comment Adobe a pu se contenter de paramètres arbitraires, lorsque des sites entiers ont été créés pour aider les concepteurs à convertir Quelqu'un chez Adobe HQ devrait être en mesure de repérer le trou dans son produit. Fireworks se comporte un peu mieux, mais le manque de bagages de Sketch signifie que Bohemian a été capable de créer une application plus en phase avec le fonctionnement des designers contemporains.

Les amateurs de type apprécieront certainement de ne pas avoir à choisir l’une des options anti-aliasing pertinentes de Photoshop.

Il y a quelque chose à dire, non seulement pour l'efficacité, mais pour l'expérience de l'utilisation d'une application, et même s'il est difficile d'être objectif après tant d'années d'utilisation de Photoshop, l'approche CSS de Sketch est certainement plus nette. La cohérence avec un état d'esprit de codage frontal est l'un des grands succès de Sketch. Cela fonctionne juste.

Qu'est-ce qui ne va pas?

Il y a malheureusement quelques choix discutables dans Sketch 3. Pourquoi, par exemple, un tel accent a-t-il été mis sur la création de reflets d'éléments? Les réflexions sont une béquille de design intensément datée et ne valent pas une seconde réflexion (à moins que vous ne fassiez partie de l'équipe interne d'Apple, auquel cas elles font partie des directives de votre marque). Je ne remets pas en question l'inclusion des réflexions, mais plutôt la décision de leur conférer une telle caractéristique lorsqu'elles auraient pu être cachées quelque part inoffensives.

Sketch Mirror est un autre achat de l'App Store qui vous permet de prévisualiser votre conception en direct sur votre appareil, à condition que votre appareil soit un iPad ou un iPhone. Les fans d'Android devront s'en tenir à Edge Inspect d'Adobe, qui effectue le même travail sur plusieurs périphériques.

Ces problèmes sont insignifiants lorsqu'ils sont associés au fait que l'adoption de Sketch par l'industrie n'est pas encore généralisée. Pour les designers individuels, en particulier les concepteurs iOS, Sketch peut être une préférence personnelle sur laquelle vous êtes autorisé à agir; Mais pour les concepteurs travaillant en équipe ou fournissant du contenu aux clients pour le développement ailleurs, l'intégration de Sketch au flux de travail existant est limitée. Pour le moment, les DSP demeurent la norme de l'industrie et, lorsque les DSP seront finalement rejetés, ce sera pour la conception intégrée au navigateur, au détriment de toutes les applications de conception, y compris Sketch.

Est-il temps de changer?

Sketch n'est pas un outil indispensable. Il ne rivalise pas avec Photoshop pour l'édition bitmap et je suis surpris de voir à quel point il a réussi à exporter un vecteur. par rapport à Fireworks, ses performances sont un peu embarrassantes. Il ne dispose pas de contrôles de dessin aussi sophistiqués qu'Illustrator, et il ne jouera pas bien avec le flux de travail de quiconque, à l'exception d'un atelier de conception et de création de code unique. Cependant, Sketch est sensiblement moins cher que les offres Adobe. Il y a un essai de 14 jours que je vous encourage à suivre, surtout si vous êtes l'un des nombreux à déplorer la disparition de Fireworks.

Mis à part la critique, Sketch est un outil très amusant à utiliser. Il est très rapide à créer et la logique CSS signifie que la conversion de conceptions en CSS pur est extrêmement simple.

La plupart des concepteurs ne se tournent pas encore vers Sketch en tant qu'outil primaire, mais en tant qu'outil de prototypage secondaire, ils excellent, et l'idée de Sketch remplaçant Fireworks (ou Photoshop) n'est pas aussi étrange qu'il y a un an; Si le Croquis 4 fait le même genre de routes que Sketch 3 a fait, Adobe va regarder par-dessus leur épaule.