Sketch est un outil puissant, conçu pour les designers qui souhaitent développer des applications créatives et fonctionnelles. Dans ce guide, je vais te présenter les principales fonctionnalités et outils dont tu as besoin pour travailler efficacement avec Sketch. Plongeons directement dans le monde du design.

Principales découvertes

  • Le tableau de bord de Sketch te permet de choisir de nouveaux projets et modèles.
  • La barre d'outils offre un accès rapide aux outils et fonctionnalités importants.
  • L'Inspecteur est essentiel pour personnaliser les designs en termes de taille, position et style.
  • Le système de calques t'aide à organiser tes designs et à travailler efficacement.

Étape 1: Explorer le tableau de bord

Après avoir installé Sketch et ouvert le programme, tu verras un tableau de bord avec différentes options. Ici, tu peux créer de nouveaux projets ou cliquer sur des modèles pour utiliser des modèles existants, par exemple pour des icônes d'applications iOS. clique sur "nouveau document" pour commencer un nouveau projet et avoir un espace de travail vierge devant toi.

Maîtriser Sketch : Un tutoriel complet

Étape 2: Personnaliser la barre d'outils

En haut de la fenêtre, tu verras la barre d'outils, qui te fournit une variété d'outils. Cette barre d'outils peut sembler un peu écrasante au début, mais ne t'inquiète pas. Tu peux personnaliser et ajouter les outils dont tu as le plus souvent besoin. Clique simplement avec le bouton droit sur la barre d'outils et sélectionne "personnaliser la barre d'outils". Fais glisser les icônes souhaitées dans la barre d'outils pour les rendre accessibles à ton travail.

Maîtriser Sketch : Un tutoriel complet

Étape 3: Comprendre l'espace de travail

À gauche de l'espace de travail, tu ne vois par défaut qu'une seule page, qui est appelée "Page 1". Ici, tu as la possibilité de gérer les différents calques et designs que tu crées. En bas, tu trouves une fonction de filtre qui t'aide à trouver plus rapidement certains éléments. Sur la droite, tu trouves l'Inspecteur, similaire à Xcode, où tu peux régler des propriétés comme la taille, la position et plus encore.

Étape 4: Créer des designs pour différents appareils

En appuyant sur la touche "A", tu peux sélectionner différents appareils pour lesquels tu souhaites concevoir. De nombreux modèles sont disponibles, te permettant de commencer rapidement à concevoir une application pour iPhone ou appareils Android. Clique simplement sur l'appareil désiré et commence à concevoir.

Maîtriser Sketch : Un tutoriel complet

Étape 5: Créer des conteneurs personnalisés

Pour créer tes propres conteneurs, appuie sur la touche "R". Tu remarqueras que le pointeur de la souris change et un petit rectangle apparaît. Avec cette fonction, tu peux créer des formes ou des conteneurs que tu peux personnaliser à ta guise. Dans l'Inspecteur, tu peux directement modifier la position X et Y ainsi que la taille de ces éléments.

Maîtriser Sketch : Un tutoriel complet

Étape 6: Personnaliser les couleurs et styles

Dans l'Inspecteur, tu trouves de nombreuses options pour sélectionner des couleurs. Tu peux utiliser des couleurs globales ou même ajouter un dégradé. Par défaut, plusieurs options sont disponibles, mais tu peux également saisir des codes hexadécimaux spécifiques pour obtenir la couleur exacte que tu souhaites utiliser dans le design.

Maîtriser Sketch : Un tutoriel complet

Étape 7: Gérer les pages

Lorsque ton projet devient plus vaste et que tu as des designs pour différentes plateformes, tu peux créer de nouvelles pages et les nommer en conséquence. Ainsi, tu gardes une bonne vue d'ensemble et peux facilement naviguer entre les différents designs. Clique sur "nouvelle page" et nomme-la par exemple "Web" ou "iOS".

Maîtriser Sketch : Un tutoriel complet

Étape 8: Utiliser des raccourcis clavier

Pour travailler efficacement avec Sketch, tu peux utiliser des raccourcis clavier pour accélérer la navigation et la conception. Si tu as un clavier plus grand, utilise la touche avec le signe égal pour passer plus rapidement d'une page à l'autre. Cela te fait gagner du temps et améliore ton flux de travail, surtout si tu préfères utiliser de nombreux raccourcis.

Résumé - Sketch: L'interface du programme - Un guide étape par étape

Tu as ainsi obtenu un aperçu de base de l'interface du programme Sketch. Tu as appris comment personnaliser la barre d'outils, créer et gérer des designs ainsi que personnaliser les couleurs et les styles. Une utilisation efficace de ces fonctionnalités t'aidera à réaliser au mieux tes designs.

Questions fréquentes

Qu'est-ce que Sketch?Sketch est un outil de conception graphique spécifiquement développé pour le développement d'interfaces utilisateur et de prototypes.

Comment personnaliser la barre d'outils?Fais un clic droit sur la barre d'outils et choisis "personnaliser la barre d'outils" pour ajouter les icônes souhaitées.

Comment créer un conteneur?Appuie sur la touche "R" pour créer un conteneur et fais glisser la souris pour ajuster la taille.

Puis-je utiliser des modèles?Oui, Sketch propose différents modèles qui facilitent le démarrage.

Comment puis-je passer d'une page à l'autre?Utilise les raccourcis ou la gestion des pages dans le tableau de bord pour accéder rapidement aux différentes pages.