Fermer l'annonce

En raison des excès et du comportement d'Adobe envers ses clients, de plus en plus de graphistes et de designers recherchent des alternatives, tout comme ils cherchaient un remplaçant à QuarkXpress et l'ont trouvé dans Adobe InDesign. Photoshop propose deux bonnes alternatives sur Mac - Pixelmator et Acorn - et avec l'ajout de fonctionnalités aux deux applications, de plus en plus de personnes disent au revoir au logiciel riche en fonctionnalités d'Adobe dans une interface utilisateur encombrée. Illustrator n'a qu'un seul substitut adéquat, à savoir Sketch.

Comme Illustrator, Sketch est un éditeur vectoriel. Les graphiques vectoriels ont récemment pris de plus en plus d'importance en raison de la simplification générale des éléments graphiques, tant sur le Web que dans les systèmes d'exploitation. Après tout, iOS 7 est presque entièrement composé de vecteurs, tandis que les applications de texture des anciennes versions du système nécessitaient des graphismes très qualifiés pour créer des effets de bois, de cuir et autres. Après avoir passé quelques mois avec l'application, je peux confirmer qu'il s'agit d'un excellent outil aussi bien pour les designers débutants que pour les graphistes avancés en raison de son intuitivité et de sa gamme de fonctions.

L'interface utilisateur

Tout commence par une disposition claire des éléments dans l'application. La barre supérieure contient tous les outils avec lesquels vous travaillerez sur les vecteurs, à gauche se trouve une liste de calques individuels et à droite se trouve l'inspecteur, où vous modifiez toutes les propriétés des vecteurs.

Au milieu, il y a une zone infinie qui permet toutes les approches. Tous les éléments de l'application sont ancrés, il n'est donc pas possible de positionner différemment la barre d'outils ou les calques, cependant, la barre supérieure est personnalisable et vous pouvez y ajouter tous les outils existants, ou sélectionner uniquement ceux fréquemment utilisés et utiliser le contexte menus pour tout le reste.

Bien qu'une zone infinie soit standard dans les éditeurs vectoriels, par exemple lors de la création d'applications de conception graphique, il est idéal d'avoir une zone de travail délimitée. Bien que cela puisse être résolu avec un rectangle comme base, par exemple, il serait difficile d'ajuster la grille. Sketch résout ce problème avec ce qu'on appelle Artboard. lorsqu'ils sont activés, vous définissez les surfaces individuelles et leurs dimensions dans lesquelles vous allez travailler. Soit gratuit, soit il existe plusieurs modèles prédéfinis, comme un écran iPhone ou iPad. Lorsque vous travaillez avec des plans de travail, tous les éléments vectoriels à l'extérieur sont grisés, afin que vous puissiez mieux vous concentrer sur des écrans individuels et ne pas être distrait par tout ce qui dépasse.

Les plans de travail ont une autre grande utilité : l'application Sketch Mirror associée peut être téléchargée depuis l'App Store, qui se connecte à Sketch sur Mac et peut afficher directement le contenu des plans de travail individuels. Par exemple, vous pouvez tester l'apparence de l'interface utilisateur de l'iPhone proposée sur l'écran du téléphone sans avoir à exporter des images et à les télécharger encore et encore sur l'appareil.

Bien entendu, Sketch comprend également une grille et une règle. La grille peut être définie arbitrairement, y compris la mise en évidence des lignes, et la possibilité de l'utiliser pour diviser la zone des colonnes ou des lignes est également intéressante. Par exemple, vous pouvez facilement diviser l'espace en trois tiers sans avoir à afficher les autres lignes auxiliaires. C’est un excellent outil, par exemple, pour appliquer le nombre d’or.

Nástroje

Parmi les outils de dessin vectoriel, vous trouverez pratiquement tout ce que vous attendez : des formes de base, notamment le dessin en spirale et point par point, l'édition de courbes, la conversion de polices en vecteurs, la mise à l'échelle, l'alignement, à peu près tout ce dont vous avez besoin pour le dessin vectoriel. Il y a également plusieurs points d'intérêt. L’une d’elles consiste, par exemple, à utiliser un vecteur comme masque pour un bitmap intégré. Par exemple, vous pouvez facilement créer un cercle à partir d'une image rectangulaire. Vient ensuite la disposition des objets sélectionnés dans une grille, où dans le menu vous pouvez non seulement définir les espaces entre les objets, mais également choisir de prendre en compte les bords de l'objet ou d'ajouter un cadre autour d'eux s'ils ont des longueurs ou des largeurs différentes.

Les fonctions de la barre supérieure sont automatiquement grisées si elles ne sont pas disponibles pour l'objet donné. Par exemple, vous ne pouvez pas convertir un carré en vecteurs, cette fonction est destinée au texte, donc la barre ne vous confondra pas avec des boutons constamment allumés, et vous saurez immédiatement laquelle des fonctions peut être utilisée pour les calques sélectionnés.

Couches

Chaque objet que vous créez apparaît dans la colonne de gauche, dans le même ordre que les calques. Les calques/objets individuels peuvent ensuite être regroupés, ce qui crée un dossier et le panneau affiche l'intégralité de l'arborescence. De cette façon, vous pouvez déplacer les objets dans les groupes à votre guise, ou fusionner les groupes les uns avec les autres et distinguer les différentes parties de l'œuvre.

Les objets sur le bureau sont ensuite sélectionnés en fonction de ces groupes ou dossiers, si vous le souhaitez. Si tous les dossiers sont fermés, vous êtes au sommet de la hiérarchie, la sélection d'un objet marquera tout le groupe auquel il appartient. Cliquez à nouveau pour descendre d'un niveau et ainsi de suite. Si vous créez une structure à plusieurs niveaux, vous devrez souvent cliquer longtemps, mais des dossiers individuels peuvent être ouverts et des objets spécifiques peuvent être sélectionnés directement.

Les objets et dossiers individuels peuvent être masqués ou verrouillés dans une position donnée à partir du panneau des calques. Les plans de travail, si vous les utilisez, servent alors de point culminant de toute la structure, et en déplaçant les objets entre eux dans la colonne de gauche, ils se déplaceront également sur le bureau, et si les plans de travail ont les mêmes dimensions, les objets seront également passer à la même position.

Pour couronner le tout, vous pouvez avoir n'importe quel nombre de pages dans un seul fichier Sketch et n'importe quel nombre de plans de travail sur chaque page. En pratique, lors de la création d’un design d’application, une page peut être utilisée pour iPhone, une autre pour iPad et la troisième pour Android. Un seul fichier contient ainsi un travail complexe composé de dizaines ou de centaines d'écrans individuels.

Inspecteur

L'inspecteur, situé dans le panneau de droite, est ce qui distingue Sketch des autres éditeurs vectoriels avec lesquels j'ai eu la chance de travailler jusqu'à présent. Bien qu'il ne s'agisse pas d'une idée innovante, son exécution au sein de l'application contribue à une manipulation très simple des objets.

En sélectionnant n'importe quel objet, l'inspecteur change selon les besoins. Pour le texte, il affichera tout ce qui concerne le formatage, tandis que pour les ovales et les rectangles, l'apparence sera un peu différente. Il existe cependant plusieurs constantes comme la position et les dimensions. La taille des objets peut ainsi être modifiée très facilement par simple écrasement de la valeur, et ils peuvent également être positionnés avec précision. La sélection des couleurs est également bien faite, cliquer sur un remplissage ou une ligne vous amènera au sélecteur de couleurs et à une palette prédéfinie de certaines couleurs que vous pourrez personnaliser à votre guise.

En plus d'autres propriétés telles que la terminaison des joints ou le style de superposition, vous trouverez également ici des effets de base - ombres, ombres intérieures, flou, réflexion et réglage des couleurs (contraste, luminosité, saturation).

Les styles des polices et des autres objets vectoriels sont très intelligemment résolus. Dans le cas du texte, ses propriétés peuvent être enregistrées sous forme de style dans l'inspecteur, puis affectées à d'autres champs de texte. Si vous modifiez ensuite le style, tout le texte qui l'utilise changera également. Cela fonctionne de la même manière pour d’autres objets. Sous le bouton Lien, se trouve un menu permettant d'enregistrer le style de l'objet sélectionné, c'est à dire l'épaisseur et la couleur du trait, le remplissage, les effets, etc. Vous pouvez ensuite lier d'autres objets avec ce style, et dès que vous modifiez la propriété d'un objet, la modification est également transférée aux objets associés.

Fonctions supplémentaires, Importation et Exportation

Sketch a également été développé en mettant l'accent sur la conception Web, les créateurs ont donc ajouté la possibilité de copier les attributs CSS des calques sélectionnés. Vous pouvez ensuite les copier dans n'importe quel éditeur. L'application commente intelligemment les objets individuels afin que vous puissiez les reconnaître dans le code CSS. Bien que l'export du code ne soit pas à 100%, vous pouvez toujours obtenir de meilleurs résultats avec une application dédiée Code Web, mais il remplira largement son objectif et vous fera savoir s'il ne peut pas transférer certains attributs.

Malheureusement, l’éditeur ne peut pas encore lire nativement les fichiers AI (Adobe Illustrator), mais il peut gérer les formats standards EPS, SVG et PDF. Il peut également exporter vers les mêmes formats, y compris bien sûr les formats raster classiques. Sketch vous permet de sélectionner n'importe quelle partie de la surface entière, puis de l'exporter. Il peut également marquer tous les plans de travail pour une exportation rapide. De plus, il mémorise toutes les zones sélectionnées, donc si vous apportez des modifications et souhaitez exporter à nouveau, nous aurons des pièces préalablement sélectionnées dans le menu, que vous pourrez bien sûr déplacer et modifier les dimensions à votre guise. La possibilité d'exporter en tailles double (@2x) et demi (@1x) en même temps qu'une taille à 100 % est également intéressante, surtout si vous concevez des applications iOS.

La plus grande faiblesse de l'application est l'absence totale de prise en charge du modèle de couleur CMJN, ce qui rend Sketch complètement inutile pour tous ceux qui conçoivent pour l'impression et limite son utilisation à la conception numérique uniquement. L'accent est évidemment mis sur la conception de sites Web et d'applications, et on ne peut qu'espérer que la prise en charge sera ajoutée dans au moins une future mise à jour, tout comme Pixelmator l'a fait plus tard.

Conclusion

Cette image a été créée à l'aide de Sketch uniquement

Après plusieurs mois de travail et deux travaux de conception graphique, je peux dire que Sketch peut facilement remplacer le coûteux Illustrator pour beaucoup, à une fraction du prix. Pendant toute la période d'utilisation, je n'ai rencontré aucun cas où j'ai raté une quelconque fonction, au contraire, il y a encore quelques choses que je n'ai pas eu le temps d'essayer.

Compte tenu de la transition générale des bitmaps aux vecteurs dans les applications mobiles, Sketch peut jouer un rôle intéressant. L'une des commandes évoquées concernait justement la conception graphique d'une application iOS, pour laquelle Sketch est parfaitement préparé. L'application compagnon Sketch Mirror en particulier peut vous faire gagner beaucoup de temps lors de l'essai de conceptions sur un iPhone ou un iPad.

Si je devais comparer Sketch avec Pixelmator à ses concurrents d'Adobe, Sketch est encore un peu plus loin, mais il doit davantage à la robustesse de Photoshop. Cependant, si vous envisagez de quitter Creative Cloud et l’ensemble de l’écosystème Adobe, Sketch est clairement la meilleure alternative, surpassant Illustrator à bien des égards par son intuitivité. Et pour les 80 $ que coûte Sketch, ce n'est pas une décision si difficile.

Remarque : l'application coûtait à l'origine 50 $, mais est tombée à 80 $ en décembre et février. Il est possible que le prix diminue avec le temps.

[url de l'application = »https://itunes.apple.com/us/app/sketch/id402476602?mt=12″]

.