全站资源开放下载,感谢广大网友的支持
链接失效请移步职涯宝平台的学习路线|资源下载分类
支持用户留言评论_客服实时在线_问题解决更快

UI学习路线图,没有比这更全面的了,云图智联提供终身资源维护

UI学习路线图,没有比这更全面的了,云图智联提供终身资源维护

持续更新,分享给你的朋友

现在各行各业竞争压力越来越大,UI设计师,岂能只满足于只会美工,每一个职位都应该发展为,自己能干个工作室的状态,技多不压身,在任何情况下,都能生存才是王道!!!我对UI设计师所涉及的学习,工作,行业等都做了详细介绍,希望可以帮助到对UI感兴趣的人,我还在整理UI学习资源,希望你可以持续关注我,一个过来人就应该不断分享。

路线图目录:

  • UI设计师需要学习那些内容 (能力储备决定你的职场生命力)
  • 为什么要成为UI设计师   (请不要盲目)
  • UI设计师的市场前景    (了解市场,自然有方向)
  • UI设计师学习途径及介绍   (先试试,在决定,对自己负责)
  • 部分UI初学者作品展示   (看看作品 感受下 )

一.UI设计师需要学习那些内容

1.平面设计师 自己干广告 自己当老板
(1)Art   美学素质的培养,对自己的作品要有理论支撑
需要学习的基础知识,不做机器工作,提升来源于内涵。
  • 素描基础知识
  • 几何体结构写生
  • 静物结构写生
  • 几何体光影写生
  • 平面构成
  • 色彩构成
  • 最后实战项目检测自己的学习
学习成果要这样,应该具备一定的美术素养和手绘能力,能够绘制一些简单的静物,懂得构图、透视、以及明暗规律在设计作品中的表现,能够理解和运用基本的平面构成和色彩构成形式。
(2)PS 必备的图像设计软件Photoshop,可以说是吃饭的“家伙”
这块的知识点就比较多了,不过不用担心,软件都是越用越熟,多做几个作品,就都会了。
  • 选区:我叫蚂蚁线
  • 图层的基础
  • 图层的进阶
  • 绘画的基础操作
  • 文字与句子
  • 颜色与色调调整
  • 蒙版与通道
  • 矢量工具与路径
......还有很多就不一一列举了,多做作品,轻松掌握
学习成果是应该熟练掌握Photoshop基本功能和使用,熟练完成图像处理、修复、合成、特效等项目,对相关设计原则有一定的了解,为更深入的设计学习打下良好基础。
(3)AI 更受设计师喜爱的图像设计软件 Adobe illustrator
一样的软件熟不熟,就看你用的多不多,所以吃饭的家伙是,想成为设计师,是必须熟练的。
  • 基本图形的绘制与编辑
  • 路径和画笔工具的应用
  • 填充与混合的应用
  • 文字和图表的应用
  • 图层和蒙版的应用
  • 效果和样式的应用
  • VI设计
  • 插画设计
......还有很多就不一一列举了,多做作品,轻松掌握
学习成果是,能熟练使用Adobe illustrator软件,设计制作出平面类项目,了解印刷基本要求,完成标志设计、VI设计、常用印刷品的设计。
(4)ID 印刷品的排版编辑软件InDesign,商业化使用
进行企业印刷品的排版与设计,包括常用的,画册、名片、书籍、产品手册等。
  • ID基本功能操作
  • ID在排版中的实际运用
  • ID中图文混排方法
学习之后能够熟练掌握InDesign软件进行画册排版、名片设计、书籍装帧等,具备印刷知识,了解印刷中普遍存在的问题与解决办法。
(5)职场必备技能学习
学习完上面的知识点,完全可以胜任,平面设计师的岗位了,但是走向职场,你不得不锻炼自己,让自己会沟通,快速适应团队,因此建议大家必须要学习一些知识。
  • 团队文化
  • 时间管理
  • 沟通技巧
这些知识,都是为了让你能,快速了解团队、融入团队,融洽地与他人相处,并且对自己的言谈举止能做到良好的约束和规范,让自己真正成为一个职业人士。

2.Web端设计师 饭碗特别多 是个网站就需要
(1)Web 掌握,饭碗特别多
  • 网页设计基础
  • 网页按钮设计与图标设计
  • 网页导航设计与banner设计
  • 网页布局基础
  • 网页设计中的色彩搭配
  • 常见网页设计风格
  • 网页切图、标注
  • 专题网页设计
学习完必须具备一定的网页色彩知识、网页组成元素和网页布局概念、能够运用色彩原理进行网页颜色的搭配,设计制作出精美的网页,同时能从临摹网页到自由设计,让网页效果设计真正从想法逐步变成现实。
(2)Web UI 能看到的美
  • 网站UI项目挂你规范
  • 营销型企业站视觉设计
  • Landing Page设计
  • 专题页视觉设计
  • 游戏类网站改版和设计
  • 企业OA系统界面设计
  • 电商网站视觉设计
  • 淘宝美工专业设计技巧
  • 电商网站店铺视觉营销设计
要学到能够掌握不同领域的网页界面设计规范和网页界面设计手法,并能够按照企业需求,熟练使用Photoshop软件设计制作出精美的网站页面效果。
(3)H5+CSS3   前端必会技术 工作交流,自身提升没问题啊
  • HTML5基础
  • 列表、表格与媒体元素
  • 表单
  • 初始CSS3
  • CSS3美化网页元素
  • 盒子模型
  • 浮动
  • 定位网页元素
  • 项目案例
对网页前端开发一定要有所了解,工作中和前端必不可分,掌握常见的HTML标签的基础使用和CSS样式,能够熟练应用HTML标签和CSS样式中的属性和对应的属性值,并能够制作出美观、大方、布局合理的静态网站。
(4)职场必备技能学习
  • 开启职场人生
  • 打造活力团队
  • 倾听和提问的秘密
在职场中,要善于表现自己的价值,并且通过自身的价值提升团队价值,更要学会听取意见和建议,避免以自我为中心,避免自负行为,每一次听取都会让自己受益匪浅

3.移动UI设计师 还说啥   移动端不会好吗
(1)App 设计规范
  • 初识移动App设计
  • iOS与Android图标设计规范
  • 扁平化风格图标设计
  • 拟物化风格图标设计
  • Android系统UI设计规范
  • iOS系统UI设计规范
  • App项目设计与制作
这里需要案例演示进行学习,案例学习才能学的快,学的懂,通过理论知识与案例相结合,掌握不同风格的图标、iOS与Android两大主流操作系统的界面设计规范和设计手法,能够按照企业需求制作完整的移动App界面设计。
(2)UE 用户体验   制胜之道
  • 用户体验分类及设计技巧
  • 互联网交互设计精髓
  • Axure互联网应用交互基础
  • Axure交互原型设计高级应用
  • 信息架构图-MindManager
  • 交互原型的制作-墨刀
(3)AppUI 企业应用
  • 教育类iOS手机App设计
  • 电商类Android手机App设计
  • 医疗类手机App设计
  • 游戏类手机App设计
  • 餐饮类Pad端App设计
掌握主流行业:电商、教育、游戏、餐饮等领域的手机界面设计,熟悉Android和iOS系统的手机界面和图标设计规范,了解用户体验的基本知识和设计方法,能够按照企业需求,熟练应用Photoshop软件设计制作精美的手机界面效果图。
(4)职场必备技能学习
  • 迈向职业发展目标
  • 面试沟通技巧
  • 简历书写规范
通过模拟真实面试场景,锻炼自身的沟通与表达技巧,掌握面试沟通内容,提升个人综合素养,增强自身就业竞争能力。

4.互联网UI设计师   设计师进阶   视频 游戏 视觉动效 全掌握
(1)AE 动效设计
  • AE的基本操作
  • 图层操作
  • 动画的操作
  • 蒙版与遮罩
  • 常见内置特效
  • 表达式的应用
  • 综合案例
系统学习AE动效设计,深入了解交互设计中的动画制作规范,掌握AE动效设计中常见的动画形式,用交互的形式,更好的展示UI作品,提升作品的用户体验。
(2)C4D 视觉创想 想象不到的百变
  • C4D基础与参数化对象操作
  • 样条曲线与NURBS建模
  • 造型工具组与变形工具组
  • 多边形建模与动态图形
  • 材质、纹理和UI贴图
  • 灯光、摄像机与渲染
  • 综合项目
熟悉C4D的基本操作,掌握多边形建模与NURBS曲面建模两种常见的建模方法,能够独立完成产品模型设计;了解常见材质类型的表现方法;熟悉灯光的类型以及常用参数的调整;掌握渲染与输出的方法,能制作动感、有视觉冲击力的banner图。
(3)GameUI 游戏UI设计 边玩边学
  • 初识游戏UI
  • 游戏图标的构成
  • 游戏界面的分类
  • 游戏UI风格化设计
  • 游戏界面设计的流程
掌握不同风格的游戏界面设计规范和设计手法,分析不同的游戏图标及界面的特点,学会竞品调研,熟悉游戏行业的设计规范和开发流程,了解玩家,平衡需求,把控整体游戏界面设计,设计出符合项目需求的游戏UI界面。
(4)职场必备技能学习
  • 做好面试准备
  • 提升面试技巧
  • 综合面试实战
不管什么时候都要有积累,有准备,要打有准备的仗,赶紧整理下自己的作品,自己的面试简历,以及面试常问问题,时刻准备着

5.Web前端   设计师进阶 能力决定价值 能力决定岗位
(1)JavaScript ECMAScript   (前端必会   玩网页必懂)
  • JavaScript基础
  • JavaScript高级
  • JavaScript事件
  • 正则表达式
  • JavaScript面向对象高级
  • JavaScript深入
  • 项目实战-手风琴
掌握JavaScript客户端脚本语言的基础语法、逻辑流程、函数等相关内容,实现网页特效,并且优化前端开发编码。
(2)移动端开发   前端页面优化(html/css/JavaScript开发过程中优化)
  • 代码语义性与可读性
  • 代码扩展性与伪元素
  • HTML CSS JS 文件打包、压缩
  • 图片与特殊字体
  • 文件放置位置,预加载与懒加载
  • JavaScript代码 性能优化
  • 面向对象
掌握HTML/CSS/JavaScript开发过程中的优化问题
(3)Zepto.js   jQuery   (前端样式框架   制作网页特效)
  • jQuery基础
  • jQuery基本操作
  • jQuery事件与特效
  • 使用jQuery处理Ajax
  • 定制化jQuery
学习之后能利用jQuery轻松制作网页特效
(4)Vue.js   ReactJS   AngularJS   (前端火爆插件   不得不会)
  • 常量、解构、函数以及面向对象
  • 面向对象封装关键词和webpack
  • 装饰器、导入导出和模块化开发
  • 接口和模块化开发
  • 路由、组件、常用指令
  • jQuery和其他插件项目
  • 搭建起点项目
学习之后,可以应用Vue.js   ReactJS   AngularJS 等框架进行项目开发
(5)职场必备技能学习
  • 做好面试准备
  • 提升面试技巧
  • 综合面试实战
不管什么时候都要有积累,有准备,要打有准备的仗,赶紧整理下自己的作品,自己的面试简历,以及面试常问问题,时刻准备着

二.为什么要成为UI设计师

1.什么是UI设计师
UI,本义是用户界面,是英文User和Inter-face的缩写;
UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人;

UI设计师涉及的范围包括高级网页设计、移动应用界面设计,是目前中国信息产业中最为抢手的人才之一。



三、UI设计师的市场前景    (了解市场,自然有方向)


马上填写   整理一套 详细的市场前景内容

四、UI设计师学习途径及介绍

1.学习网站有很多,可以先从机构的学习资源入手,最简单的方法直接浏览官网,直接联系要视频,都会给你的,学习了解下,觉得适合在进一步选择怎么学习;
2.现阶段快速的就是花钱培训,因为花钱了服务就上来了,课程体系完善,肯定能找到工作,要是学了技能工作都找不到,那这个机构也不会存在的;
3.一些学习资源的网站
文档形式:菜鸟教程,内容质量是业界认可的,菜鸟教程 - 学的不仅是技术,更是梦想!
视频文章多形式:智联优课,每天分享视频,文章这些,智联优课
更多学习资源马上整理分享哦!

五、部分UI初学者作品展示   (看看作品 感受下 )

海报


Java帮帮公众号生态

Java帮帮公众号生态

总有一款适合你

Java帮帮-微信公众号

Java帮帮-微信公众号

将分享做到极致

九点编程-公众号

九点编程-公众号

深夜九点学编程

大数据驿站-微信公众号

大数据驿站-微信公众号

一起在数据中成长

Python帮帮-公众号

Python帮帮-公众号

人工智能,爬虫,学习教程

程序员生活志-公众号

程序员生活志-公众号

互联网,职场,程序员那些事儿

Java帮帮学习群生态

Java帮帮学习群生态

总有一款能帮到你

Java学习群

Java学习群

与大牛一起交流

大数据学习群

大数据学习群

在数据中成长

九点编程学习群

九点编程学习群

深夜九点学编程

python学习群

python学习群

人工智能,爬虫

测试学习群

测试学习群

感受测试的魅力

Java帮帮生态承诺

Java帮帮生态承诺

一直坚守,不负重望

初心
勤俭
诚信
正义
分享
合作品牌 非盈利生态-优质内容分享传播者
友链交换:加帮主QQ2524138991 留言即可 24小时内答复  
会员登录
获取验证码
登录
登录
我的资料
留言
回到顶部