8 meilleurs tutoriels de croquis pour 2019

Sketch est une application de conception numérique que vous pouvez utiliser pour un certain nombre de projets, notamment des icônes, du prototypage et du wireframing. (Il y a aussi certaines choses que vous ne pouvez pas faire avec Sketch, comme le rendu 3D lourd.) De nombreuses personnes utilisent Photoshop pour ces types de conception, et Sketch est un bon remplacement pour Photoshop. Il existe un certain nombre de didacticiels Sketch, adaptés à tous les niveaux, du débutant à l'expert, et proposés à divers niveaux de prix (y compris gratuits).

Abonnez-vous à notre chaîne Youtube

Un aperçu super rapide de Sketch

À moins que vous ne soyez un novice en conception, Sketch est facile à utiliser, plus que Photoshop et des applications similaires. Cela peut vous faire gagner beaucoup de temps lors de la conception. Étant donné que Sketch est une application vectorielle, toute forme que vous dessinez peut être redimensionnée à la dimension de votre choix sans rien perdre de sa netteté. Vos conceptions auront fière allure même sur des écrans à haute densité de pixels (comme les écrans Retina de Mac). De plus, la qualité de vos conceptions sera proche du CSS/HTML fini - vous pouvez vraiment perfectionner une conception avec Sketch.

• Toute personne ayant une formation en design peut utiliser Sketch.
• Puisque Sketch est une application Mac, c'est évidemment pour les utilisateurs de Mac. Bien que vous puissiez ouvrir des fichiers Sketch avec un autre système d'exploitation, comme Windows, vous ne pouvez travailler qu'avec Sketch sur Mac.
• Sketch est léger, vous n'avez donc pas besoin d'un ordinateur haut de gamme et coûteux pour l'exécuter. L'application fonctionnera probablement même sur le Mac le plus simple.

Lorsque vous achetez Sketch pour la première fois, vous achetez également la licence d'un an, qui comprend toutes les mises à jour publiées au cours de cette première année. À l'expiration de la licence, vous ne recevrez plus de mises à jour futures, mais vous pourrez continuer à utiliser Sketch tel quel. Si vous souhaitez continuer à recevoir des mises à jour, renouveler la licence d'un an est moins coûteux que de la payer la première fois.

8 Tutoriels d'esquisse et ensembles de tutoriels

Ce n'est pas une liste exhaustive des tutoriels Sketch (duh - ce serait impossible). J'aime adopter une approche organique lors de la rédaction de ces résumés, en sélectionnant un assortiment de tutoriels que je pense que vous trouverez précieux. Je vous encourage à continuer à chercher par vous-même des tutoriels Sketch (j'ai des ressources de couple en bas pour exactement cela), et n'hésitez pas à commenter avec certains de vos favoris que j'ai manqués.

1. LevelUpTuts | Tutoriels de l'application Sketch pour Sketch 3

LevelUpTuts propose 25 tutoriels gratuits pour Sketch 3, dont chacun dure moins de 10 minutes. Cette série est idéale pour les débutants de Sketch qui veulent apprendre les ficelles du métier (et qui ont l'ancienne version de Sketch). Les leçons comprennent :

• Comprendre les plans de travail
• Création et utilisation de symboles
• Installation et utilisation de plugins
• Extension de Sketch avec des ressources gratuites
• Comment créer des GIF animés dans Sketch

Sketch 3 n'est pas la dernière version de Sketch, mais ces didacticiels seront toujours pertinents. Il existe également une série plus courte et plus à jour que vous pouvez trouver ici. Vous pouvez en savoir plus sur les didacticiels de Level Up grâce à leur vidéo d'introduction ici. Ils proposent des didacticiels sur les bases du développement Web, ainsi que du contenu destiné aux concepteurs plus avancés.

Idéal pour les débutants | Prix ​​: Gratuit | Plus d'information

2. Apprendre l'UX | Cours d'application d'esquisse

Learn UX propose un cours accéléré de 8 heures sur Sketch, ce qui est excellent si vous vous dites : « J'ai besoin d'apprendre cela, et je vais passer ma journée pour le comprendre. » Armez-vous de collations, installez-vous sur votre canapé et familiarisez-vous avec Sketch en une journée de travail. La plupart des leçons durent environ 12 minutes ou moins, vous ne vous enliserez donc pas dans un seul domaine. Learn UX est exactement ce à quoi cela ressemble : une plaque tournante d'informations pour tous ceux qui souhaitent en savoir plus sur l'UX. Ils ont beaucoup de cours différents couvrant une variété d'outils. Si vous préférez regarder sur YouTube, ils ont aussi une chaîne là-bas.

Idéal pour les débutants | Prix ​​: Gratuit | Plus d'information

3. Andrew Eddy, concepteur UI/UX | Le cours complet de Sketch 5

Les cours ne sont généralement pas aussi bon marché, et pour 12,99 $, vous obtenez 14,5 heures de vidéo, ainsi que des articles et des ressources téléchargeables, le tout pour vous aider à apprendre Sketch 5. Bien que cela s'adresse aux débutants, vous serez un utilisateur avancé à la fin du cours (et vous pouvez ensuite passer aux didacticiels qui se trouvent plus loin dans cette liste). Les leçons sont regroupées en conférences, et certaines des conférences couvrent:

• Concevoir un écran d'application mobile
• Configuration d'un guide de style
• Conception de logo
• Wireframe
• Prototypage

Andrew est actuellement PDG (et co-fondateur) de Sequr, une société de logiciels de sécurité à Atlanta. Il a une formation en conception UI/UX, et il a également travaillé en tant que directeur créatif et graphiste. Les cours payants, quel que soit le sujet, fournissent toujours plus d'informations que vous n'en trouverez dans un cours gratuit. Si vous voulez vraiment maîtriser Sketch 5 et que vous avez du temps à consacrer à son apprentissage, je choisirais un cours complet comme celui-ci.

Idéal pour les débutants | Prix ​​: 12,99 $ | Plus d'information

4. LearnSketch.com | Croquis de A à Z : Devenez un concepteur d'applications

Si vous n'avez jamais utilisé Sketch auparavant, vous voudrez peut-être d'abord suivre un cours ou un didacticiel gratuit pour débutants. Cependant, si vous êtes un débutant dans Sketch et que vous ne vous souciez que de la conception d'applications mobiles, au moins pour le moment, vous pouvez commencer ici. Les catégories de conférences comprennent :

• Principes de base des calques
• Formes
• Coiffant
• Texte
• Images
• Symboles
• Conseils de Workflow Pro
• Exportation

LearnSketch.com est vraiment une plaque tournante pour toutes les choses-Sketch, et si vous n'êtes pas prêt à vous engager dans un cours de 3,5 heures, consultez leurs tutoriels beaucoup plus courts. Si vous préférez aller directement sur YouTube, leur chaîne est ici. Ils ont une page avec une poignée de graphiques gratuits.

Idéal pour débutant à intermédiaire | Prix ​​24,99 $ | Plus d'information

5. Jesse Showalter, concepteur + développeur | Tutoriels de croquis

Jesse Showalter a une liste de lecture "Sketch Tutorials" avec 15 vidéos gratuites. La plupart d'entre eux durent environ 15 minutes, c'est moins, quelques-uns étant un peu plus longs. Cette série est idéale pour les utilisateurs de Sketch de tous niveaux, que vous souhaitiez commencer avec Sketch ou plonger dans une conception plus avancée. Les leçons comprennent :

• Introduction à l'esquisse
• Concevoir une interface utilisateur d'application de voyage
• Organisation des symboles dans Sketch pour Mac
• Sketch 52, Top 5 des fonctionnalités
• Plugin de chronologie pour Sketch

Jesse est un designer et développeur basé à Honolulu, et son environnement se reflète dans certains de ses tutoriels, comme ceux sur la conception d'un site Web de navigation. Si vous aimez Jesse et son style vidéo, vous voudrez également regarder ses vidéos professionnelles, comme celles sur le travail avec les clients ou l'installation dans la vie professionnelle à distance.

Idéal pour débutant à avancé | Prix ​​: Gratuit | Plus d'information

6. InVision | 8 raccourcis critiques dans Sketch

Ce didacticiel Sketch d'InVision enseigne aux utilisateurs actuels comment travailler plus rapidement et plus intelligemment grâce aux raccourcis. La vidéo le traverse rapidement en moins de cinq minutes. Vous apprendrez des raccourcis pour des manœuvres telles que :

• Faire du vélo à travers les planches
• Duplication des propriétés visuelles
• Superposition
• Panoramique et zoom
• Sélection précise

InVision est une plateforme de conception numérique où vous pouvez créer des prototypes interactifs. Ils favorisent la collaboration afin que les équipes puissent améliorer et faire avancer leurs projets. Si vous êtes un designer ou un nerd du design, vous voudrez consulter le blog Inside Design d'InVision. En plus des exemples, des tutoriels et des cas d'utilisation, ils couvrent également des sujets peu exigeants, comme l'histoire orale de l'icône du hamburger.

Idéal pour les intermédiaires | Prix ​​: Gratuit | Plus d'information

7. Compétences | Créer une page de destination d'application musicale dans Sketch

Skillthrive propose un certain nombre de didacticiels Sketch, mais je voulais choisir celui-ci car il s'agit d'un didacticiel plus unique et avancé que certains des didacticiels génériques. Ce tutoriel dure un peu moins d'une heure, et une fois que vous avez terminé, vous aurez une page de destination d'application musicale terminée. Si vous préférez diviser la leçon en étapes, vous pouvez aller ici. L'hôte du didacticiel de la page de destination musicale, Hunter, suit rapidement le processus avant de se lancer dans le didacticiel. Vous pouvez avoir une idée de ce que vous allez apprendre, ou si vous pensez : « J'ai besoin d'environ 20 secondes de conseils avant de créer moi-même cette page de destination de cette application musicale », voilà. Skillthrive propose une liste de lecture avec plus de didacticiels d'applications Sketch destinés aux non-débutants, et quelques-uns se concentrent même sur un créneau, comme la conception d'applications d'épargne mobile.

Idéal pour intermédiaire à avancé | Prix ​​: Gratuit | Plus d'information

8. InVision | Tutoriels de croquis assortis

Je reviens à InVision car ils proposent un certain nombre de didacticiels Sketch destinés aux utilisateurs avancés :

• Barres de progression radiales précises et modifiables dans Sketch
• Création de flèches de connexion infiniment évolutives dans Sketch
• Remplacements de symboles imbriqués dans Sketch 41
• Conseils rapides pour la création de formulaires flexibles dans Sketch

Idéal pour les avancés | Prix ​​: Gratuit

Encore plus de tutoriels de croquis

Si vous souhaitez payer une seule fois et accéder à toutes sortes de didacticiels de conception, dont plusieurs axés spécifiquement sur Sketch, envisagez de souscrire à un abonnement LinkedIn Learning. Ils sont semi-cher – 24,99 $ par mois est le minimum – mais si vous suivez quelques cours chaque mois, ça vaut le coup.

Explorez les cours liés à Sketch ici (aucune inscription nécessaire pour parcourir). Vous pouvez trier par niveau, ce qui est utile. Lorsque vous cliquez sur un cours, vous pouvez le prévisualiser et voir combien d'autres personnes l'ont regardé et aimé. N'oubliez pas les propres tutoriels de Sketch - vous pouvez tous les trouver sur leur page "Documentation".

Dernières pensées

Vous pouvez obtenir une formation en ligne, avec des experts qui sont motivés à partager ce qu'ils savent, et c'est gratuit , ou presque. Si vous avez abandonné quelque chose à l'école, à l'époque où vous étiez enfant ou adolescent et que vous pensiez : « Meh, je ne l'utiliserai jamais », vous pouvez rattraper le temps perdu. C'est vraiment incroyable. Aller. Apprendre. Concevoir. Puis reviens me dire comment ça s'est passé.

Vous voulez plus d'éducation? Consultez 8 tutoriels Gutenberg pour les développeurs.

Image en vedette via tanyabosyk / shutterstock.com