Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à cette Spécialisation.
Apprenez de nouveaux concepts auprès d'experts du secteur
Acquérez une compréhension de base d'un sujet ou d'un outil
Développez des compétences professionnelles avec des projets pratiques
Obtenez un certificat professionnel partageable
Il y a 5 modules dans ce cours
Dans la partie 2 de la série Figma UI UX Design Essentials, vous ferez passer vos compétences en matière de conception au niveau supérieur en apprenant à construire des mises en page propres et flexibles ainsi que des composants réutilisables. Avec Dan Scott comme instructeur, vous irez au-delà des bases et explorerez des fonctionnalités puissantes comme la mise en page automatique, les contraintes et les variantes de composants - des outils essentiels pour concevoir des UI réactives et évolutives. Vous plongerez également plus profondément dans la conception visuelle, en apprenant à utiliser les styles de couleur, les styles de texte, les grilles et les effets pour apporter de la cohérence et de l'élégance à votre travail. En cours de route, vous réaliserez des projets pratiques en classe qui imitent des défis de conception réels, vous donnant une expérience pratique que vous pouvez utiliser dans le travail de client ou votre portefeuille. Ce cours est idéal pour les apprenants qui comprennent déjà l'interface de Figma et qui veulent commencer à concevoir comme un professionnel. Ce qui le distingue, c'est son approche étape par étape pour démystifier les outils plus avancés, de sorte que même les concepts intimidants tels que les composants imbriqués et les conventions de nommage semblent accessibles et gérables. Biographie de l'instructeur : Daniel Walter Scott est un concepteur numérique, un instructeur certifié Adobe et le fondateur de Bring Your Own Laptop (BYOL). Avec plus de 14 ans d'expérience dans l'enseignement, il a aidé des milliers d'apprenants dans le monde entier à maîtriser des logiciels de conception et de création pour l'impression, le web, la vidéo et maintenant la 3D. Daniel est un expert certifié Adobe et un instructeur certifié Adobe qui combine l'expertise de l'industrie avec un style d'enseignement pratique, engageant et mémorable. Originaire de la Nouvelle-Zélande, Daniel a vécu et enseigné à travers l'Australie, l'Irlande et au-delà, partageant ses compétences avec une communauté créative véritablement mondiale. Il est passionné par l'idée d'aider les étudiants à acquérir des compétences concrètes qu'ils pourront mettre à profit dans leur carrière et leurs projets créatifs. Lorsqu'il n'enseigne pas, Daniel profite de la vie avec sa femme irlandaise et ses enfants. Il apporte cette perspective personnelle et terre-à-terre dans ses cours, rendant les outils complexes accessibles et amusants à apprendre.
Découvrez comment construire des mises en page d'UI flexibles et adaptatives en utilisant la mise en page automatique et les contraintes de Figma. Ce module présente des outils et des techniques pour concevoir des interfaces qui réagissent en douceur aux changements de taille d'écran. Vous créerez des boutons extensibles, combinerez des cadres imbriqués et appliquerez une hauteur de texte automatique, pour finalement créer des composants réactifs qui se comportent de manière prévisible sur tous les appareils
Inclus
7 vidéos2 lectures1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
7 vidéos•Total 48 minutes
Qu'est-ce que l'Autolayout et les boutons d'expansion dans Figma ?•8 minutes
Projet de classe 11 - Boutons•1 minute
Mise en page automatique pour l'espacement•6 minutes
Comment utiliser les contraintes dans Figma•8 minutes
Combinaison de cadres imbriqués Mise en page automatique et contraintes dans Figma•14 minutes
Ajout de la hauteur automatique d'une zone de texte à Autolayout dans Figma•8 minutes
Projet de classe 12 - Design réactif•2 minutes
2 lectures•Total 20 minutes
Introduction•10 minutes
Instructions relatives au projet de spécialisation•10 minutes
1 devoir•Total 30 minutes
Quiz du module 1•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Effets visuels et stylisme
Module 2•1 heure à terminer
Détails du module
Dans ce module, vous ajouterez une touche visuelle à vos concepteurs UI. Vous apprendrez à appliquer des ombres, des flous et des styles neumorphiques pour augmenter la profondeur et le réalisme de vos maquettes. À l'aide d'exemples guidés, vous découvrirez comment les effets de superposition peuvent contribuer à créer une interface plus immersive et visuellement plus attrayante, et vous réaliserez un petit projet pour vous entraîner à appliquer ces effets de manière cohérente.
Inclus
4 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
4 vidéos•Total 21 minutes
Jolis effets d'ombre portée et d'ombre portée intérieure dans Figma•6 minutes
Calque de flou & Flou d'arrière-plan & Flou d'image dans Figma•6 minutes
Comment créer des boutons d'UI Neumorphiques dans Figma•8 minutes
Projet de classe - Effets•2 minutes
1 devoir•Total 30 minutes
Quiz du module 2•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Travailler avec des composants
Module 3•1 heure à terminer
Détails du module
Maîtriser les éléments constitutifs des systèmes de conception évolutifs. Ce module se concentre sur la création de composants réutilisables, la compréhension de la relation entre les composants principaux et les composants d'instance, et l'organisation de votre système de conception à l'aide de conventions de nommage cohérentes. Vous apprendrez également les meilleures pratiques pour maintenir les bibliothèques de composants dans les différents projets et mettre en place un flux de travail propre et sans risque pour les versions.
Inclus
7 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
7 vidéos•Total 42 minutes
Comment sauvegarder localement et sauvegarder l'historique dans Figma•6 minutes
Qu'est-ce qu'un composant dans Figma ?•6 minutes
Mise à jour, modification et réinitialisation de vos composants•8 minutes
On ne peut pas tuer les composants principaux dans Figma•7 minutes
WHERE : Où devez-vous conserver vos principaux composants dans Figma ?•5 minutes
Introduction à la barre oblique / convention de nommage dans Figma•9 minutes
Projet de classe - Composants•1 minute
1 devoir•Total 30 minutes
Quiz du module 3•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Variantes de composants et formulaires
Module 4•1 heure à terminer
Détails du module
Approfondissez vos compétences en matière de système de conception en créant des variantes de composants qui prennent en charge les états interactifs et les éléments de formulaire. Vous explorerez les variantes unidimensionnelles et multidimensionnelles et les appliquerez à des composants d'interface réels tels que des boutons et des formulaires. À la fin de ce module, vous serez en mesure de concevoir des éléments flexibles et évolutifs prêts à être utilisés dans le monde réel.
Inclus
6 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
6 vidéos•Total 44 minutes
Comment créer des variantes de composants dans Figma•7 minutes
Une autre façon de créer des variantes dans Figma•6 minutes
Comment créer une variante multidimensionnelle dans Figma•11 minutes
Projet de classe 15 - Variantes•2 minutes
Comment créer un formulaire à l'aide de variantes dans Figma•17 minutes
Projet de classe 16 - Formulaire•1 minute
1 devoir•Total 30 minutes
Quiz du module 4•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Techniques de prototypage final
Module 5•2 heures à terminer
Détails du module
Donnez vie à vos concepteurs d'interactions. Ce dernier module vous apprend à créer des expériences utilisateur réalistes à l'aide des outils de prototypage de Figma. Vous travaillerez avec des parcours, des superpositions, des fenêtres modales, des infobulles et des menus coulissants, en combinant tout ce que vous avez appris pour réaliser un prototype soigné et navigable, adapté aux tests d'utilisateurs ou aux présentations.
Inclus
6 vidéos1 devoir1 évaluation par les pairs1 sujet de discussion
Afficher les informations sur le contenu du module
6 vidéos•Total 41 minutes
Un exemple d'ordinateur de bureau•20 minutes
Comment ajouter une fenêtre modale superposée (popup) dans Figma•3 minutes
Comment créer et prototyper une pointe d'outil dans Figma•7 minutes
Que sont les flux dans Figma ?•6 minutes
Glisser dans le menu nav mobile superposé dans Figma•4 minutes
Projet de classe - Prototypage•1 minute
1 devoir•Total 30 minutes
Quiz du module 5•30 minutes
1 évaluation par les pairs•Total 60 minutes
Projet de cours•60 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Obtenez un certificat professionnel
Ajoutez ce titre à votre profil LinkedIn, à votre curriculum vitae ou à votre CV. Partagez-le sur les médias sociaux et dans votre évaluation des performances.
Skillshare est une communauté d'apprentissage en ligne où vous pouvez prendre des cours auprès de véritables créatifs en activité. Débloquez votre croissance personnelle et professionnelle, développez vos compétences, créez des liens et trouvez votre bonheur.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Pour accéder aux supports de cours, aux devoirs et pour obtenir un certificat, vous devez acheter l'expérience de certificat lorsque vous vous inscrivez à un cours. Vous pouvez essayer un essai gratuit ou demander une aide financière. Le cours peut proposer l'option "Cours complet, pas de certificat". Cette option vous permet de consulter tous les supports de cours, de soumettre les évaluations requises et d'obtenir une note finale. Cela signifie également que vous ne pourrez pas acheter un certificat d'expérience.
Qu'est-ce que je recevrai si je souscris à cette Specializations ?
Lorsque vous vous inscrivez au cours, vous avez accès à tous les cours de la spécialisation et vous obtenez un certificat lorsque vous terminez le travail. Votre certificat électronique sera ajouté à votre page Réalisations - de là, vous pouvez imprimer votre certificat ou l'ajouter à votre profil LinkedIn.
Une aide financière est-elle disponible ?
Oui, pour certains programmes de formation, vous pouvez demander une aide financière ou une bourse si vous n'avez pas les moyens de payer les frais d'inscription. Si une aide financière ou une bourse est disponible pour votre programme de formation, vous trouverez un lien pour postuler sur la page de description.