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 6 modules dans ce cours
Si vous avez toujours voulu construire des prototypes qui semblent réels, dynamiques et prêts à être testés, ce cours est fait pour vous. Figma Pro Pt. 2, enseigné par Daniel Scott, se concentre sur la création d'expériences utilisateur polies et interactives avec des techniques avancées de prototypage et d'animation. À la fin de ce cours, vous serez en mesure de : * Concevoir des interactions sophistiquées en utilisant des déclencheurs, des superpositions et des points d'ancrage animés * Ajouter des animations Lottie, la lecture vidéo et des transitions avancées pour élever votre UX * Construire des prototypes réactifs qui s'adaptent à différents écrans et comportements des utilisateurs. Ce cours est idéal pour les concepteurs qui comprennent déjà les bases du prototypage Figma et qui veulent rendre leurs interfaces plus vivantes. Qu'il s'agisse de préparer une étude de cas digne d'un portfolio ou d'améliorer les transferts dans le monde réel, vous apprendrez à utiliser Figma comme une véritable centrale de prototypage. Une connaissance pratique des cadres, de la mise en page automatique et des composants de base est nécessaire pour réussir dans cette étude. Vous repartirez avec une connaissance approfondie des micro-interactions, des états de survol, des menus interactifs et bien plus encore - tout ce dont vous avez besoin pour prototyper comme un pro de l'UX. Bio de l'instructeur : Daniel Walter Scott est concepteur UX, instructeur certifié Adobe et 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 les logiciels de conception et de création dans les domaines de l'impression, du web, de la vidéo et maintenant de 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.
Ce module se penche sur les capacités avancées de mise en page automatique de Figma. Vous commencerez par nettoyer les cadres désordonnés et passerez à la création de mises en page imbriquées entièrement réactives. À la fin, vous utiliserez des plugins et des styles créatifs (comme les dégradés) pour améliorer vos conceptions visuelles.
Inclus
9 vidéos2 lectures1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
9 vidéos•Total 59 minutes
Introduction à la section des mises en page imbriquées et réactives (Nested & Responsive Auto layouts)•4 minutes
Vidéo de production - Mettre de l'ordre dans le désordre de mon cadre et de mes composants•0 minutes
Apporter des images en utilisant le plugin Unsplash dans Figma•8 minutes
Vidéo de production - Fabrication des pièces de notre autolayout imbriqué•6 minutes
Imbrication de plusieurs Auto Layouts les uns dans les autres dans Figma•5 minutes
Autolayout Nesting avec variantes et texte réactif dans Figma•9 minutes
Mise en page automatique sur différentes tailles d'appareils - Comment créer des mises en page automatiques avancées ?•11 minutes
Texte réactif qui s'adapte à 2 lignes dans Figma•4 minutes
Arrière-plan abstrait dégradé dans Figma en toute simplicité•12 minutes
2 lectures•Total 40 minutes
Lecture d'introduction à Figma Pro Partie 2•10 minutes
Instructions pour le projet•30 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
Animer les éléments de l'UI avec du mouvement et du feedback
Module 2•2 heures à terminer
Détails du module
Explorez le côté amusant et fonctionnel de l'animateur graphique Figma. Ce module vous apprend à tout animer, des dégradés d'arrière-plan aux masques de texte, en utilisant des interactions avancées. Vous développerez également vos compétences en matière de critique pour améliorer les flux de travail UX collaboratifs.
Inclus
8 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
8 vidéos•Total 53 minutes
Comment copier et coller des interactions dans Figma•1 minute
Comment animer un maillage de gradient à l'aide de variantes dans Figma•16 minutes
Projet de classe 04 - Animation de fond•4 minutes
Texte Houdini : Comment faire un masque d'animation de texte Figma ?•10 minutes
Comment utiliser les animations Spring dans Figma•7 minutes
Animation de printemps : Comment créer une animation Spring personnalisée dans Figma•12 minutes
Pourquoi l'interaction sur le tap on click est-elle grisée ou absente dans Figma ?•2 minutes
Class project 05 - Houdini Text Animation Prototyping - Niveau 1•1 minute
1 devoir•Total 30 minutes
Quiz du module 2•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Navigation, Sticky Scrolls & Mobile Prototyping
Module 3•1 heure à terminer
Détails du module
Ce module est consacré à l'interactivité mobile-first. Vous apprendrez à créer des en-têtes collants, du contenu défilant et à optimiser vos flux de navigation dans les prototypes. La maîtrise technique rencontre la précision créative alors que vous construisez des expériences d'applis réalistes.
Inclus
6 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
6 vidéos•Total 35 minutes
Créer et retirer en vrac plusieurs fils de nouilles à la fois dans Figma•3 minutes
Comment mettre à jour en masse les liens de navigation dans votre prototype Figma•3 minutes
Comment définir le bon téléphone et trouver d'anciens prototypes de téléphones dans Figma•4 minutes
Comment créer une barre de recherche collante à position de défilement dans Figma•6 minutes
Comment empiler plusieurs textes collants à défilement vertical dans Figma•16 minutes
Class project 06 - Rubriques collantes multiples•2 minutes
1 devoir•Total 30 minutes
Quiz du module 3•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Concepteur d'UI d'interactions et d'OS
Module 4•2 heures à terminer
Détails du module
Apprenez à concevoir des interactions UI sophistiquées à l'aide des composants interactifs de Figma. Des micro-interactions comme les bascules aux détails au niveau du système comme les barres d'état, ce module vous aide à donner du réalisme à vos prototypes de conception.
Inclus
10 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
10 vidéos•Total 55 minutes
Comment créer des composants interactifs dans Figma•4 minutes
Comment activer et désactiver une coche dans Figma ?•3 minutes
Composants interactifs avec bouton coulissant dans la navigation pour Figma•10 minutes
Projet de classe 07 - Bouton coulissant Nav Challenge•4 minutes
Projet de classe 07 - Terminé•4 minutes
Comment utiliser les sections dans Figma pour organiser votre contenu•5 minutes
Comment utiliser les sections pour le prototypage dans Figma•7 minutes
Comment ajouter la barre d'état de la batterie wifi notch d'iOS à Figma•7 minutes
Comment ajouter l'interface utilisateur d'un snack-bar iOS ou Android à Figma ?•11 minutes
Projet de classe 08 - Système d'exploitation UI•2 minutes
1 devoir•Total 30 minutes
Quiz du module 4•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Gestion avancée des couches et des variantes dans les systèmes de conception
Module 5•1 heure à terminer
Détails du module
Ce module vous donne les superpouvoirs nécessaires pour apprivoiser les fichiers désordonnés et optimiser les flux de travail. Apprenez à utiliser les puissants raccourcis Figma, les outils de renommage et les échanges intelligents de variantes pour rationaliser les projets complexes et les systèmes de conception.
Inclus
9 vidéos1 devoir1 sujet de discussion
Afficher les informations sur le contenu du module
9 vidéos•Total 49 minutes
Attention à ce que vous créez dans Figma•4 minutes
Quels sont les raccourcis avancés des calques dans Figma ?•8 minutes
Comment trouver les raccourcis du calque Zen dans Figma•5 minutes
Comment cacher et déverrouiller tous les calques dans Figma•1 minute
Comment utiliser les calques verrouillés dans Figma•2 minutes
Comment Rechercher et remplacer et rechercher des couches multi-sélectionnées dans Figma•4 minutes
Comment renommer des calques en masse avec des astuces avancées dans Figma•10 minutes
Comment remplacer les instances et les variantes par des raccourcis dans Figma•9 minutes
Comment utiliser les propriétés des composants Instance Swap avec préférence dans Figma•7 minutes
1 devoir•Total 30 minutes
Quiz du module 5•30 minutes
1 sujet de discussion•Total 10 minutes
Nouveau sujet de discussion•10 minutes
Propriétés et conception des composants Intégration des systèmes
Module 6•3 heures à terminer
Détails du module
Vous finirez en beauté avec des compétences de niveau expert en matière de composants. Ce module explore les propriétés avancées telles que les bascules booléennes, les remplacements de texte et les instances simplifiées, toutes essentielles pour des systèmes de conception évolutifs et réutilisables. En outre, vous affûterez vos outils de typographie pour une mise au point finale.
Inclus
11 vidéos1 devoir1 évaluation par les pairs1 sujet de discussion
Afficher les informations sur le contenu du module
11 vidéos•Total 62 minutes
Comment utiliser la propriété de texte du composant dans Figma•2 minutes
Comment utiliser la propriété de composant booléen dans Figma•3 minutes
Comment créer un champ de saisie en utilisant uniquement les propriétés des composants dans Figma ?•10 minutes
Comment combiner des variantes avec des propriétés de composants dans Figma•10 minutes
Comment appliquer les propriétés des composants aux systèmes de conception existants ?•8 minutes
Qu'est-ce que la simplification des instances dans Figma ?•4 minutes
Que fait Expose Nested Instances dans Figma ?•10 minutes
Projet de classe 09 - Un bouton pour tous les gouverner•4 minutes
Quels sont les trucs et astuces en matière de polices de caractères dans Figma ?•5 minutes
Comment voir des aperçus de polices en direct dans Figma•3 minutes
Comment réinitialiser les polices et définir les polices par défaut dans Figma•2 minutes
1 devoir•Total 30 minutes
Quiz du module 6•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.
OK
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.