Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons vous montrer comment créer et configurer votre artboard dans Sketch. Vous apprendrez à ajuster l'affichage de votre artboard, à définir un layout global avec des grilles de 12 colonnes, et à centrer votre grille. Nous aborderons également l'ajout de règles pour définir les extrêmes de votre environnement de travail.

Ensuite, nous passerons à la création d'éléments visuels tels qu'un logo et une navigation. Nous utiliserons des textes, définirons des couleurs à l'aide de la pipette, et créerons un style de texte pour harmoniser les éléments de navigation. Vous apprendrez également à grouper et renommer des calques pour une meilleure organisation.

Enfin, vous découvrirez comment ajouter des lignes pour structurer votre header, créer des zones de contact et de changement de langue, et comment créer et utiliser des symboles pour réutiliser des éléments dans différents artboards.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'enseigner la configuration d'un artboard dans Sketch, l'utilisation des grilles pour un layout précis, et la création d'éléments visuels structurant un site Web.

Prérequis pour cette leçon

Il est recommandé d'avoir des connaissances de base en design graphique et en utilisation de Sketch avant de suivre cette vidéo.

Métiers concernés

Les professionnels utilisant ces compétences incluent les designers Web, les UX/UI designers, et les développeurs front-end.

Alternatives et ressources

Des alternatives à Sketch pour la création de designs Web incluent Adobe XD, Figma, et InVision Studio.

Questions & Réponses

Vous pouvez utiliser la combinaison de touches POM, SHIFT et 1 pour afficher tout l'artboard dans votre espace de travail.
Vous pouvez utiliser l'outil Center dans les Layout Settings pour centrer votre grille.
Les symboles permettent de réutiliser des éléments dans différents artboards et de synchroniser les modifications entre eux.