UI/UE设计学习路线图(超详细)
很多小伙伴认为ui设计很简单,就是用相关的软件设计制作图片、界面等。其实不然,UI设计融合了很多学科内容。要从一个完全没有基础的人成长为一个ui设计者,该如何学习呢?主要分为基础阶段和专业课程阶段,其中基础阶段包含职场必备office应用、新媒体软件应用、造型基础:素描手绘与彩铅、设计基础:色彩与平面构成。专业课程阶段包含设计技法与高阶技巧、企业产品设计落地与晋级、多终端交互及用户体验精修、企业项目实训内容。具体内容请看下面的ui学习路线图,让你从小白秒变大神ui学习路线图
基础阶段:
1、职场必备office应用
2、新媒体软件应用
3、造型基础:素描手绘与彩铅
4、设计基础:色彩与平面构成
有了基础知识垫底,我们就可以向专业的设计领域迈进了。要想成为一名合格的UI设计者除了需要掌握必备的软件技术外,还需要掌握专业的设计原理知识、丰富的项目设计经验。在专业课程阶段,小锋为大家整理了以下4个阶段:
第一阶段:设计技法与高阶技巧
工具使用及设计趋势
1.软件环境搭建
2.设计思维建立,PS软件初级图像合成
3.PS商业人物磨皮
4.扁平图标绘制
5.轻写实图标设计
商业插画&运营字体设计技巧
1.图像合成海报及写真照片调色
2.静无止境中级合成
3.品牌IP设计思路
4.商业插画创意设计
5.商业海报字体设计方法及案例
品牌视觉语言,阶段作品审核答辩
1.企业标识设计思路及方法
2.知名企业logo改版设计
3.VIS历史,VIS手册设计流程
4.小组项目-企业视觉识别系统-VIS手册设计
5.阶段作品审核答辩
全领域物料设计,阶段项目审核答辩
1.平面印刷流程及工艺
2.平面物料三折页设计
3.平面物料DM单页设计及企业宣传册设计
4.会展喷绘工艺,主KV设计及易拉宝设计
5.阶段作品审核答辩
第二阶段:企业产品设计落地与晋级
运营思维打造
1.从运营思维角度聊聊版式设计
2.运营作品中字体设计技巧
3.运营设计中的设计创意,运营插画
4.电商产品摆拍,布光,精修,后期
5.电商中的各类设计内容规范要求
WEB端项目全流程
1.WEB基础知识,设计全流程及规范
2.WEB端改版思路,栅格系统使用技巧,WEB端&移动端网站设计区别
3.自适应及响应式网站设计技巧
4.专题页设计类型 结构讲解,设计技巧
5.WEB及专题项目实训
中后台产品如何设计
1.B端后台设计解析:ArcoDesign&AntDesign&ElementUI等主流B端框架解析与应用
2.基于G端大屏数据可视化设计:数据类型/设计风格/设计规范
3.B端G端设计项目流程解析,利用Figma/MasterGO搭建项目组件
4.后台类项目
5.后台类项目
二阶段项目
网站、B端项目
第三阶段:多终端交互及用户体验精修
移动端产品,高级视觉设计
1.sketch软件学习
2.设计规范,产品调性推导,色彩匹配
3.小程序界面规范+界面代练
4.前端工程师配合模式,特殊配合方式
5.情感化设计及应用,原子设计理论,设计走查移动端项目实战
移动端 项目周情感化设计概念-动效实现
1.动效在项目中的重要性,动效可行性
2.基础及动效案例制作
3.动效落地配合及案例
4.动效创意思路
5.项目中动效制作
三维软件学习
1.三维软件建模
2.高级建模、灯光、材质
3.渲染
4.IP形象案例代练
5.IP形象动效实战
除了学习以上内容外,还需要掌握必备的软件、设计以及其他技能:
软件技能阶段:
学习软件:PS+AI+XD+AE+ARP+C4D+Mark man标注软件、切图软件等,从0基础到精通使用工具,学会软件后教你设计技能。
完成技能:熟练运用PS+AI+XD+AE+APR等软件
设计技能阶段:
图标设计、视觉设计、界面设计、网页设计、交互设计、动效设计、原型图设计、APP设计、小程序设计、UE设计、拟物化与扁平化设计、Banner设计、专题页设计、电商设计、GUI设计、WUI设计、商业实战案例项目设计流程、原创作品设计。
H5设计、代码基础、美术手绘、配色原理、设计规范、版式、切图、适配、标准化布局、平面构成、立体构成、色彩构成、交互逻辑、思维构图。
完成作品:各种APP界面设计、企业网站界面和PC端软件界面设计、APP交互动效设计等原创作品设计
其他理论技能
产品思维、设计思维、审美能力,创意想法、简历包装、面试技巧,团队协作,演讲、文案、运营等知识。
完成作品:掌握APP项目设计流程和用户体验研究等
能够走到这一步的小伙伴们,想必已经脱胎换骨,从小白逆袭成为了大神。当然UI设计之路细致而又漫长,更多的是需要我们不断地进行自我提升与沉淀,一步一个脚印,走出属于自己独特的slogan。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析