Figma Masterclass: UI / UX Design & Prototyping

所在平台: Udemy

课程主页: https://www.udemy.com/course/figma-masterclass-ui-ux-design-prototyping/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:Figma Masterclass: UI / UX 设计与原型设计 课程概述: 如果你是设计师、自由职业者、在线营销人员,或者希望在创意领域实现独立并赚取收入,那么你不容错过Figma Masterclass: UI / UX设计与原型设计课程!学习如何高效且经济地创建网站、应用程序和用户界面,并掌握使用Figma进行原型设计的技巧!这个课程将从头到尾提供完整的指导。 课程内容: 1. **课程介绍**:了解本课程的结构与学习目标,Figma的重要性以及UI与UX设计的区别。 2. **Figma账户注册**:学习如何创建Figma账户,了解不同的许可模型。 3. **Figma基础入门**:探索Figma用户界面、社区功能及文件管理。 4. **创建第一个项目**:实际操作,组织文件区域,调整设置,使用缩略图和模板。 5. **用户界面设计**:学习各个工作区域的功能及其高效使用。 6. **工具概述**:深入了解Figma的主要工具,学习元素的移动、缩放及评论功能。 7. **形状运用**:掌握创建和编辑形状的技巧,使用钢笔工具和路径查找器设计复杂元素。 8. **填充层设计**:学习使用渐变、图片和视频等技巧,使设计更加吸引人。 9. **设计简报**:编写设计简报并关注关键点。 10. **初步用户体验设计**:学习用户调研、网站地图和用户流程的创建以及框架设计。 11. **初步用户界面设计**:进行色彩选择、图形导入、按钮样式设计。 12. **高效管理设计**:建立设计系统,创建样式、变量与组件。 13. **响应式设计**:学习如何制作适用于各种设备的界面。 14. **原型设计**:学习将动画、悬停效果和导航元素整合到原型中。 15. **设计陈述**:学习如何专业地展示设计,并与他人分享原型。 16. **交接给开发团队**:了解开发模式,设置测量和注释,导出资源。 17. **FigJam使用**:学习如何利用FigJam进行头脑风暴、思维导图和团队会议。 18. **Slides功能**:创建交互式作品集和品牌指南,并进行动画处理。 19. **附加资源**:提供额外的资源与建议,以深化你的知识。 立即获得:8小时的视频教程、7份可下载的课程资料、实践案例、以及来自Figma专家David的支持。课程保证终身访问,并且提供30天无条件退款保证。 欢迎加入专业的UI/UX设计世界!期待在第一课见到你!

课程评论(0条)

课程详情

Du bist Designer, Freelancer, Online Marketer oder willst du dich endlich in einem kreativen Bereich selbstständig machen und Geld verdienen?Dann führt kein Weg an der Figma Masterclass: UI / UX Design & Prototyping vorbei!Lerne, effizient und kostengünstig Webseiten, Apps und User Interfaces zu erstellen - und meistere Prototyping mit Figma!Hast du dich schon einmal gefragt, wie es wäre …Webseiten Projekte effizient und kostengünstig erstellen zu können?dich endlich in einer Branche selbständig machen und Dienstleistungen hochpreisig anbieten zu können?deine Dienstleistungspalette erweitern und gutes Geld verdienen?von überall auf der Welt arbeiten zu können?dann zu arbeiten, wann du willst, egal ob du Frühaufsteher oder Nachteule bist?mit deiner Kreativität Geld zu verdienen?All das ist möglich, wenn du Figma verwendest! Und mit diesem Kurs bekommst du die vollständige Anleitung von A bis Z!Abschnitt 1: Einführung in den KursIn diesem Abschnitt bekommst du einen ersten Überblick über den Kurs, seine Struktur und die Lernziele. Du lernst, was Figma ist, warum es ein unverzichtbares Tool für UI/UX-Design ist und wie sich User Interface Design (UI) von User Experience Design (UX) unterscheidet. Außerdem erfährst du mehr über verschiedene Arten von Webseiten und ihre Ziele.Abschnitt 2: Figma AccountBevor du mit dem Designen loslegen kannst, benötigst du einen Figma-Account. Hier lernst du, wie du dich registrierst, welche Lizenzmodelle es gibt und ob du die Software installieren oder im Browser nutzen solltest.Abschnitt 3: Einführung in Figma (Figma Basics)Jetzt geht es los mit Figma! Du bekommst eine Tour durch die Benutzeroberfläche, die Community-Features und das Dateimanagement. Damit legst du die Grundlage für effizientes Arbeiten mit dem Tool.Abschnitt 4: Dein erstes ProjektNun wird es praktisch: Du erstellst dein erstes Design-Projekt in Figma. Du lernst, wie du den Datei-Bereich organisierst, Voreinstellungen anpasst und Thumbnails sowie Vorlagen verwendest.Abschnitt 5: Benutzeroberfläche UI3Figma bietet viele Arbeitsbereiche - von Assets über Design und Prototyping bis hin zu hilfreichen Plug-ins. In diesem Abschnitt lernst du, wo du welche Funktionen findest und wie du sie effizient nutzt.Abschnitt 6: Tools ÜbersichtHier bekommst du einen umfassenden Einblick in die wichtigsten Figma-Tools. Du lernst, wie du Elemente bewegst, skalierst, gruppierst und maskierst, sowie Kommentare zur besseren Zusammenarbeit setzt.Abschnitt 7: FormenFormen sind die Bausteine deines Designs. Du lernst, wie du Formen erstellst, bearbeitest und mit Werkzeugen wie dem Pen Tool und Pathfinder komplexe Elemente erstellst.Abschnitt 8: FüllebeneFarben und Bilder sind essenziell für ansprechende Designs. In diesem Abschnitt lernst du, wie du mit Farbverläufen, Bildern, Videos und kreativen Tricks beeindruckende Füllebenen gestaltest.Abschnitt 9: Design BriefingBevor du mit dem Design beginnst, brauchst du ein klares Konzept. Hier erfährst du, wie du ein Design Briefing erstellst und worauf du achten solltest.Abschnitt 10: Erstes UX DesignNun tauchst du in die Welt des UX-Designs ein. Du lernst, wie du User Research durchführst, Sitemaps und Userflows erstellst, Wireframes entwickelst und Auto Layout effizient nutzt.Abschnitt 11: Erstes UI DesignJetzt geht es an die visuelle Gestaltung! Du lernst, Farben auszuwählen, Grafiken zu importieren, Buttons und Karten zu stylen sowie eine passende Bildsprache zu entwickeln.Abschnitt 12: Konsistent und skalierbar arbeitenUm dein Design effizient zu verwalten, brauchst du ein durchdachtes Design-System. Du lernst, wie du Styles, Variablen und Komponenten erstellst und eine eigene Bibliothek aufbaust.Abschnitt 13: Responsive DesignModerne Designs müssen auf allen Geräten funktionieren. In diesem Abschnitt lernst du, wie du mit Layout Constraints, Min/Max-Werten und Stacks responsive Interfaces erstellst.Abschnitt 14: PrototypingHier geht es um Interaktivitat! Du lernst, wie du Animationen, Hover-Effekte, Navigationselemente, Carousels und sogar Lottie-Animationen in deinen Prototypen integrierst.Abschnitt 15: Design PitchDein Design ist fertig - jetzt musst du es präsentieren! In diesem Abschnitt erfährst du, wie du deine Designs professionell pitchst und Prototypen mit anderen teilst.Abschnitt 16: Übergabe an die ProgrammierungDamit Entwickler deine Designs umsetzen können, brauchst du eine saubere Übergabe. Du lernst den Dev Mode kennen, setzt Messungen und Annotationen und exportierst deine Assets.Abschnitt 17: FigJamFigJam ist das digitale Whiteboard von Figma. Du lernst, wie du es für Brainstormings, Mindmaps, Userflows und Team-Meetings optimal nutzt.Abschnitt 18: SlidesFigma bietet auch ein Präsentationstool! Hier erfährst du, wie du mit Slides interaktive Portfolios und Brand Guidelines erstellst, animierst und exportierst.Abschnitt 19: Weitere Mehrwerte für dichZum Abschluss gibt es noch weitere Ressourcen und Tipps, mit denen du dein Wissen vertiefen kannst. Willkommen in der Welt des professionellen UI/UX-Designs mit Figma!Du bekommst sofortigen Zugriff auf:8 Stunden Figma Masterclass: UI / UX Design & Prototyping7 Kursmaterialien zum DownloadPraktische Beispiele zum sofortigen umsetzenSupport von David, Geschäftsführer und Figma ExperteLebenslanger Zugriff auf den KursUdemy ZufriedenheitsgarantieUdemy hat eine 30 Tage 100% Geld zurück Garantie. Wenn Du also doch nicht zufrieden mit dem Kauf bist, bekommst du das gesamte Geld sofort zurück!Dieser Kurs enthält eine Werbeaktion.Ich freue mich schon Dich in der ersten Lektion der Figma Masterclass begrüßen zu dürfen!Dein David, Marius & Michael

课程标签

0人关注该课程

主题相关的课程