Application Sketch : un aperçu et un examen

Sketch est un outil vectoriel utilisé pour la conception, les maquettes et les prototypes d'interface utilisateur de bureau et mobile, et il est aujourd'hui considéré comme une norme de l'industrie. Vous pouvez également éditer et manipuler des photos avec Sketch.

Sketch est si convivial que vous pouvez l'apprendre rapidement même si vous ne l'avez jamais vu auparavant. Il est destiné aux concepteurs, pas au profane (non-concepteurs), et il est préférable pour les équipes qui répondent aux besoins des clients. Comme il s'agit d'une application Mac uniquement, elle est destinée aux utilisateurs de Mac.

Aperçu de l'esquisse

Lorsque vous commencez à utiliser Sketch, vous travaillez sur une toile infinie. Vous pouvez personnaliser la barre d'outils en cliquant avec le bouton droit et définir vos favoris en faisant glisser.

Un plan de travail dans Sketch représente soit un écran, soit une interaction au sein d'un écran. Lors de la création d'un plan de travail, vous pouvez choisir parmi une liste de tailles d'écran courantes pour Android, iOS, le Web et l'impression, ou vous pouvez personnaliser la vôtre. Il existe également un plugin Artboard Manager pour l'organisation au niveau OCD (* toux* moi) - vous pouvez aligner vos plans de travail en lignes et en colonnes pour les ranger.

Les pages dans Sketch représentent une résolution ou une plate-forme différente. Si vous créez un plan de travail pour iOS, vous les rassemblerez tous dans une page, puis vous pourrez créer une autre page pour votre conception Android. Un fichier Sketch peut contenir de nombreux plans de travail et pages. Cela vous permet d'organiser votre flux de travail d'une manière facile d'accès.

Comme avec la plupart des outils de conception d'écran, cliquer sur un calque ouvrira un inspecteur à droite où vous pourrez modifier les propriétés.

Si vous êtes débutant, commencez avec un modèle d'interface utilisateur. Sketch est préchargé avec les modèles iOS, Material Design et Responsive Web (Fichier > Nouveau à partir du modèle).

Avantages de l'esquisse

Sketch est aimé pour une raison. Avant de passer en revue ses caractéristiques, parlons de ses avantages :

• Simple et facile à apprendre; interface intuitive
• Créez des designs pour plusieurs appareils
• Les clients peuvent prévisualiser ce qui se passera lorsqu'ils interagissent avec la conception d'un ordinateur de bureau, d'un ordinateur portable, d'un téléphone ou d'une tablette
• Fonctionnalités de collaboration utiles, en particulier avec la synchronisation et le partage de Sketch Cloud
• La barre d'outils est similaire à Mac
• Il existe un assortiment de plugins qui peuvent être utilisés avec Sketch (Abstract, Craft, Flinto, etc.)
• Abordable

De nombreux avantages de Sketch sont par rapport à Photoshop. Par exemple, il fonctionne de manière similaire à Photoshop mais à un prix inférieur et en prenant moins d'espace disque. Certains pensent que Sketch pourrait même dépasser Photoshop à un moment donné, du moins en ce qui concerne le principal outil de prototypage. Une grande raison pour laquelle Sketch est peut-être plus apte à la conception d'écrans que Photoshop est parce que c'est pour cela qu'il a été spécialement conçu - c'est un outil plus jeune et plus moderne qui a été spécialement conçu.

Sketch propose également de nombreux conseils sur son site Web, accessible à partir de la page de téléchargement.

Inconvénients et concurrents

Sketch n'a pas grand-chose qui ne va pas , mais deux de ses plus gros inconvénients sont (1) vous ne pouvez l'utiliser que sur un Mac et (2) vous ne pouvez l'utiliser que sur un appareil par licence. De plus, à titre d'avertissement, si vous envisagez de créer plusieurs fichiers complexes avec plusieurs pages, vous aurez besoin d'un Mac puissant pour tout gérer.

Il existe deux principaux concurrents de Sketch : Adobe XD et InVision Studio. Adobe XD est un autre outil vectoriel utilisé pour le wireframing et le prototypage. InVision Studio a un avantage sur Adobe XD et Sketch : son module d'animation.

Fonctionnalités d'esquisse

Sketch possède de nombreuses fonctionnalités de base que vous attendez :

• Outils de dessin, de forme et de texte
• Modifier les points de forme et les courbes de Bézier
• Opérations de rangement (alignement, mise en avant, distribution)
• Outils booléens (union, soustraction, intersection, différence)

Cependant, Sketch n'est pas conçu pour le dessin - il est vraiment destiné au prototypage. Définir les points chauds ; attribuer des zones de l'écran comme défilant/non défilant ; et les instances de liens et de liens croisés, les menus, les pages, les sections et les symboles. Vous pouvez également importer des images ou du texte pour remplir le prototype avec des données plus réalistes que les espaces réservés. Sketch est particulièrement utile lorsqu'il s'agit de concevoir avec une précision de haut niveau :

• Des outils de haute précision (grilles et grille de pixels, règles, Smart Guides, etc.)
• Des guides intelligents apparaissent avant de commencer à dessiner pour une précision optimale
• Maintenir "Alt" montre la distance entre le calque que vous avez sélectionné et les autres, ainsi qu'entre le calque et le plan de travail
• Sélectionnez deux calques et alignez-les l'un avec l'autre
• L'option Répartir les objets vous permet de normaliser les distances entre les calques
• Définissez votre propre grille de mise en page

Plus de fonctionnalités de croquis

• L'outil d'échelle met à l'échelle chaque propriété - bordure, rayon, ombre/ombre intérieure, taille
• L'ajustement des pixels vous permet de conserver des pixels nets lorsque vous alignez ou redimensionnez des formes
• Détection automatique des couleurs dans votre document, et les couleurs sont classées en fonction de leur fréquence d'utilisation
• L'outil de couleur stockera votre palette pour un seul document ou globalement
• Passez de RVB à HSB pour avoir plus de contrôle sur vos couleurs
• Les dégradés sont parfaits pour les arrière-plans, les boutons et les icônes
• Utilisez des dégradés radiaux pour les grands arrière-plans et des dégradés angulaires pour les arrière-plans circulaires
• Flou d'arrière-plan personnalisable ; tous les calques sous celui sélectionné seront automatiquement flous
• Les styles de texte vous permettent de réutiliser votre style de typographie préféré sur plusieurs calques (définissez un style global)
• Créez des éléments réutilisables (symboles) à partager entre les plans de travail ; mettre à jour un synchronisera tous les autres (si un autre membre de l'équipe met à jour un symbole, vous pouvez approuver la mise à jour ou le détacher de votre bibliothèque)
• Si vous avez une bibliothèque remplie d'icônes et de logos dans Photoshop ou Illustrator, vous pouvez les migrer vers Sketch
• L'activation de l'enregistrement automatique enregistrera vos modifications afin que vous ne perdiez pas votre travail acharné
• L'enregistrement automatique crée également un historique des versions de votre conception

Tarification des croquis

Sketch coûte 99 $ la première année et 69 $ pour renouveler votre licence chaque année par la suite. Si vous devez utiliser Sketch sur plusieurs appareils, il existe une licence en volume à partir de 89 $ par appareil pour deux appareils pour la première année et de 64 $ par appareil pour les renouvellements. La plus grande licence en volume que vous pouvez acheter est de 50 appareils et plus pour 59 $ par appareil pour la première année et 49 $ par appareil pour les renouvellements. Il existe également un essai gratuit de 30 jours, sans e-mail ni carte de crédit requis, qui commence dès le premier lancement de l'application.

La licence Sketch comprend un an de mises à jour, mais vous pouvez utiliser le logiciel à vie ; ou, vous pouvez mettre à jour chaque année pour toujours obtenir les dernières versions. En plus du logiciel, vous obtiendrez également l'application Mirror, qui vous permet de prévisualiser vos conceptions en temps réel sur votre iPad ou iPhone, et un an de Sketch Cloud.

Emballer

Pour récapituler, Sketch est une interface utilisateur et un outil de prototypage uniquement pour Mac pour les concepteurs, mais il est si facile à apprendre que vous pouvez l'utiliser que vous soyez débutant ou expert. Il fonctionne de la même manière que Photoshop, l'interface ressemble aux programmes Mac et Sketch fournit une aide précieuse via ses guides, ses communautés et ses modèles et kits préchargés. Il est flexible grâce aux plugins et à la possibilité de l'utiliser avec vos bibliothèques Photoshop et Illustrator. En tant qu'outil de conception d'écran et de prototypage spécialement conçu, il met l'accent sur la précision de vos conceptions et de l'organisation de vos projets. Adobe XD est un adversaire de taille pour le prototypage et InVision Studio est le choix pour l'animation, mais la familiarité avec Sketch pourrait bientôt devenir une exigence de l'industrie.

Vous voulez devenir un expert Sketch ? Nous avons rassemblé 25 ressources de croquis pour les concepteurs de thèmes et de plugins WordPress.