Sketch est un logiciel semblable à Figma ou encore le regretté (ou pas tant regretté...) Adobe XD. Créé par la société néerlandaise Bohemain Coding, ce logiciel est un éditeur de graphiques vectoriels aka un outil de conception d'interface graphique, de design d'application et de site internet. Mais également, tout comme son concurrent Figma, il permet le maquettage interactif. Ainsi il offre un panel d'outils et fonctionnalités visant à améliorer le processus de conception. Alors, c'est sympa tout ça mais comment on l'utilise au juste ? Vous allez plonger pas à pas dans une première utilisation du logiciel qui vous permettra de réaliser vos rêves les plus fous (en terme de maquettes bien-sûre... pas sûre qu'on puisse devenir millionnaire.. quoique)

Tout d'abord il faut créer un « artboard », ce dernier semblable à un plan de travail, définit la taille de votre écran. Sketch propose quelques tailles d'écrans prédéfinies afin de simplifier cette tâche. Maintenant que nous avons notre toile, nous pouvons commencer à peindre ! Ajoutons des éléments graphiques ; cliquez sur « Insert » et choississez l'élément que vous souhaitez tels qu'un bouton, un label ou l'input de texte. Ces éléments sont appellés atomes. On va alors pouvoir créer une molécule en dupliquant et déplacant les atomes ensemble. L'outil offre la possibilité de modifier le texte du label, de l'input et du bouton. Faites en une barre de recherche (ça c'est le texte du label) avec écrit « Effectuer une recherche » (dans l'input) et notez « Rechercher » pour le texte du bouton. Sélectionnez ces éléments et appuyez sur Ctrl+G pour les grouper.

Vous avez créé votre première molécule ! Maintenant, on peut attaquer votre organisme en créant un header. Dupliquez votre barre de recherche à droite, puis 3 labels que vous placerez à gauche de celle-ci, tout à gauche ajoutez un rectangle qui représentera votre logo.
Et voilà, nous sommes devenus des experts en biologie ! Comme tout bon docteur, il est très important d'organiser son contenu. Nommez vos pages et organisez les comme bon vous semble. Vous pouvez également ajouter des titres à vos artboards et les ajouter dans des sections permettant de concevoir un niveau de hiérarchie. Cela va vous permettre de vous retrouver facilement dans votre projet et ne pas perdre de temps lors de modifications éventuelles.

Vous voici maintenant novice du logiciel, vous avez acquis en quelques minutes les basses de Sketch !