Complete Web & Mobile Designer in 2022: UI/UX, Figma, +more

Complete Web & Mobile Designer in 2022: UI/UX, Figma, +more

2022年成为设计师!掌握移动和网页设计、用户界面 + 用户体验(UI/UX 设计)、HTML 和 CSS。

你将会学到的

  • 使用顶级公司在 2022 年使用的现代工具为您的客户构建设计精美的 Web 和移动项目
  • 被聘为设计师或成为可以在任何地方为任何人工作的自由职业者。设计师需求量大!
  • 包括 100 多种资产和高级设计模板,您可以保留并使用这些模板为您未来的所有项目进行自定义
  • 掌握 Figma 以满足您的设计需求,然后学习将您的设计转换为实时 HTML 和 CSS 网站
  • 在课程结束时定制并专业完成令人惊叹的设计作品集(我们为您提供!)
  • 掌握 Web 和移动设计原则,以及如何从草图到成熟的高保真设计,让客户赞叹不已
  • 学习使用 Figma 和世界上一些顶级设计师使用的其他工具为所有类型的设备进行设计
  • 学习使用 HTML5 和 CSS3 让您的设计栩栩如生并创建完整的网站
  • 学习在设计行业需要数年才能学习的最佳实践
  • 学习为所有品牌需求做出专业的标志和设计选择
  • 学习使用行业最新趋势的 UI/UX 最佳实践
  • 学习同时成为一名设计师和一名网络开发人员(一种罕见的高需求技能组合)!

要求

  • 没有要求。我们教你,从头开始向你展示一切!从零到精通
  • 准备好爱上设计,让你在余生中接触到的所有东西都变成美丽的项目!

说明

刚刚更新了 2022 年的所有现代设计工具和最佳实践!加入由超过 600,000 名学生组成的实时在线社区,以及由在硅谷和多伦多为顶级公司实际工作过的行业专家教授的课程。 一个伟大的设计师变得越来越难找到,现在找到年薪超过 160,000 美元的设计师并不罕见,因为这是一项非常有价值的技能。我们会教你如何到达那里!

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

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

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

课程涵盖的主题是…

  • 00 网页和移动设计原则 + 设计与网页开发
  • 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 签入——变体
      • 如何使用我们的线框组件
      • 线框 – 主页
      • 线框 – 购物车
      • 线框 – 配置文件
    • 2. 原型制作
      • Figma Check In — Figma 中的原型设计
      • Figma 中的原型设计——流程和起点
      • Figma 中的原型设计——连接
      • Figma 中的原型设计——交互
      • Figma 中的原型设计——动画
      • Figma 中的原型设计——原型设置
      • Figma 中的原型设计——原型展示
      • 项目——导航
      • 项目 – 从您的愿望清单中删除一个项目
      • 项目——寻找产品
    • 3. 获得反馈
      • 为什么反馈很重要?
      • 建设性的反馈意见
  • 03 视觉设计 – 设计理论 + 可访问性
    • 1. 间距和网格
      • 什么是网格?
      • 网格基础
      • Figma Check In – 固定和流动网格
      • Figma 签入——断点
      • 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 签到——面具
      • 练习——图像探索
      • 练习——文本和图像一起工作
      • 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.移动设计
      • 移动设计最佳实践
    • 三、视觉风格与探索
      • 设计保真度
      • 视觉探索——导航
      • 视觉探索——按钮
      • 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 是一位多面手的设计师,他的专长跨越多个设计学科。这包括用户体验视觉设计用户研究产品策略精益和敏捷设计方法等等。他的工作帮助为住房、区块链和健康等各种行业制定了不同的解决方案。

当他不构建产品时,Daniel 在不同的聚会和活动中发言和指导。他的目标是回馈他所学习并继续从中学到很多东西的设计社区。Daniel 的目标是在他们的职业生涯中始终帮助、教授和支持其他设计师

课程内见!

此课程面向哪些人:

  • 任何想以自由职业者的身份开始 Web 或移动设计业务或在公司担任设计师的人
  • Web 开发人员和移动开发人员希望在他们的工具带中添加另一项有价值的技能
  • 任何想被聘为网页设计师、移动设计师、UI/UX 设计师的人
  • 任何想了解最新的 CSS3 功能(如 Flexbox、CSS 网格和 CSS 变量以及 HTML5)的人
声明:本站所有资源、素材等全部来源于互联网,赞助VIP仅用于对IT资源服务器带宽等费用支出做支持,从本站下载资源,说明你已同意本条款。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
TheItzy资源站 » Complete Web & Mobile Designer in 2022: UI/UX, Figma, +more