【Udemy中英字幕】NEW Figma 2024: Getting started the Beginner to Pro Class

全新 Figma 2024：入门级至专业级课程

成为 Figma UI 设计师所需了解的基本知识。

讲师：Christine moonlearning

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

您将学到什么

• 设置您自己的免费 Figma 帐户！
• 使用 Figma 设置 UI 设计
• 使用 Figma 设置完整的用户界面设计
• 与其他设计师和开发人员分享你的作品
• 让你的设计在演示模式下大放异彩
• 使用 Figma 进行基本原型设计
• 使用组件创建可重用元素
• 具有变体的高级组件集
• 了解变量和样式
• 及时了解最新版本
• 与开发人员分享并记录您的设计
• 创建共享团队库
• 为颜色、字体和间距创建简单的样式指南
• 为按钮和悬停创建简单的微交互
• 团队合作
• 可立即用于设计中的免费赠品
• Figma 练习文件，以便您可以和我一起工作

显示更多显示较少

探索相关主题

• Figma
• 设计工具
• 设计

要求

• 个人电脑或笔记本电脑

描述

Figma 入门 + 可选课程项目和 Figma 文件

使用 Figma 进行 UX/UI 设计的初学者课程 

本课程全面介绍 Figma，从Figma 初学者到高级功能。简短而有针对性，为您提供解决任何设计所需的全部知识。

我们将从头开始设置您的 Figma 帐户并熟悉其文件结构。然后，我们将深入了解Figma 的基础知识，例如设置框架并嵌套它们、添加形状、文本、颜色和网格以及创建可靠的 UI 设计。一旦您熟悉了基础知识，我们就会深入研究更高级的主题，例如创建可靠的 UI 设计和使用可重复使用元素的组件。

我们将添加样式和变量以保持一致性，创建具有自动布局的响应式设计，并添加基本原型以使我们的设计栩栩如生，始终牢记与开发的协作。

通过循序渐进的练习和宝贵的提示和技巧，您将在 4 小时内熟练掌握 Figma。它非常适合初学者或从其他设计软件（如 Sketch 或 Adob​​e XD）切换到 Figma 的人。

入门

1. 获取 Figma – 注册流程

2. 浏览器中的 Figma 与 Figma 应用程序

3. Figma 文件浏览器 – Figma 的主页

4. 在 Figma 中创建设计文件

Figma 基础知识

1. 向我们的文件添加框架
2. 一些方便的快捷方式
3. 设计文件概述
4. 添加形状和颜色
5. 尺寸菜单——操作形状和框架
6. 对齐、整理和测量
7. 添加和处理文本
8. 嵌套框架—— Figma 的超能力
9. 框架与群组
10. 使用嵌套框架进行设计
11. 可重复使用的具有样式的网格
12. Figma 社区和插件
13. 添加图像
14. 在 Figma 中绘图
15. Figma 中的缩放
16. 可选课程项目第 1 部分：构建线框和设计

组件介绍

1. 通过组件和实例重复使用元素
2. 覆盖实例
3. 什么应该覆盖，什么不应该覆盖
4. 恢复组件和覆盖
5. 嵌套组件
6. 具有变体的组件集
7. 将组件移动到其自己的页面
8. 保持组件有序
9. 高级组件特性介绍
10. 可选课程项目第 2 部分：将我们的设计转变为基于组件的设计

变量和样式

1. 变量简介
2. 使用颜色变量
3. 使用变量集合和组进行组织
4. 尺寸和间距变量
5. 那么风格又如何呢？
6. 字体和样式
7. 记录变量和样式
8. 可选课程项目第 3 部分：向我们的应用添加变量和样式

响应式设计

1. 什么是自动布局？
2. 添加自动布局
3. 自动布局组件和变量
4. 调整大小设置
5. 自动或空格
6. 与系统嵌套自动布局
7. 绝对定位
8. 自动布局页面
9. Figma 中的约束
10. 约束和网格
11. 我应该使用哪种框架尺寸？
12. 可选课程项目第 4 部分：让我们的应用程序具有响应能力

基本原型

1. 在 Figma 中制作原型
2. 设置滚动行为
3. 连接屏幕
4. 带覆盖层的下拉菜单
5. 动画类型
6. 交互组件
7. Figma Mirror – 在您的设备上预览
8. 可选课程项目第 5 部分：通过原型设计让设计变得生动

与其他设计师和开发人员共享

1. 分享和邀请他人
2. 设置缩略图
3. Figma 中的共享团队库
4. 设置共享团队库
5. 连接到共享团队库
6. 更新共享团队库
7. 共享设计、组件、样式和变量
8. 开发模式：与开发共享

利用 Figma 提升您在 UI 设计、用户界面、用户体验设计、UX 设计和 Web 设计方面的前景，为您在 Figma 中获得 UX/UI 设计工作铺平道路

这是 moonlearning 的原创课程

本课程适合哪些人：

• 完全初学者！
• 从其他设计软件切换到 Figma（例如 Sketch 或 Adob​​e XD）

显示更多显示较少