资源分类: 人工智能	查看预览
最近更新: 2025-12-26	文件内容: 视频+中英文字幕+配套课件
视频分辨率: 1080P 高清	文件大小: 2.65GB
视频语言: 英语	视频字幕: 中英字幕

幻仿编程 Udemy 付费课程，独家中英字幕 + 配套资料！
限时1折特惠！课程永久访问权，随时随地学习！

Figma 2025 中的 UI/UX 网页设计 | AI 与大型项目

开始网页设计职业生涯所需的一切：工具、实践练习、人工智能集成和支持。

讲师：Dmitrii Fokeev

你将学到的内容

你将学习在 Figma 中创建现代网站和应用布局
你将全面掌握所有用于创建设计的 Figma 工具
你将学习如何在设计中使用 AI
你将探索 Figma Jam，以在团队中生成创意
你将探索 Figma Make，直接在 Figma 中使用 AI 生成网站
你将探索 Figma Site，直接在 Figma 中无需代码创建现代网站
你将探索 Figma Presentation，设计精美的幻灯片和演示文稿
你将学习如何加快在 Figma 中的工作流程
你将学习如何为布局制作原型并创建可点击的界面
你将精通设计系统以及使用组件来简化工作流程
你将了解响应式设计的概念
你将学习如何为任何移动设备调整布局
你将学习如何为网站挑选合适的颜色
你将学习如何为网站挑选合适的字体
你将学习如何在网页上组合元素
你将学习如何在 Figma 中处理图像
你将学习如何创建线框图并将其转化为完整的界面
你将了解 UX/UI 设计师的工作内容，以及这条职业道路是否适合你
你将学习如何与未来的客户进行谈判
你将学习作为自由职业者为客户撰写简报

要求

一台可正常使用的电脑和网络连接

课程描述

本课程已全面更新和重新设计

以匹配 Figma 2025 界面及其所有最新功能。

这是该畅销课程的第三版，也是最精细的版本。

“Figma 网页设计——从零到成果。UX/UI 基础”

已变得更好、更大、更现代，现已涵盖所有最新的 Figma 功能。

新增了关于使用外部 AI 工具以及 Figma 内置 AI 功能的课程。

完美适合零基础学习者

我们将从最基础开始，逐步进行——从安装 Figma 到为平板、手机和桌面设计时尚、现代、响应式的网站布局。

使用 AI 进行设计

你将学习如何在设计中使用 AI——包括外部工具和 Figma 内置的 AI。

我们将探讨如何生成布局、增强图像、激发创意，并显著加快工作流程。

任意复杂度的布局

你将学习从零开始设计任意复杂度或主题的网站。

从简易的登陆页到结构清晰、完全响应式的多页面站点。

轻松有趣的配色

你将掌握选色技巧，能够像真正的配色专家一样自信轻松地将颜色与图像匹配，创建背景和视觉细节。

让人惊叹的设计技巧

我们将探讨图像技巧，如极端裁剪、柔和裁剪、对比度调节和构图。

你将学习如何有效利用留白、运用对比、层叠元素以及为设计挑选完美的照片。

轻松美观的排版

你将学习所有必备知识：在哪里寻找最佳字体、如何安装、如何匹配以及如何为站点挑选美观的字体组合。

无惧的 UX/UI

虽然课程侧重于用户界面设计，但你也会了解 UX——用户体验的基础、界面结构的逻辑以及交互设计。

每节课都有实战练习

你将完成两个大型且精美的作品集项目。

每节课都是向前迈进的一步——清晰实用，没有多余的理论或废话。

响应式设计、动画、交互

你将学习如何为所有设备适配布局，创建动画、滑块和计数器——全部在 Figma 中完成，无需编写任何代码。

与客户合作 & 成为更好的设计师

我们将讨论如何与客户沟通、撰写简报、寻找灵感、产生创意以及发展自己的创作风格。

支持

课程作者会在每节课的评论区每日回复你的所有问题。

课堂上见！

适合人群：

适合初学者设计师、前端开发者、网页程序员以及有创意的个人！
适合所有热爱学习新事物的人！请注意：如果你有能力，请务必支持课程的原创作者，这是他们应得的报酬！本站收取的费用，仅用来维持网站正常运行的必要支出，从本站下载任何内容，说明你已经知晓并同意此条款。

共 116 节课程 • 总时长 16 小时 3 分钟
第一章入门介绍
1. 下载资料	5分25秒
2. 如何学习这门课程	3分27秒
第二章 Figma 基础教程
1. 网站有哪些维度	12分58秒
2. 创建网站框架	11分13秒
3. 什么是网格参考线	11分17秒
4. 拉伸与中心网格参考线	5分20秒
5. 形状图像图层基础操作	9分51秒
6. 文本处理基础	13分34秒
7. 将图层分组为帧	6分48秒
8. 演示模式与几个快捷键	6分45秒
9. 如何保存和分享Figma文件	9分55秒
10. 用户体验与用户界面的区别	7分17秒
第三章色彩运用
1. 从图像中选取颜色	2分20秒
2. 练习1 – 从图像中选取颜色	6分43秒
3. 什么是HSB色彩微调	7分42秒
4. 项目配色工具选择	10分46秒
5. 如何使用渐变	7分51秒
6. 603010色彩比例法则	8分57秒
7. 练习2 – 为网站挑选配色	25分2秒
第四章处理图像
1. 光栅图形与矢量图形的区别	3分20秒
2. 如何选择高质量图像	6分50秒
3. 如何调暗图像	10分21秒
4. 如何调整图像色调	6分19秒
5. 练习3 – 图像调色	3分57秒
6. 极致裁剪技巧	6分54秒
7. 练习4 – 极限裁剪	6分12秒
8. 软裁剪技术	3分28秒
9. 练习5：软裁剪	3分37秒
10. 关于图标	5分36秒
11. 如何创建自己的图标	16分46秒
12. 如何运用笔触	7分50秒
13. Figma付费版图像AI功能	8分49秒
14. Figma付费版AI图像功能	8分47秒
第五章 AutoLayout 基础
1. AutoLayout 基础入门	15分18秒
2. 练习6 – 自动布局	5分35秒
第六章高级形状处理
1. 钢笔工具的工作原理	10分48秒
2. 高级钢笔工具技巧	12分14秒
3. 练习7 – 钢笔工具	7分45秒
4. 如何创建图案	7分45秒
5. 沿路径文本与笔刷样式	5分28秒
6. 帧与组的区别	9分5秒
7. 创建网站下一部分	10分6秒
第七章网页设计中的间距
1. 网页设计中的间距规则	11分14秒
2. 练习8：网页设计中的间距	18分59秒
3. 间距原则总结	3分52秒
第八章效果与样式
1. 样式工作原理	14分22秒
2. 创建网站下一部分	7分18秒
3. 特效工作原理	8分40秒
第九章面具与插件
1. 口罩的工作原理	8分2秒
2. 面具使用额外练习	9分20秒
3. 创建下一节	8分45秒
4. 插件工作原理	6分2秒
5. 什么是Figma社区	3分21秒
6. 创建网站页脚	6分2秒
7. 网站最终确定	12分41秒
第十章使用字体
1. 字体设计的重要性	2分56秒
2. 字体类型	4分56秒
3. 如何寻找新字体	5分7秒
4. 如何选择字体	4分43秒
5. 练习9：选择正确的字体	10分25秒
6. 字体设置	14分5秒
7. 练习10：调整字体设置	5分43秒
第11章准备新项目
1. 如何创建项目封面	4分13秒
2. 客户简报	7分2秒
3. 练习11 – 旅行项目	2分41秒
4. 如何制作情绪板	4分49秒
5. 什么是网站线框图	13分1秒
6. Figma付费版AI功能概览	8分28秒
第12章设计系统
1. 设计师需要Photoshop吗	14分12秒
2. 什么是设计系统	7分17秒
3. 创建样式表	6分27秒
4. 修复样式小问题	8分31秒
5. 练习12：创建你自己的设计系统	4分2秒
第13章 Figma中的组件与变体
1. 创建网站下一部分	11分31秒
2. 组件工作原理	11分1秒
3. 变体如何运作	15分47秒
4. 变体总结	5分44秒
5. 练习13 – 创建你自己的变体	1分20秒
第14章 AutoLayout 进阶教程
1. 创建网站下一部分	8分49秒
2. 网格自动布局工作原理	15分23秒
3. AutoLayout 专业版	12分7秒
4. 创建网站下一部分	11分59秒
5. 创建博客页面	6分25秒
6. 创建博客卡片	9分53秒
7. 最小宽度与最大宽度的工作原理	4分57秒
8. 创建博客卡片变体	5分48秒
9. 练习14 – 创建网站设计	1分9秒
第15章响应式设计
1. 约束基础	7分3秒
2. 约束条件在网格布局中的工作原理	6分9秒
3. 练习15 – 约束	7分48秒
4. 什么是响应式设计	16分3秒
5. DPI和PPI是什么	5分32秒
6. 网站首页适配	41分55秒
7. 练习16：让你的设计具备响应式	14分10秒
第16章加速你的工作流程
1. 实用的键盘快捷键	13分28秒
第17章原型设计
1. 演示模式	7分53秒
2. 高级原型设置	8分26秒
3. Figma基础动画教程	7分6秒
4. 贝塞尔曲线的工作原理	7分28秒
5. 使用开放叠加与滚动	6分55秒
6. 交换覆盖层工作原理	6分41秒
7. 延迟功能的工作原理	2分50秒
8. 智能动画工作原理	6分47秒
9. 网站菜单动画制作	5分8秒
10. 原型组件	6分24秒
11. 重置位置与组件状态	5分39秒
12. 原型设计部分总结	2分1秒
第18章付费还是免费Figma
1. 付费与免费版Figma的区别	10分11秒
第19章导出
1. 导出图像	5分31秒
2. 如何在团队中协作	3分49秒
第20章人工智能、热门话题、网站与幻灯片
1. Figma制作概述	9分58秒
2. Figma网站概览	5分1秒
3. Figma Buzz 概览	6分9秒
4. Figma幻灯片概览	4分11秒
5. Figma Jam 概览	3分53秒
第21章接下来是什么
1. 再见！	3分7秒

1. 关于课程更新与获取

如何获取本站课程？
○ 免费获取方式：在本站签到、评论、发布文章等可获取积分，通过积分购买课程。
○ 付费获取方式：购买本站【月度会员】或【永久会员】。

课程购买后是否支持更新？
○ 是的，所有课程均提供免费更新服务。 我们致力于为您提供持续的学习支持。

如何获取更新？
○ 单独购买的课程： 您可在“个人中心”随时查看购买记录及最新下载链接，轻松获取免费更新。
○ 永久会员： 您可在相关页面直接查看最新下载地址，随时免费获取更新。
○ 非永久会员（重要提示）：通过会员权限下载的课程，在“个人中心”可能不显示具体订单记录。

因此，会员到期后，您将无法通过“个人中心”查看最新下载链接。
① 解决方案建议：续费会员： 恢复会员权限后，即可再次查看所有最新下载链接。
② 妥善保存下载链接： 我们强烈建议您在会员有效期内，保存好本站分享的课程下载链接。通常，课程更新内容会直接补充到原有分享链接中。

2. 关于课程资料

课程下载后资料是否齐全？
○ 绝大部分课程资料齐全。 我们尽力确保您获得完整的学习资源。
○ 少数情况说明： 极少数课程可能存在资料缺失情况。针对 Udemy 课程，资料形式多样，请知悉：本地文件（随视频下载）： 此类课件通常随视频一并提供，下载即得。

① 本地文件（含链接）： 课件文件中会提供资料下载链接，您需自行访问链接下载。此类资料通常也可获取。
② 在线平台存储（如 GitHub）： 讲师会在视频中说明资料获取方式（如访问特定平台），请您按指引自行下载。
③ Udemy 平台内资料：部分资料需登录您在 Udemy 购买的账号才能查看。此类资料本站无法提供，除非您自行在 Udemy 平台购买该课程。

3. 关于课程字幕

是否提供中英文双字幕？原本无字幕的课程是否支持？
○ 是的，本站下载的所有课程均提供中英文双字幕，包括 Udemy 原本无任何字幕的课程。 我们致力于提升您的学习体验。

Udemy 字幕现状与本站服务：
○ Udemy 绝大多数课程本身不提供任何字幕。在少数提供字幕的课程中，也几乎不提供中文字幕。

本站字幕服务流程：
① Udemy 有字幕： 我们会将其翻译成中文字幕，与英文字幕一同提供。
② Udemy 无字幕： 我们会通过技术手段识别生成英文字幕，再翻译成中文字幕，一同提供给您。

字幕服务重要说明（请您理解）：
○ 翻译精度： 字幕翻译采用谷歌翻译引擎完成，虽不及人工翻译精准，但足以保障您正常学习理解。
○ 若您仍然觉得字幕精度较低： 可联系站长针对性润色字幕（该服务仅限本站会员）。

4. 关于视频存储与使用

视频存储位置与观看/下载方式？
本站所有课程视频均存储于网盘平台。
您支持在线观看： 可在网盘内直接播放学习。
您支持下载： 可将视频下载至本地，使用播放器播放，更灵活便捷。

主要存储网盘：百度网盘

视频格式与加密情况？
本站所有课程视频均以 MP4 或 MKV 通用格式提供。
视频文件不加密，您可自由分享（请遵守相关法律法规）。
播放建议： 使用本地播放器（如 PotPlayer）播放时，可同时加载中英文字幕文件，学习体验更佳。您可参考我们提供的《PotPlayer 挂载中英双字幕教程》。

5. 关于售后支持与退款政策

遇到问题如何联系？
无论您在购买前或购买后遇到任何疑问，都欢迎随时联系站长。 我们将竭诚为您服务。

退款政策说明：
原则： 由于虚拟商品（课程、资料等）具有可复制性，一旦购买成功并完成下载，原则上不支持退款。

请您在购买前仔细阅读课程介绍、资料说明及本条款，确认符合您的需求。 如有不确定之处，欢迎先行咨询站长。

文章版权归作者所有，未经允许请勿转载。

THE END