[udemy]Web 和移动设计师：UI/UX、Figma (Complete Web & Mobile Designer UI/UX, Figma, +more)

刚刚更新了 2023 年的所有现代设计工具和最佳实践！加入拥有超过 900,000 名学生的实时在线社区，以及由曾在硅谷和多伦多为顶级公司工作过的行业专家教授的课程。 优秀的设计师越来越难找，现在年薪超过 160,000 美元的设计师并不罕见，因为这是一项非常宝贵的技能。我们将教您如何到达那里！

使用网页设计和移动设计以及用户界面和用户体验设计 (UI/UX) 方面的最新最佳实践，本课程的重点是有效地让您从零开始到可以被录用或赢得自由合同的地步。我们将使用 Figma 等需求工具向您展示从头到尾的完整工作流程。安德烈课程的毕业生现在在谷歌、特斯拉、亚马逊、苹果、IBM、摩根大通、Facebook 和其他顶级科技公司工作。

该课程还 包括 100 多个资产和高级设计模板，您可以保留并使用它们来为您未来的所有项目进行自定义。我们向您保证，这是有关设计技能的最全面的在线资源！

当我们从头到尾引导您作为设计师工作时，课程将非常实用，一直到学习如何创建最终的专业设计，然后使用 HTML 和 CSS 将它们转换为实际的网站或应用程序。

课程涵盖的主题是…

• 00 Web 和移动设计原则 + 设计与 Web 开发
• 01 入门——素描、灵感+结构
  • 1.素描
    • 素描入门
    • 素描过程
    • 描绘用户流程
    • 素描技巧
  • 2.灵感
    • 如何保持灵感
    • 如何在网上寻找灵感
  • 3. Figma 基础知识
    • 计划和注册
    • 在哪里使用 Figma
    • Figma UI——结构
    • Figma UI——文件
    • Figma UI——工具栏
    • Figma UI——左侧边栏
    • Figma UI——右侧边栏
    • 形状和工具——框架
    • 形状和工具——组
    • 形状和工具——基本形状和布尔运算
    • 在 Figma 中设计——图像
    • 在 Figma 中进行设计——从文本开始
    • 在 Figma 中设计——约束
    • 在 Figma 中进行设计——使用自动布局
    • 在 Figma 中设计——自动布局属性
    • 资源与协作——社区文件
    • 资源和协作——社区插件
    • 资源与协作——分享与评论]
    • 项目——使用基本形状创建徽标
    • 项目——自动布局按钮
    • 项目——创建响应式导航
    • 项目——响应式文本
    • 项目——图像和渐变
    • 项目——笔画和形状
    • 项目——布局和响应
  • 3. 用户流
    • 为本节做准备
    • 该做什么和不该做什么
    • Figma 中的用户流程——入职
    • Figma 中的用户流——搜索
  • 4.站点地图
    • 站点地图简介
    • 创建基本站点地图
    • 可重复使用的站点地图资产
    • Figma Check In——基本组件和变体
    • Figma 中的站点地图——顶层
    • Figma 中的站点地图——深入挖掘
    • 创建出色站点地图的技巧
• 02 探索和迭代——线框图、原型制作和反馈
  • 1. 线框图
    • 什么是线框？
    • 如何创建线框
    • Figma Check In——基本按钮组件]
    • Figma Check In——变体
    • 如何使用我们的线框组件
    • 线框 – 主页
    • 线框——购物车
    • 线框——简介
  • 2.原型制作
    • Figma Check In——在 Figma 中制作原型
    • Figma 中的原型设计——流程和起点
    • Figma 中的原型设计——连接
    • Figma 中的原型设计——交互
    • Figma 中的原型设计——动画
    • Figma 中的原型设计——原型设置
    • Figma 中的原型设计——原型展示
    • 项目——导航
    • 项目——从你的愿望清单中删除一个项目
    • 项目——寻找产品
  • 3. 获得反馈
    • 为什么反馈很重要？
    • 建设性的反馈意见
• 03 视觉设计——设计理论+无障碍
  • 1.间距和网格
    • 什么是网格？
    • 网格基础
    • Figma Check In——固定和流动网格
    • Figma Check In——断点
    • Figma Check In——网格样式
    • 项目——移动布局网格
    • 项目——桌面布局网格
    • 遵循简单的规则
  • 2.排版
    • 衬线
    • 无衬线字体
    • 显示和单声道
    • 挑选字体
    • Figma Check In——文本属性
    • 练习——提升品牌
    • 练习——字体场景
    • 练习——谷歌字体
    • 项目——字体探索
    • 项目——配对字体系列
    • 项目——标题、正文和标签
    • 项目——字体系统
    • Figma Check In——文本样式
  • 3.颜色
    • 配色方案
    • 要问的重要问题
    • 创建调色板
    • Figma Check In——绘画
    • 练习——扩展严格的调色板
    • 练习——创建调色板
    • Figma Check In——颜色样式
    • 练习——使用颜色样式
    • 项目——初级和中性
    • 项目——口音
  • 4.意象和肖像
    • 视觉资产介绍
    • Figma Check In——图像插件
    • Figma Check In — 图像样式
    • Figma Check In——面具
    • 练习——图像探索
    • 练习——文本和图像一起工作
    • Figma Check In — 插图插件
    • 练习——在你的设计中添加插图
    • Figma Check In——图标插件
    • Figma Check In——钢笔工具
    • 练习——使用钢笔工具自定义图标
  • 5. 表单 + UI 元素
    • 什么是表单 + UI 元素？
    • 最佳实践——表格
    • 最佳实践——基本和高级输入
    • 最佳实践——输入
    • 最佳实践——按钮
    • Figma Check In——组件属性
    • 属性与变体
    • Figma Check In——按钮组件属性
    • Figma Check In——按钮变体
    • Figma Check In——组合组件
    • Figma Check In——表单组件的可能性
    • 项目——注册流程
  • 6. 无障碍
    • 什么是辅助功能？
    • 辅助技术
    • 可访问性的视觉模式
    • 使您的设计易于访问的工具
• 04 设计探索——应用设计+设计系统
  • 1.设计模式
    • 什么是设计模式？
    • 为什么设计模式有价值？
    • 如何应用设计模式
    • 分析设计模式
    • 剖析和选择设计模式
  • 2.移动设计
    • 移动设计最佳实践
  • 3. 视觉风格与探索
    • 设计保真度
    • 视觉探索——导航
    • 视觉探索——按钮
    • Figma Check In — 效果样式
    • 视觉探索——产品卡片
    • 视觉探索——文字卡片
    • 屏幕设计 – 主页
    • 屏幕设计——产品页面
  • 4. 运动和微交互
    • 运动的重要性
    • 为什么微交互很重要？
    • 什么是微交互？
    • Figma Check In — Smart Animate 简介
    • Figma Check In——智能动画属性
    • 练习——视差
    • 练习——新消息
    • 练习——叠加
    • Figma Check In——交互式组件
    • 练习——交互式按钮
    • 项目——视差欢迎屏幕
    • 项目——拖动入职
    • 项目——购物车覆盖
    • 项目——按钮微交互
• 05 将它们放在一起——使用我们的设计系统和 Figma 的 Hi-Fi 原型制作
  • 1.设计系统
    • 基础样式和组件与产品特定组件
    • 建立保真度并组织潜在的组件和样式
    • 基础样式和组件
    • 组件——按钮
    • 组件——卡片
    • 组件——标题
    • 组件——输入
    • 组件——列表项
    • 组件——导航
    • 组件 – 杂项。元素
  • 2.执行
    • 朝着我们的最终设计努力
    • 执行——介绍屏幕
    • 执行——入职屏幕
    • 执行——注册屏幕
    • 执行——主屏幕
    • 执行——心愿单屏幕
    • 执行 – 配置文件屏幕
    • 执行——购物车和结账
    • 原型——注册
    • 原型——添加到购物车
    • 原型——结帐
    • 原型——Lottie 文件插件
    • 原型——搜索和过滤器
• 06 从 FIGMA 到网站（采用 Figma 设计并使用 HTML 和 CSS 将其转换为实时网站）
  

• 07 HTML + HTML5

• 08 CSS + CSS3 – CSS 基础、CSS 网格、Flexbox、CSS 动画
• 09 将您的网站上线

这门全新的课程将带您从我们谈论平面设计原则和基础的最基础知识，一直到创造精美的产品，学习 UX/UI 和交互，并创建一个完整的设计流程供您使用你未来的项目和客户。我们几乎涵盖了所有内容，以便下次您负责设计产品时，您将获得作为专业设计师工作的分步概述和指南。

我们将教您一些技能，让您可以为自己的时间收取大量费用。不要在一些随机的自由职业网站上以每小时几美元的价格竞争。我们的目标是为您提供顶级设计师的技能，在此过程中，我们将为一家公司设计一款实际产品，您可以将其添加到您的投资组合中。

本课程不是让您在不了解原理的情况下只是观看，这样当您完成课程后除了观看另一个教程之外不知道该做什么。不！本课程将推动您并挑战您，使您从绝对的初学者变成可以被聘用的顶级设计师！设计是一项宝贵的技能，不像大多数技术技能那样容易过时。趋势在变，但您在本课程中学到的技能和基础知识将带您进入未来许多年。

如果您符合以下条件，则本课程适合您：
-您是一个希望成为设计师和自由职业者的完全初学者

– 你是一名设计师，希望为你的作品收取更多费用

– 您是一名希望提高设计技能的开发人员

授课人：

Andrei 是 Udemy 上评价最高的开发课程的讲师，也是发展最快的课程之一。他的毕业生已经为世界上一些最大的科技公司工作，如苹果、谷歌、特斯拉、亚马逊、摩根大通、IBM、优衣库等……他一直在硅谷和多伦多担任高级软件开发人员多年来，现在他正在利用他所学的一切来教授编程技能，并帮助您发现作为开发人员在生活中所允许的惊人的职业机会。

作为一名自学成才的程序员，他知道有大量的在线课程、教程和书籍过于冗长且不足以教授适当的技能。大多数人在学习复杂的主题时都感到无所适从，不知道从哪里开始，或者更糟糕的是，大多数人没有 20,000 美元用于编码训练营。编程技能应该是负担得起的，并且对所有人开放。教育材料应教授当前的现实生活技能，不应浪费学生的宝贵时间。从为财富 500 强公司、科技初创公司工作，到创立自己的企业，他吸取了重要的教训，现在他将 100% 的时间用于教授他人宝贵的软件开发技能，以便在令人兴奋的环境中掌控他们的生活和工作具有无限可能的行业。

Andrei 向您保证，没有其他课程像它一样全面且解释清楚。他认为，要想学到任何有价值的东西，都需要从基础开始，发展树的根。只有从那里您才能学习与基础相关的概念和特定技能（叶子）。当以这种方式构建时，学习变得指数级。

凭借他在教育心理学和编码方面的经验，Andrei 的课程将带您了解您从未想过可能实现的复杂主题。

———-

Daniel 是技术领域的设计领导者，在帮助初创公司构建和迭代产品方面拥有丰富的经验。Daniel 热衷于教授设计师并赋予他们权力，并与其他学科合作来构建满足用户和业务目标的有目的的产品。

他的设计方法总是深思熟虑和迭代。Daniel 经常发现自己与团队合作，无论是草拟概念和流程，还是与团队领导和外部利益相关者一起领导设计策略。

Daniel 是一位多才多艺的设计师，他的专业知识跨越多个设计学科。这包括用户体验和视觉设计、用户研究、产品策略、精益和敏捷设计方法等等。HI 的工作帮助为住房、区块链和健康等多个行业制定了不同的解决方案。

当他不开发产品时，Daniel 会在不同的聚会和活动中发表演讲和提供指导。他的目标是回馈他所学并将继续从中学到很多东西的设计社区。Daniel 旨在始终帮助、教导和支持其他设计师的职业生涯。

课程内见！