【Udemy中英字幕】Master Web & Mobile Design: Figma, UI/UX Essentials, +More

掌握 Web 和移动设计：Figma、UI/UX Essentials 等

解锁 UI/UX 设计专长：适用于 Web 和移动界面的 Figma。立即找到您的梦想工作！

讲师：Chetan Pujari

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

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

您将学到什么

掌握使用 Figma 的 UX 设计基础知识。
使用 Figma 轻松创建交互式原型。
从头开始开发全面的 UX 项目。
将 UX 角色无缝集成到您的设计流程中。
通过添加 UX 设计技能来增强您的简历。
深入了解客户对 UX 设计师的期望。
为网络和移动应用程序制作有效的线框。
在您的设计中完美平衡色彩和图像。
自信地选择网络和移动应用程序的字体。
轻松设计自定义图标、按钮和 UI 组件。
探索高级 Figma 概念，例如组件和约束。
利用免费的 UI 工具包和插件来提高生产力。
为客户交接制定简洁的风格指南。
实现迷人的微交互和动画。
掌握网站和移动应用程序设计原则。
微调字体和配色方案。
通过测试确保无缝的移动响应。
轻松生成可用于生产的资产。
创建引人注目的用户体验 (UX) 简介和人物角色。
发现节省时间的工作流程技巧和捷径。
获得行业专家的专门论坛支持。
了解 UX 专业人员所采用的最佳实践。
开启职业机会，成为一名受欢迎的设计师或多才多艺的自由职业者，满足全球客户的需求。
访问超过 100 种资产和高级设计模板，您可以自定义无限的项目可能性。
课程结束后，您将获得精心挑选的精美设计作品集。
利用 Figma 和行业标准工具，在各种设备上进行多功能设计。
获得浓缩在综合课程中的宝贵设计见解和最佳实践。
创建专业的标识并自信地执行品牌战略。
轻松浏览 UI/UX 领域，将最新的行业趋势融入您的设计中。

探索相关主题

要求

无需任何经验。我们将指导您从零开始直至精通，让每个人都能轻松上手。
准备踏上从新手到专家的旅程，每一步都有全面的指导。
敞开心扉，走进设计世界，释放无限将您的想法转化为令人惊叹的创作的能力。
以开放的心态和渴望学习的精神深入设计领域——无需任何先决条件。
抓住机会，从零开始，培养创造美好项目的终生热情。
需要访问 Figma；Figma 网站上提供免费计划。
本课程欢迎初学者；无需之前的 UX 设计/UI 设计经验。
无需任何有关 Figma 的知识即可报名。
无需任何设计技能或经验即可深入学习；本课程是专为初学者设计的。

描述

欢迎与 Chetan Pujari 一起来到 Figma Essentials！

使用 Figma（终极 UI/UX 设计工具）踏上掌握 UX 设计的旅程。无论您是设计新手还是渴望深入了解用户体验，本课程都是您通往成功的大门。

从基础开始，我们将指导您制作引人注目的用户界面和动态原型，同时正面满足客户的期望。

以下是商店的内容：

深入了解基础知识：了解简介并与 UX 角色合作。
精准设计：创建光滑的线框并掌握颜色和图像实现。
完善您的排版：学习网络和移动应用程序的字体选择艺术。
制作自定义组件：设计适合您项目的图标、按钮和其他 UI 元素。
解释高级概念：轻松探索组件、约束和多维变体。
提高生产力：利用免费的 UI 工具包和插件来简化您的工作流程。
创建一致性：制定无缝客户端交接的风格指南。
提升您的设计：掌握微交互、页面转换和动画。
让您的原型栩栩如生：从头到尾构建完全交互式的原型。
有效协作：与团队成员合作并为开发人员准备文件。

在整个课程中，我们将重点介绍 Figma，同时深入了解现实世界的 UX 项目和行业实践。此外，作业将磨练您的技能，并帮助您创建出色的作品集。

准备好从 Figma Zero 转变为 Figma Hero 了吗？让我们今天就升级您的 UX 设计之旅。

本课程提供 100 多种资源和高级设计模板，确保您拥有未来项目所需的一切。请放心，这是磨练您的设计技能的终极在线中心！

准备好从初学者到专业设计师的实践之旅，我们将指导您制作精美的设计并将其转变为功能齐全的网站或应用程序。

以下是您将在课程中学习的内容…

第 1 部分入门

- Figma Design（界面）中的框架和设计文件
- Figma Design Magic 中的 UI 与 UX 详解
- 构建您喜爱的应用程序和网站（在此 Figma 课程中）
- Figma 到代码无需编写任何代码即可设计出令人惊叹的界面
- 学习 Figma 中的 UX 简介和任务流程
第 2 部分：线框图：基础知识和最佳实践
- Lo-Fi 与 Hi-Fi 线框设计对决
第 3 部分：掌握排版、颜色和图标
- Figma 文本工具和字体
- Figma 基础知识如何创建和修改形状
- 如何在 Figma 中选择和使用颜色
- Figma 中的描边和更新默认属性
- 什么是对象编辑模式以及如何使用它？在 Figma 中
- 如何在 Figma 中使用缩放工具和选择
- Figma 组和框架以实现更好的 UI 设计
- 面向 UIUX 设计师的最佳免费图标集
- Figma 中的图标基础知识
- 如何在 Figma 中安装和使用插件
  
  第 4 节：在 Figma 中创建页面
- 如何在 Figma 文件中创建和使用页面
第 5 节：Figma 原型设计简介：初学者指南
- Figma 初学者原型设计
- Figma 原型设计与过渡（缓和）
- Figma 使用 Figma Mirror 测试原型
第 6 节：Figma 动画基础知识
- 适合初学者的 Figma Smart Animate
第 7 节：与他人协作：在 Figma 中共享、评论和编辑

第 8 节：在 Figma 中创建情绪板的终极指南
- 什么是情绪板以及寻找网页和应用程序设计灵感的秘诀
- 如何在 Figma 中创建情绪板
第 9 节：掌握 Figma 中的列和网格
- 为 Web 和 UI 设计创建响应式网格系统
Figma：基本技巧和窍门

第 10 节：Figma 中使用颜色的终极指南
- 如何选择颜色（颜色灵感）
- 如何在 Figma 中制作 UI 调色板
- 如何在 Figma 中创建渐变
- 在 Figma 中创建颜色系统
- 在 Figma 中生成调色板的最简单方法（使用插件）
第 11 节：掌握 Figma 中的文本和字体
- UI 和 Web 设计中选择字体和字体配对的最佳实践
- 为 UI 和 Web 项目创建完美的排版比例
- 在 Figma 中创建文本样式的最快方法
- 如何在 Figma 中添加 lorem ipsum 文本
- Figma 中的实用文本提示和技巧
- 如何在 Figma 中添加字体以及如何在 Figma 中添加缺失的字体
第 12 节：Figma 的绘图工具
- Figma 钢笔工具基础知识和矢量网络
- 为什么苹果图标不同（边角平滑）
第 13 节：Figma 基础知识：使用布尔运算
- Figma 布尔运算（并集、减集、交集、排除）
- Figma 的强大组合：何时使用 Union，何时使用 Flatten
- 如何在 Figma 中使用智能选择和整理功能
第 14 节：Figma 基础知识：使用图像和资产
- 在 Figma 中放置图像
- Figma Masks（Figma 中的蒙版图像和文本）
- 适用于 UIUX 设计师的 Figma 图像插件
第 15 节：Figma 要点：掌握自动布局和约束
- Figma 中的自动布局和约束
- Figma 自动布局对象之间的空间
- Figma 约束和调整大小变得简单
- Figma 中的嵌套框架、自动布局和约束
- 高级自动布局技术 – Figma
第 16 节：Figma 基本知识：使用效果
- 如何制作漂亮的阴影 – 使用 Figma 进行 UI 设计
- 如何在 Figma 中创建背景模糊和图层模糊
第 17 节：Figma 基础知识：了解保存和版本历史记录
- 如何将 Figma 文件保存到桌面以及如何访问 Figma 文件的历史记录
第 18 节：Figma 基础知识：了解组件和创建实例
- Figma 组件 – 基础知识
- 在 Figma 中更新、更改、编辑和重置组件
- Figma 中无法删除主要组件（组件的技巧和窍门）
- 移动主要组件以及如何组织组件
- Figma 最佳实践：命名图层并保持井然有序
第 19 节：Figma 基础知识：探索变体的力量
- 适合初学者的 Figma 组件和变体
- Figma 组件属性
第 20 节：Figma 要点：掌握输入表单设计和功能
- 如何在 Figma 中设计交互式输入字段
- 如何在 Figma 中设计通知 UI
第 21 节：Figma 中的高级原型设计技术
- 如何在 Figma 中添加弹出覆盖
- 如何在 Figma 中创建 TOOLTIP（悬停显示文本）组件
- 如何在一个 Figma 页面上创建多个原型和创建单独的流程。
- 在 Figma 中原型化叠加过渡
- Figma 中的 ticky 滚动
- 如何在 Figma 中创建自动滚动动画
第 22 节：Figma 基础知识：与团队合作和项目管理
- 团队、项目和页面之间的区别
第 23 节：Figma 要点：理解和使用库
- Figma 创建可共享的团队库
第 24 节：Figma 中的动画和微交互
- Figma 中的动画与微交互
- Figma 中出色的按钮动画
- Figma 中使用交互式组件的微动画
- Figma 原型缓和和弹簧动画
- Figma 中的脉冲动画
第 25 节：Figma 缩略图
- 如何在 Figma 中设置项目缩略图或封面？
第 26 节：掌握 Figma 导出：分步指南
- 如何将 Figma 设计导出为图像（PNG、JPG、SVG、PDF）
- 如何像专业人士一样交付你的用户体验设计
- 设计系统资源和灵感简介
第 27 节：让我们构建真实世界的 UIUX 项目
- 简介 – 使用 Figma 进行真实世界的项目
- 真实世界 UIUX 项目 2 StayWave
- 真实世界 UIUX 项目 3 食品配送应用程序
- Real World UIUX Project 4 音乐应用程序
- 真实世界 UIUX 项目 5 DIY

我们将为您提供相关技能，让您凭借自己的专业知识获得高薪，超越普通自由职业平台上低薪工作的竞争。我们的目标是让您具备经验丰富的设计师的能力，同时指导您创建有形产品以充实您的作品集。本课程不仅仅是被动学习；它旨在帮助您从新手转变为能够获得丰厚机会的抢手设计师。与转瞬即逝的技术技能不同，设计能力是永恒的。虽然趋势可能会发生变化，但您在这里掌握的基本原则将在未来几年内保持相关性。