Figma高级UI/UX设计

掌握高级设计策略，成为Figma专家

学习内容：

课程内容主题：

• 工作流程优化：管理设计资源、样式、组件、网格布局，提升设计效率。
• 变量应用：通过变量实现暗黑模式、紧凑布局，创建设计令牌（Design Tokens）。
• 高级动画：使用Houdini文本、Lottie动画，实现背景渐变动画等效果。
• 响应式设计：构建适配多设备的交互元素，掌握自适应布局技巧。
• 图像与视频处理：利用遮罩技术提升视觉效果，实现动态视频交互。
• 排版与颜色系统：运用高级排版功能，设计主题色方案（Light/Dark Mode）。
• AI工具应用：通过AI辅助设计，快速生成原型并优化交互。
• 可访问性设计：使用工具确保设计对所有用户友好。
• 组件变体管理：简化复杂变体，实现高效组件复用。
• 协作与交付：通过团队库、Dev Mode实现设计与开发无缝协作。

课程要求：

• • 需安装Figma（官网提供免费版本）。
  • 具备Figma基础操作知识，建议先学习《Figma Essentials》课程。
  • 部分课程内容需使用Figma付费功能，可注册试用或仅观看参考。

课程详细描述：

本课程由资深设计师Dan Scott主讲，通过9小时系统教学，帮助学员掌握Figma高级设计技巧，打造专业级设计系统。课程包含160个详细视频，涵盖从AI辅助设计到复杂交互原型的全流程。

学员将学习使用AI快速生成设计初稿，通过变量和组件变体实现暗黑模式与响应式布局，掌握Houdini文本动画、Lottie动画等高级视觉效果。课程特别强调实际项目应用，包含22个实战项目（如事件卡片、视频组件、搜索栏等），帮助学员构建可直接加入作品集的完整应用。

课程适合具备Figma基础的设计师，内容涵盖：复杂布局管理、组件与变量进阶、动画交互设计、视频媒体整合、无障碍设计规范等。通过团队库、Dev Mode等工具，学员可掌握跨团队协作与开发交付的完整流程，最终实现从设计到生产级资产的全流程输出。

B站免费课程

更多 编程语言 教程