最新 UI/UE 设计学习教程路线图（2021版）

时间：2023-10-03 12:42:01 | 来源：网站运营

时间：2023-10-03 12:42:01 来源：网站运营

最新 UI/UE 设计学习教程路线图（2021版）：说到UI设计这个职业，至今应该有10年多的时间，2010年是互联网行业爆发年，更是移动互联的大力开始。

UI设计是2010年左右随着iPhone 4的诞生奠定了用户体验（UI），2010-2021年，这个行业只存在了10年多的时间，而UI这个行业属于互联网行业，跟随着互联网的发展而进入人们眼球，也必将跟随互联网的发展而发展。




10年的时间，移动互联改变了用户很多的操作习惯，在线打车，在线购物，在线交友，在线教育，萌生了很多的新奇的概念，也萌生很多的互联网公司。




俗话说“人靠衣服马靠鞍”，不管是实业产品，还是软件产品，总希望将最好最美的一面展示给用户，来赢得市场和未来发展。




而随着社会发展，人的视觉审美能力越来越高，一个好的产品要想吸引用户，好的外表是关键，其实才是产品本质的质量，价格等因素。

正因为如此，设计师一职越来越受到企业、公司的认可。随着5G时代来临，更多依靠互联网的产品，都想把自家的产品打造独一无二的精品。

这样一来，企业用人，设计师的能力会越来越高，而不单一会会软件就能解决问题。

而是要更多时间去研究用户、 产品定位、交互逻辑、视觉创意。而一个好的产品更是得好用、易用、实用。

因此作为互联网算是比较轻松入门的一个行业，也是吸引了不少年轻人投入到UI/UE设计的学习之中。




有很多新入行的小伙伴们，会通过在网络上找各种各样的学习视频去研究学习，却往往缺乏了系统全面的学习路线。要想快速进入一个行业，找对学习路径是关键。所以，今天就跟大家分享一份系统的UI/UE设计学习教程路线图，零基础也可以无压力的走进UI设计，学习UI设计！

人天生爱美是天性，其实每个人都是一位设计师，只是通过正确的方法去挖掘就行了。

第一阶段：基础阶段【手绘】：

学习UI设计，可以先把手绘基础阶段开始，通过对物体之美，来扫描人对物体整个结构外形扫描，将形状通过方式方法，来画到我的纸上。

这也是为初学者一个入门开始。

其实每个天生都是一位画家，作为设计师来说，手绘的重要性，越来越得到了大家的认同！因为手绘是设计师表达情感、表达设计理念、表诉方案结果的最直接的“视觉语言”！

送大家两句话：一是，手绘是最容易学的。因为任何一门学科都有其自身的规律性，抓住规律性，才是学习的根本，手绘真的不难，其实就是四个字“形态结构、比例透视”。




基础阶段共计5天，每天4课时，共计20课时，

• 基础素描
• 结构素描
• 光影素描
• 色彩实战
• UI行业介绍及图标绘制
• 
  

学习目的：

1、培训你的造型能力

2、培训你对物体构的了解能力

3、培训你绘画时对物体的观察方法， 素描是你学习油画，色彩以及速写之类的基础，有素描培训，他让你知道什么是体积 什么是空间 什么是黑白灰等等 。




本阶段相关学习教程：

1.手绘教学视频 25节视频课程

第二阶段 设计工具及品牌平面设计学习

俗话说：工欲善其事，必先利其器。设计师学习首先得学习设计工具。

PS基础【1周】

软件环境搭建
PS选区操作/图像合成
PS修图操作/图层应用
PS铅笔工具与文字
PS形状工具及布尔运算
PS进阶【1周】
PS图层样式
PS混合与蒙版
PS图像/调整/通道
PS滤镜特效
PS软件阶段项目
AI基础【1周】
AI软件基础
AI软件技法
AI软件深入学习
AI实战 图标鉴赏+线性+扁平图标绘制技法
拟物+MBE图标绘制技法
字体设计+商业插画【1周】
字体设计必要性
字体设计原则和方法
商业插画绘制方法
商业插画风格
2.5D插画绘制
VIS品牌设计【1周】
企业标识设计及VIS手册项目立项
企业视觉识别系统VIS手册
基础部分设计
企业视觉识别系统VIS手册
应用部分设计
VIS手册项目实战
平面物料设计【1周】
平面印刷流程及工艺
平面物料—三折页设计
平面物料DM单页设计
企业宣传册设计
会展喷绘工艺/主KV设计/易拉宝设计
展会项目物料设计

本套视频学习完成后，有对应的项目及考试，作品量达到一定程序，直接去找一个平面设计师、美工岗位工作应该没有什么问题。




本阶段相关学习教程：

2020年PS软件操作及案例全套视频2020年AI软件及案例实操全套视频UI图标设计实操全套视频字体设计实操全套视频商业插画设计全套视频企业VIS手册全套视频平面印刷及物料全设计视频

第三阶段 运营设计、Web设计、电商设计、数据可视化大屏设计【全端设计】

网页设计、电商设计、运营设计、数据可视化大屏设计、B端产品设计、是设计师在互联网设计中必备的技能。

课程包含企业实际需要，课程紧跟市场，为设计师们进入职场，打下坚实基础。

H5运营设计

海报设计-版式设计
海报设计-色彩搭配
banner设计-版式布局
banner设计-字体排版
新媒体运营设计——H5页面设计
网页设计
网页设计理论基础
XD软件基础及企业站带练
网页设计其它类型网站介绍
网页项目实训
电商设计
电商初始、产品精修、主图、直通车设计
详情页设计尺寸规范
店铺装修&专题页设计
电商项目实战
B端后台设计
B端后台设计
B端后台组件规范
大屏可视化设计
可视化案例制作

本阶段相关学习教程：

H5运营设计全套视频
网页设计及XD软件全套视频
电商设计全套视频
B端后台设计全套视频

第四阶段 移动端UI/UE交互设计

在当今社会，移动互联成为拥有最大市场潜力、最快发展速度、最光明发展前景的一项科技产物，它创造出了庞大的经济财富，同时，获得了一大批的顾客群。移动互联这个领域获得了前所未有的发展。

产品/交互设计
产品设计基础理论+Axure基础介绍
用户体验+Axure原型
产品改版思维+5WH+Axure复杂交互
用户画像+Axure复杂交互
用户画像+Axure复杂交互
MAC系统移动端APP小程序界面规范+小组项目
移动端设计流程规范-
IOS/Android设计规范+界面代练
移动端设计流程规范-小程序界面规范+界面代练
移动设计流程规范-常见切图标注工具及方法
移动端设计项目实训
MAC系统 Sketch项目实战
Mac系统sketch讲解
iOS/Android项目实训
APP项目实战周
Principle+Figma UI设计利器
Principle软件基础讲解
principle软件交互动效讲解
Figma软件讲解+界面代练
APP项目实战
UI交互动效+视频剪辑
交互动效表现形式 +AE软件简介以及 基础使用
AE软件中常用属性（移动、透明度、 缩放、旋转等）的应用
根据常用属性制作动效并输出与渲染 以及生成GIF 的方法
AE软件与PS、AI软件的结合应用以及 转场交互的应用
PR简介与基本应用

本阶段相关学习教程：

产品/交互设计全套视频
APP设计规范及小程序设计全套视频
Sketch设计神器全套视频
Principle+figma全套视频
UI交互动效+视频剪辑全套视频

到底要怎么入门去学习好UI设计呢？在看过上面的学习路线图之后，相信大家更有一个直观的了解，不是懵懵懂懂不知从何入手！




—— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— —— ——




以下是小编为新手入门的小伙伴准备的一套UI/UE设计学习教程，希望对新手小伙伴有所帮助。

【小狮学院】PS基础入门教程全集（设计师必备）27集

【小狮学院】全套美工电商设计从入门到精通（零基础必备）15集

【小狮学院】2021年UI设计全套视频教程 入门到精通 243集