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, Google, Twitter, 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.
Table des matières de cette formation Sketch (durée : 1h25m)
-
Découverte de la formation
- Introduction au Design Système sur Sketch gratuit 00:00:48
- Comment aborder la formation 00:01:44
- Tirer partie des fichiers d’exercice 00:01:03
-
Les bases du Design System
- 1.0 Créer et utiliser des symboles sketch 00:05:30
- 1.1 Utiliser la dynamique des symboles sketch 00:05:33
- 1.2 Symbole dans un symbole 00:08:47
-
Les styles et forme & styles de texte
- 2.1 Créer des styles de forme 00:07:28
- 2.2 Utiliser les styles de forme 00:02:34
- 2.3 Utiliser les styles de texte 00:09:22
-
Gérer un Design System complexe
- 3.1 Et un Design system complet c’est quoi ? gratuit 00:09:18
- 3.2 Fonctionnement de notre Design system de base 00:04:52
- 3.3 Gérer un élément complexe 00:06:10
- 3.4 Utilisation et modification du Design system 00:10:16
-
Pour aller plus loin
- 4.1 Plus efficient avec le plug-in Craft 00:04:44
- 4.2 Partage et collaboration 00:06:24
- 4.3 Conclure sur le Design System & Sketch 00:01:26
- Découverte du projet Sketch 00:04:09
- Fichiers sourcestélécharger
- Certificat
D-wave Formation & Fabrice Liut vous proposent cette formation
vidéo. A eux deux, ces formateurs ont vendus 979 tutoriels pour
une note moyenne de 4,6/5.
-
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
-
Excellent tuto. La voix est agréable et posée, les explications sont claires. Merci beaucoup Fabrice !
-
Merci pour cette formation qui m'a permis de démarrer sur sketch tout est bien clair
-
Avec quelle version de logiciel ce tuto est-il compatible ?Sketch 3, Sketch
-
Quel est le niveau requis pour suivre ce tuto ?intermédiaire
note moyenne
avis laissés