Adobe XD - Design d'application mobile
Adobe XD - Design d'application mobile
Sketch est un logiciel de design d’interfaces qui s’adresse aux webdesigners sur Mac. Encore très jeune, Sketch réussit, pourtant, à 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’est-ce que vous allez apprendre dans cette formation Sketch d'1h ?
Dans ce tuto vidéo sur le logiciel Sketch, vous serez en mesure, en 1 heure de formation, de comprendre le principe de base de Sketch. Vous apprendrez ainsi à utiliser et prendre en main les différents outils et principes de base pour la réalisation d'interface, mais également, vous serez en mesure de savoir comment travailler avec les développeurs.
Le tutoriel sera également accompagné d’un exercice pour créer un interface mobile. Vous pourrez ainsi suivre pas à pas la réalisation du produit.
Ce tutoriel est réalisé en collaboration avec Fabrice Liut, designer UX. Il est destiné à un public débutant sur le logiciel.
Suite à ce tutoriel Sketch 3, vous serez capable de :
- Comprendre les principes de base du design d'interface
- Utiliser les différents outils de Sketch 3
- Connaître les notions de bases pour travailler avec un développeur
- Réaliser vos premières interfaces pour mobile
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Chapitre 1
Prise en main de l'interface
Prise en main de l'interface
Chapitre 2
TP : Réalisation d'une interface mobile
TP : Réalisation d'une interface mobile
Plan détaillé du cours
Chapitre 1 : Prise en main de l'interface
27m14
Leçon 1Introduction à Sketch 3
Leçon 2Présentations des outils de base de Sketch
Leçon 3Textes & Artboard
Leçon 4Symboles
Leçon 5Panneau de droite
Leçon 6Ombres portées & flous
Leçon 7Alignement des éléments
Leçon 8Barre d'outils
Leçon 9Pathfinder
Leçon 10Sketch Mirror, Cloud & aides à la conception
Chapitre 2 : TP : Réalisation d'une interface mobile
44m44
Leçon 1TP 1 : Principes de base pour travailler avec le développeur
Leçon 2TP 2 : Mise en place de l'ArtBoard
Leçon 3TP 3 : Photo de profil
Leçon 4TP 4 : Utiliser les masques
Leçon 5TP 5 : Mode de fusion & contrastes
Leçon 6TP 6 : Réalisation des éléments d'informations
Leçon 7TP 7 : Noun Project (intégration d'icônes)
Leçon 8TP 8 : Bonne gestion des fichiers
Leçon 9TP 9 : Finalisation du projet
Aperçus
Avis des apprenants