|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/figma-cours-complet/
课程评论:没有评论
课程名称:FIGMA:UI / UX 设计师的完整课程 2025 课程概述:本课程旨在帮助希望掌握Figma这一UI及网页设计利器的设计师。该课程定期更新,确保学习内容的时效性与实用性。课程共分为六个部分: 1. **Figma基础**:学习Figma的基本工具,包括形状、钢笔工具、文本管理、遮罩及组件系统。通过四个练习巩固基础知识。 2. **高级工具**:深入了解更复杂的工具,例如网格系统、约束、自适应布局、协作工作、插件、样式以及组件的变体与属性。包含一个综合练习以应用新技能。 3. **原型制作**:学习如何通过原型制作使界面生动呈现,掌握各种动画效果,尤其是互动组件。结合一个完整项目进行实践。 4. **Figma Pro功能**:探索Figma付费版的高级功能,包括模式和高级原型制作。 5. **健身主题的单页网站实现**:创建一个全新的项目,建立设计系统,以复用组件和颜色,并运用Figma的原型功能设计动画元素。 6. **消息应用程序的实现(归档部分)**:涉及完整项目,复习所学的所有概念,创建可用于专业展示的消息应用程序,并利用设计系统便利修改和协作。 7. **奖金部分 - 实验室(最有趣的部分)**:探索Figma的极限,创造液体效果的加载器、复杂动画渐变及光标跟随效果。该部分会持续更新。 学习结束时,学员将对Figma无所不知,课程将跟随Figma的未来功能不断进化。期待与你分享我对Figma和界面设计的热情,开启这段充实的学习之旅。
Vous souhaitez maitriser Figma, le logiciel de référence pour les Designer UI & Web Designer ? Alors cette formation complète est conçue spécialement pour vous.Mises à jour Continues - Un Cours DynamiqueAvant de plonger dans le programme, il est essentiel de souligner que ce cours bénéficie régulièrement de nouvelles vidéos et de mises à jour substantielles - pas de simple changement de mots dans une description pour donner l'impression que le cours est mis à jour ;-). Dans ce cours vous apprendrez à utiliser les nombreux outils qu'offre Figma. Pour cela j'ai découpé le cours en 6 parties: 1ère partie: Les Bases de FigmaDécouvrez les outils fondamentaux de Figma, incluant les formes, l'outil plume, la gestion du texte, les masques, et le système de composants, etcCette partie vise à vous donner des bases solides pour la suite. A la fin de ce chapitre vous serez déjà à l'aise avec Figma et nous réaliserons 4 exercices pour bien assimiler les notions vu précédemment.2ème partie: Les Outils AvancésCa y est, vous comprenez le fonctionnement de Figma mais maintenant on va aller encore plus loin avec des outils plus élaborés. On va apprendre à utiliser: le système de grille;les contraintes;les autolayouts;le travail collaboratif;les plugins;les styles;les variants et propriétés des composants (outil récemment introduit par Figma);Etc.A la fin, un exercice complet vous attend pour mettre en pratique ces nouvelles compétences.3ème partie: Le PrototypageIci il s'agira de rendre vivante nos interfaces, c'est ce que l'on appelle le prototypage. Cela permettra entre autre de pouvoir présenter un prototype de site web, application ou autre à un client. On y verra tous les types d'animation possible avec Figma, notamment les composants interactifs qui est un outil très puissant de ce dernier. Nous pratiquerons ce que nous avons vu dans un projet complet qui correspond à la 4ème partie. 4ème partie: Fonctionnalités Figma Pro (Version payante de Figma)Cette formation se voulant complète, on explorera également les fonctionnalités avancées de la version payante de Figma, y compris les modes et le prototypage avancé.5ème partie: Réalisation d'un site One Page sur le thème du FitnessJ'ai profiter de mettre à jour le cours pour créer entièrement un nouveau projet. Il s'agit d'un site One Page sur le thème du Fitness. On verra ainsi la création d'un Design System dans le but de réutiliser les composants créés et les couleurs qu'on aura choisis au préalable. On en profitera pour utiliser la puissance du prototypage de Figma en créant par exemple un bandeau avec une animation de défilement infini.5ème partie (ARCHIVE): Réalisation d'une Application de MessagerieAu lieu d'un simple exercice sur le prototypage, j'ai choisi de vous impliquer dans un projet complet qui révisera l'ensemble des concepts abordés dans le cours.. On réalisera ainsi une application de messagerie en se rapprochant au maximum des méthodes que l'on utilise pour réaliser des maquettes professionnelles, prêtes à être présentées à des clients.. Nous utiliserons donc un Design System propre à l'application, qui facilitera la modification (si le client veut un changement par exemple) et favorisera le travail collaboratif.6ème partie (la plus fun): BONUS - Le LaboratoireUne partie bonus qui vise à repousser les limites de Figma et appliquer tout ce que l'on a vu précédemment de manière créative. On réalisera un loader avec effet liquide, un dégradé complexe et animé, un effet de suivi de curseur et j'en passe. Cette section s'enrichira régulièrement. Utilisant Figma au quotidien, je partagerai sous forme de tutoriels toute création nouvelle et captivante que je jugerai "Fun" et digne d'intérêt ;-)À la fin de ce cours, Figma n'aura plus aucun secret pour vous. Ce cours, en constante évolution, couvrira également les futures fonctionnalités de Figma.Je suis impatient de partager avec vous ma passion pour Figma et le Design d'interface, mon outil de design de prédilection, et de vous retrouver dans ma formation pour une aventure enrichissante.