Le Design System avec Sketch (UX Design)
ERROR
00:00
00:00

TUTO Le Design System avec Sketch (UX Design)

D-wave FormationFabrice Liut
19,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Bienvenue dans notre nouvelle formation sur le logiciel de design d'interfaces : Sketch ! Nous attaquons un aspect puissant du logiciel : le Design System.
Designer comme développer, en préparant les bonnes fondation à tous vos projets. Préparer chaque style d'éléments pour construire une bibliothèque complète à utiliser, votre styleguide, modifiable rapidement et facilement, par vous et vos collaborateurs.

Si vous ne connaissez pas encore Sketch, nous proposons une autre formation vidéo pour apprendre les fondamentaux.

Sketch est un logiciel de design d’interfaces qui s’adresse aux webdesigners sur Mac. Sketch réussit à s’imposer progressivement auprès de la communauté des UX designers et dans de grandes sociétés telles que Facebook, GoogleTwitter, Dropbox (...) Ce logiciel est donc un outil de choix du graphiste UX/UI, puisqu’il permet de traiter du texte et de nombreux documents.

Qu’allez-vous apprendre dans cette formation avancée Sketch sur le Design System?

Dans cette formation vous allez apprendre à

  • créer un Design System, c'est à dire, comme pour les développeurs HTML/CSS, créer une feuille de style qui vous permettra ensuite d’interagir simplement avec tous les éléments de vos webdesign pour un site internet ou une application mobile par exemple.
  • optimiser votre process de travail pour n'avoir qu'à modifier les éléments de votre feuille de style sur Sketch. 

Cette formation en vidéo, vous permet de découvrir la méthode du Design System, pas à pas, puisque tous les fichiers seront fournis au fur et à mesure de la formation.

Suite à ce tutoriel Sketch, vous serez capable de :

  • Comprendre les principes de base d'un Design System
  • Gérer les différents symboles et leurs comportements
  • Utiliser et maîtriser les styles de calque et de texte
  • Gérer et organiser un Design System pour un process de travail optimal
  • Travailler en collaboratif avec le logiciel Sketch

Notre équipe s'engage également à répondre à toutes vos questions si vous avez besoin d'aide.
Ce tutoriel est réalisé en collaboration avec Fabrice Liut, Designer UX.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Découverte de la formation
Chapitre 2
Les bases du Design System
Chapitre 3
Les styles et forme & styles de texte
Chapitre 4
Gérer un Design System complexe
Chapitre 5
Pour aller plus loin

Plan détaillé du cours

Chapitre 1 : Découverte de la formation
03m35s
 
Leçon 1Introduction au Design Système sur Sketch
Leçon 2Comment aborder la formation
Leçon 3Tirer partie des fichiers d’exercice
Chapitre 2 : Les bases du Design System
19m50s
 
Leçon 11.0 Créer et utiliser des symboles sketch
Leçon 21.1 Utiliser la dynamique des symboles sketch
Leçon 31.2 Symbole dans un symbole
Chapitre 3 : Les styles et forme & styles de texte
19m24s
 
Leçon 12.1 Créer des styles de forme
Leçon 22.2 Utiliser les styles de forme
Leçon 32.3 Utiliser les styles de texte
Chapitre 4 : Gérer un Design System complexe
30m36s
 
Leçon 13.1 Et un Design system complet c’est quoi ?
Leçon 23.2 Fonctionnement de notre Design system de base
Leçon 33.3 Gérer un élément complexe
Leçon 43.4 Utilisation et modification du Design system
Chapitre 5 : Pour aller plus loin
16m43s
 
Leçon 14.1 Plus efficient avec le plug-in Craft
Leçon 24.2 Partage et collaboration
Leçon 34.3 Conclure sur le Design System & Sketch
Leçon 4Découverte du projet Sketch

Aperçus

Avis des apprenants

Détail des avis
107
Apprenants
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Barbara
Barbara
Publié le 12/08/2020
Merci de m'avoir permis de mieux comprendre Sketch ! Les explications sont clairs et me permettront d'y revenir plus tard pour créer mon premier design system
Membre-3004-7615
Membre-3004-7615
Publié le 14/09/2019
Excellent tuto. La voix est agréable et posée, les explications sont claires. Merci beaucoup Fabrice !
Garrousse
Garrousse
Publié le 11/07/2019
Merci pour cette formation qui m'a permis de démarrer sur sketch tout est bien clair

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

Sketch 3, Sketch

Quel est le niveau requis pour suivre ce tuto ?

intermédiaire

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données