CATALOGUE Design et Infographie Formation Sketch Apprendre Sketch 3 - Les fondamentaux

Détails de la leçon

Description de la leçon

Dans cette leçon, nous abordons la création et l'application des styles de calques dans Sketch. En suivant cette vidéo, vous apprendrez à créer un rectangle, à lui appliquer différents styles comme la suppression des bordures, l'ajout d'un fond et des effets complexes.

Nous verrons comment utiliser ces styles pour créer des boutons réutilisables dans votre application grâce à la fonctionnalité de styles partagés. Les styles étant dynamiques, toute modification les concernant sera répercutée sur l'ensemble des éléments qui les utilisent. En plus, la vidéo explique comment créer des symboles pour les éléments plus complexes, tels que les boutons avec du texte, et comment les utiliser pour des composants communs à plusieurs pages, comme les headers et footers.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de vous apprendre à :

  • Créer et appliquer des styles de calques dans Sketch.
  • Utiliser des styles partagés pour améliorer la cohérence des designs.
  • Créer et gérer des symboles pour les éléments récurrents.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir des connaissances de base en design graphique et familiarité avec l'interface de Sketch.

Métiers concernés

Les usages professionnels de ce sujet incluent le métier de designer UX/UI, de développeur front-end, et de concepteur d'interfaces.

Alternatives et ressources

Les alternatives à Sketch pour des fonctionnalités similaires incluent Adobe XD, Figma, et InVision Studio.

Questions & Réponses

Tous les éléments de style sont partagés, à l'exception du border radius.
Un symbole est un élément réutilisable dans Sketch, il permet de garder les designs cohérents. Toute modification d'un symbole sera répercutée sur toutes ses instances.
Vous pouvez exclure la valeur du texte du symbole afin que la modification du texte dans un bouton ne soit pas répercutée sur les autres instances du symbole.