ui培训课程.docx

ui培训课程.docx

《ui培训课程.docx》由会员分享，可在线阅读，更多相关《ui培训课程.docx（19页珍藏版）》请在冰点文库上搜索。

ui培训课程

ui培训课程

UI/UE设计就业班课程大纲

所处阶段

主讲内容

技术要点

学习目标

第二阶段：

AI软件基础

AI基本形状绘制

位图与矢量图的区别；文档新建；选择工具组；形状工具组；对象的顺序排列；填充与描边；钢笔工具组；线段工具组；操作技法；铅笔工具组；

可掌握的核心能力：

（1）认识AI软件，了解AI软件的基本功能及适用范围；

（2）PS与AI的完美结合，制作VI视觉识别系统。

市场价值：

熟练掌握和学习后，对快速进入设计行业打下坚实基础，对软件的基本功练习有很大的帮助；可满足设计行业的初级需求，根据市场反馈数据看，薪资普遍在3500-4500元/月。

图形的运算及变形

路经查找器；自由变换工具；颜色面板；色板；图形变换功能；渐变制作；形状变形工具组；形状生成器工具组；透视网格工具组；对齐面板

颜色的填充与混合

变换面板；轮廓化描边；偏移路径；混合工具；透明度面板；复合路径；符号面板；橡皮擦工具组；图案填充

文字工具及综合应用

图形样式面板；文字工具组；文字效果与排版；画笔工具；图形的控制；蒙版；参考线控制；图片导入；图片的描摹

所处阶段

主讲内容

技术要点

学习目标

第三阶段：

创意手绘

平面构成

点、线、面基本概念；点线面集合

可掌握的核心能力：

（1）了解美术基础理论知识；

（2）掌握手绘基本绘制技巧；

（3）造型能力与光影能力培养；

（4）手绘UI图标技巧；

（5）手绘字体设计；

（6）表情、卡通形象手绘技巧。

可解决的现实问题：

学员可以掌握通过自动铅笔、网点本、其他绘图工具进行精确绘图。

能快速绘制原型图、设计草图、便于工作中随时沟通。

能绘制透视关系、明暗关系准确的图标与场景。

市场价值：

熟练掌握和学习后，能迅速提升综合设计能力，企业对设计师手绘能力要求越来越多，越来越高，具备手绘能力的设计师更能适应当下企业需求。

根据市场反馈数据看，薪资普遍在4000-5000元/月。

绘画中的透视

透视概念；一点透视原理；两点透视画法；两点透视特点；两点透视注意事项；三点透视

绘画形态及明暗关系的掌握

手绘排调子；绘制正方体；三大面表现；绘制球体；五大调子及注意事项

手绘字体设计

手绘字体特性；不同风格字体设计；手绘转电脑方式；手绘字体在商业案例中的应用

UI扁平、拟物ICON绘制

扁平化概念；图标的表现形式（用针管笔描边）；拟物图标注意问题

手绘表情设计

卡通表情进化论；三庭五眼概念；五官特征；喜怒哀乐表情特质；手绘表情技巧

手绘人物形象设计

手绘人物类型特征；人物比例关系；人体形态特征；手绘人物形象技巧

手绘卡通形象设计

卡通形象应用范围；卡通形象设计方案；手绘卡通形象技巧

所处阶段

主讲内容

技术要点

学习目标

第四阶段：

设计进阶

字体设计

字体适用范围；字体属性；字体版权；排版技巧；字体变形技巧；字体效果打造

可掌握的核心能力：

（1）提高视觉设计的能力，加强商业广告设计的学习；

（2）掌握设计理论知识体系，从更专业的角度做视觉设计；

（3）视觉广告设计技巧。

可解决的现实问题：

熟练掌握各类视觉元素的设计把控，知道如何调整画面让设计更精美。

能从更专业的角度去发现设计中的问题、误区并解决。

市场价值：

学完此阶段课程，可根据所学做出精美的视觉设计作品，不同尺寸、不同需求、不同载体的视觉设计都能运用自如，根据市场反馈数据看，薪资普遍在4500-5500元/月。

色彩构成

色彩三要素；色彩与光影的关系；色彩情感；色彩搭配技巧；配色误区

板式设计

版设计设计视觉要素；排版方法；黄金分割比例；

构图设计

设计中的构图应用，平行构图，三角形构图，垂直构图；对角线构图；放射性构图；框架构图

视觉表现

画面主图设计；画面文字设计；画面背景设计；画面整体设计；画面表现形式

所处阶段

主讲内容

技术要点

学习目标

第五阶段：

平面设计

品牌LOGO设计

什么是LOGO；标志设计的意义；LOGO常用形式；LOGO创意方式；LOGO的思路流程；LOGO元素提取；表现形式；LOGO设计的禁忌

可掌握的核心能力：

（1）提高视觉设计的能力，加强商业广告设计的学习；

（2）掌握平面设计规范及印刷原理；

（3）户内外广告设计规范与技巧。

可解决的现实问题：

熟练掌握各种平面设计相关规范与设计技巧；熟练掌握户内户外广告设计及输出；掌握包装设计与商业画册设计方法及印刷流程与工艺使平面设计作品更具规范化。

市场价值：

学完此阶段课程，已成功进入平面设计行业，可根据所学做出精美的平面设计作品，如海报、易拉宝等vi视觉设计；可满足平面设计工作需求，根据市场反馈数据看，薪资普遍在5000-7000元/月。

名片设计与输出

名片分类；纸张材质；构成元素；名片规格与尺寸；名片印刷与工艺；隐藏字符；专色版与工艺版制作；名片输出需注意的问题

品牌VI系统设计

什么是CIS；什么是MI；什么是BI;什么是VI;VI系统的设计流程;VI系统组成;VI系统的报价;VI手册常用尺寸及纸张应用

DM折页与封套设计

什么是DM广告;折页折叠方式;折页规格与尺寸;设计素材要求;印刷与工艺;印后覆膜;封套设计的意义;封套规格尺寸;封套纸张

户内户外广告设计与输出

什么是户外广告;易拉宝设计；户外广告种类;什么是户内（室内）广告;户内（室内）广告种类;输出分辨率;户内户外输出与材料;立体字与发光字

包装设计

包装的定义;包装的功能;包装的分类;包装纸张材质；包装后期工艺；包装刀模

画册设计

什么是画册；画册制作的流程；画册常规尺寸；画册纸张材质；画册后期工艺；画册装订；画册P数算法；精装画册特点；排版原则；画册字体应用；衬纸与扉页拉页的认识、印刷流程；PS印刷制版

活动物料设计

项目需求分析；喷绘类物料制作；写真类物料制作；印刷类物料制作；物料印刷输出

所处阶段

主讲内容

技术要点

学习目标

第六阶段：

电商设计

专业摄影

认识专业设计器材（镜头、光圈、三脚架）；熟悉器材的使用（快门、曝光）；产品拍摄环境搭建（布光、布景）

可掌握的核心能力：

（1）掌握电商设计规范与技巧；

（2）认识电商工作实景，了解店铺组织架构及各部门职责；

（3）掌握与设计相关的运营知识体系；

（4）店铺首页、详情、专题、移动端的具体设计技巧。

可解决的现实问题：

紧追时代潮流，深入学习电商广告创意设计，能够独立分析制作优秀的电商设计作品，毕业后可快速融入电商设计行业。

市场价值：

学完可从事电商设计工作，轻松做出电商设计效果图，达到企业用人需求；根据市场反馈数据看，薪资普遍在7500-14000元/月。

产品精修

产品精修范围；产品修图注意事项；产品精修中光的应用；不同材质修图技巧。

电商运营概念

电商运营思维；电商发展趋势；产品定位；

流量与转化

流量免费获取方式；流量付费获取方式，钻展审核流程，钻展直通车设计注意要点；转化率、跳失率、停留时间概念；运营工具与运营数据

活动策划

页面布局逻辑思维；消费者购买心理；活动策划时间把控；文案编写技巧

电商平台尺寸规范

淘宝、京东、天猫等不同第三方平台尺寸规范；首页、详情页、专题页、商品主题设计尺寸规范

店铺首页设计

店招设计技巧；头图设计技巧；优惠券设计技巧；爆款打造设计；商品列表设计；店铺底部设计；整体风格设计；统一性处理

店铺详情页设计

关联营销设计；详情页布局思维；详情页细节刻画；提高静默转化率技巧。

店铺专题页设计

专题特性（活动类、促销类、节日类）；专题设计技巧；专题布局方式

移动端店铺设计

移动端店铺设计尺寸；移动端店铺界面设计特点

高级创意合成

光影综合运用技巧，复杂透视运用技巧，高级调色与场景合成；视觉高级表现。

项目实战

根据已给的客户需求小组讨论具体设计方案，

定位产品特性、界面布局、设计风格；分组完成整体项目（店铺首页、详情页、商品主图、钻展位、专题页、移动端）

所处阶段

主讲内容

技术要点

学习目标

第七阶段：

C4D三维立体设计

软件介绍

C4D的应用范围；C4D功能介绍；C4D与Maya3DMax的区别；C4D在UI设计中的应用

可掌握的核心能力：

（1）C4D工具使用；

（2）C4D建模、渲染方式；

（3）C4D与AI、PS软件的结合使用；

（4）应用C4D打造炫酷三维电商头图。

可解决的现实问题：

应用C4D打造三维立体场景，做出炫酷的电商头图与3D文字。

市场价值：

随着电商设计行业对C4D应用需求的变大，懂C4D软件的设计人才比普通设计师更具竞争力。

根据市场反馈数据看，薪资普遍在8000-15000元/月。

基础操作

菜单栏；工具栏；视图窗口（认识三维空间）；对象/属性/层面板；选择工具；移动工具；缩放工具；平视工具；文件导出

C4D基础建模

几何体建模；对象（立方体—地貌）；样条线建模；样条线绘制；挤压/旋转/放样/扫描；酷炫流动线建模

灯光与材质

灯光类型（泛光灯、聚光灯、远光灯），布光方法（三点布光、双灯布光）材质类型（玻璃、木材、金属）颜色与纹理

渲染

渲染编辑器设置，keyshot渲染器

三维立体文字设计

创意草图绘制；AI提取轮廓线；C4D建模C4D渲染输出；PS修图合成排版设计

立体空间场景打造

C4D建模输出；keshot渲染；PS修图合成排版设计

所处阶段

主讲内容

技术要点

学习目标

第八阶段：

UI设计

UI概念

UI的概念，UI的分类，游戏UI简介，UI做什么，职能说明书

可掌握的核心能力：

（1）掌握精美UI图标的创意方法和技巧；

（2）掌握UI设计规范与应用；

（3）学会如何去把控一个整体设计项目及角色扮演；

（4）视觉效果打造提升，可进行复杂的视觉效果表现；

（5）培养学员抽象思维及逻辑思维，拥有设计项目实战能力；

（6）掌握超写实UI图标设计技巧；

（7）掌握Axure、xmind等软件绘制图；

（8）掌握一套APP从无到有的整套思维模式及设计技能；

（9）掌握UE交互设计师最基本的思维模式以及AXURE操作技能；

（10）掌握界面动效关于AE的操作技能。

可解决的现实问题：

可以将各类视觉技法应用到实际商业案例之中，让作品设计更加规范化，并且在合情合理的范围内达到视觉最佳化，学会分析用户习惯，了解UI未来发展趋势与应用范围；学员能够从战略角度分析一个互联网项目，盈利点、运营模式、产品原型、交互设计、用户体验、视觉表现等。

市场价值：

设计师提升之路，帮助学员在公司中学会按照标准化流程，视觉严格规范，分析各角色的特点，更专业的做UI设计，轻松应对UI工作。

根据市场反馈数据看，薪资普遍在8500-16000元/月。

图标设计

图标的概念，图标的特性，图标的分类（线性、扁平、微扁平、写实、超写实），图标的用途

图标抽象及绘制技法

像素图标应用场景与技法；金属质感技法；玻璃质感技法；塑料质感技法；木质质感技法

Axure

axure绘制低保真原型图；axure实现基础交互效果；交互细节说明

交互设计基础

UE的概念，UE在工作中的流程，UE和UI的区别，UE参与整个产品流程中的作用，用户调研，竞品分析，产品测试，用户反馈，

交互设计高级

认识文档（思维导图，产品需求文档，交互设计文档，市场需求文档，商业需求文档），制作原型图（原型图分类，交互手势，迭代修改，交互理论（电梯原则，格式塔原理，费茨定律，席克原则，7±2原则，泰思勒定律，防错原则，帕累托定律，尼尔森十大交互原则）

H5页面

H5概念，H5的用途，APP和H5的比较，判断H5

页面，H5分类，MAKA的应用

移动端项目实战APP

APP的概念，APP的重要性，APP过往及前景，APP的运行平台，APP的分类，APP的元素构成（入口图标，加载页，引导页，登录注册页面等），APP的视觉规范（安卓系统，IOS系统：

机型尺寸规范，字体规范，切图，标注

APP输出标准

机型尺寸规范，字体规范，iOS/安卓切图规范，标注规范，UI视觉规范文档

app高保真原型制作

APP高保真制作流程与规范

用户体验及项目迭代

用户体验概念；优秀体验的设计原则；不良体验优化；项目迭代体验设计。

网页设计规范

常规网页整体尺寸、版心尺寸，响应式网站尺寸，不同功能网站的尺寸规范。

PC端平台设计

以功能为核心的平台搭建，首页、列表、详情、登录、注册、个人中心等页面的统一性设计。

跨平台综合设计

同一项目下原生APP、WEBAPP、WEB端、其他终端界面风格的统一性、操行统一性处理，不同终端特性设计。

项目合作

根据已给的项目低保真原型图讨论小组项目需求，定位产品的目标、用户群体、特异性等及命名产品的名称和slogan，设计入口icon组合及界面风格稿，根据已确定风格稿制定UI项目规范，完成所有界面，切图与标注，制作效果页面及界面动效

所处阶段

主讲内容

技术要点

学习目标

第九阶段：

AE动效设计

Ae基础

Ae基本操作；Ae中素材导入方法；关键帧类型；关键帧的修改；变换属性的应用；父级；预合成；跟踪蒙版；变换应用

可掌握的核心能力：

（1）更深入的学习交互设计，包括项目流程和工作方法；

（2）掌握ae动画制作方法；

（3）学会使用ae软件展示自己作品的方法。

可解决的现实问题：

让UI设计作品更加生动形象真实感的展现在用户面前，对提升用户体验有很大帮助。

市场价值：

协助学员很好的做UI设计动画展示效果；根据市场反馈数据看，薪资普遍在9000-16000元/月。

Ae形状动画效果动画

预合成；轨道蒙版；AI路径导入AE；描边修整路径；路径开始结束动画；字符偏移；轨道蒙版；路径开始结束动画；AE绘制图形动画

Ae遮罩及路径动画

AE中图形动画；保持关键帧；图形动画综合；路径动画；遮罩动画；路径动画；遮罩动画；变换动画；效果与遮罩；遮罩动画；基础动画

交互动画流程及项目规范

cc仿真世界；Keylight；快速模糊及电波应用；边角固定；形状与变换动画综合；交互文档；整体项目制作

前端代码基础课程大纲

所处阶段

主讲内容

技术要点

学习目标

第十阶段：

前端代码基础

html基础

体验html；标题标记；段落标记；标签属性；网页基本结构；对比标记；图片标记；下级查找路径；上级查找路径

可掌握的核心能力：

（1）掌握html标签及语法；

（2）掌握css的语法；

（3）掌握seo搜索引擎优化技术；

（4）掌握兼容性调试；

（5）学习服务器、域名相关知识。

可解决的现实问题：

学生可独立写出符合w3c标准的网页布局代码和简洁实用的css样式代码，可以写出满足搜索引擎的页面，完成网页从实现到上线的整套流程。

市场价值：

完成此阶段课程，可以制作出符合标准的静态页面，为成为网页制作工程师打下了基础，根据市场反馈数据看，薪资普遍在6000-8000元/月。

列表及表单

无序列表；有序列表；自定义列表；超链接；表格基础；input标签；下拉框；表单页面

css基础

CSS语法；实体化三属性；显示模式及转换；文本修饰属性

css选择器

标签选择器；类选择器；id选择器；通配符选择器；复合选择器

css特性

层叠性；继承性；优先级

css引入方式

内嵌式；外链式；行内式；导入式

盒子模型

盒子模型组成；border和padding的不同方向设置；padding多属性写法；margin多属性写法；内边距撑大盒子问题；CSS初始化；外边距合并

浮动及常见布局

标准流；浮动属性；overflow属性；清除浮动；行内元素垂直内外边距

定位

相对定位；绝对定位；固定定位；定位的特性；z-index

css透明

opacity属性；rgba（）写法；应用CSS透明属性

css精灵技术

css精灵应用；css精灵图制作

网站上线

seo搜索引擎优化；服务器；域名；ftp详解

前端代码高级课程大纲

所处阶段

主讲内容

技术要点

学习目标

第十一阶段：

前端代码

高级

移动端

视口标签设置和默认大小；利用rem适配不同移动终端；圣杯布局；百分比布局；PC到移动的思维转换点

可掌握的核心能力：

（1）掌握时下最流行的h5c3技术；

（2）掌握响应式设计原理；

（3）掌握移动端的适配原则；

（4）掌握流行框架的使用。

可解决的现实问题：

（1）实现响应式网页的制作；

（2）实现微场景的制作；

（3）实现移动端app的制作。

市场价值：

适应市场需求，紧跟时代技术，完全满足市场对网页制作工程师的要求，再加上之前的设计功力，可以成为会代码的全能设计师，大大提升市场竞争力！

根据市场反馈数据看，薪资普遍在8000-15000元/月。

html5基础

html骨架；数据列表标签；新增的表单类型；audio标签；video视频标签；本地存储

css3选择器

css3属性选择器；结构伪类选择器；css3的常用伪类；伪类配合图标字体

css3属性

背景图尺寸；新增颜色模式；css3内减模式；css3过渡属性；css3位移属性；css3变形属性

效果展示及动画

写实图标展示；XY轴旋转；中心点；透视；动画延时；位移；图文交互；自定义动画；css3多组动画；逐帧动画

wow.js实现动画效果

wow.js；animate.css；个人网站动效添加

js基础

alert；prompt；函数；参数；变量；事件；js的书写位置

插件

插件的引入；superslide插件的使用；pageSwitch插件的使用；XX地图API

电商店铺装修

图片热区绘制及上传；店铺导航默认样式修改；代码突破店铺950px版心约束；店铺首页通栏Banner的制作及上传

Sketch软件基础&项目实战

所处阶段

主讲内容

技术要点

学习目标

第十二阶段：

Sketch软件

基础&

项目实战

Sketch软件基础

软件基本介绍；软件安装与汉化；初识软件界面；工具栏使用与自定义；插入基本形状绘制；形状的常规属性；样式属性及填充与描边；阴影内阴影模糊属性；画板的创建及放大与缩小；填充矩形圆形案例应用；图形基本编辑

可掌握的核心能力：

（1）掌握软件安装与基本图形绘制；

（2）熟练使用Sketch的高级属性绘制复杂图形；

（3）掌握Sketch的高级图形处理绘制复杂图形；

（4）熟练使用Sketch绘制流行MBE风格图标、线性图标；

（5）掌握APP界面绘制技巧；

（6）数量通过Sketch完成大型APP项目；

（7）掌握Sketch中的切图标注技法。

可解决的现实问题：

熟练应对企业中使用Skethc完成项目的需求

市场价值：

学完此阶段课程，可根据所学软件及项目实战经验完成APP项目设计，市场反馈数据看，薪资普遍在8000~15000元/月。

Sketch基础进阶（上）

布尔运算功能详解；布尔运算案例应用；图形蒙板及透明度蒙板；图形缩放旋转复制及剪刀；旋转复制案例综合应用；蒙板案例综合应用；矢量工具直线及曲线绘制方法；文字铅笔图片；文字工具案例应用；矢量工具案例应用

Sketch基础进阶（下）

切片工具及网格复制；综合案例-电话图标；创建网格案例应用；MBE风格-记事本&搜索图标；MBE风格实验&时间图标案例；MBE风格指南针相机设置天气案例；社交图标-支付宝微博案例；社交图标-QQ空间&QQ案例；社交类图标微信及朋友圈案例；智能家具APP案例（上）；智能家具APP界面完成

Sketch项目实战练习（金融类APP-上）

APP启动图标设计；APP推荐页草图；APP中心视觉完成；APP推荐页设计完成；APP理财页草图设计；APP理财页公告模块；APP理财页设计完成；资产页布局（上）；资产页布局（下）

Sketch项目实战练习（金融类APP-下）

资产内容效果完成；资产会员总资产模块；资产页面所有效果设计完成；更多页面草图设计完成；更多页面效果设计完成；注册页面效果设计完成；个人中心页面布局；个人中心设计完成；Sketch默认IOS及安卓切图方法；插件切图技法应用；控件标注插件

CorelDRAW软件基础&项目实战（赠送课程）

所处阶段

主讲内容

技术要点

学习目标

CorelDRAW软件基础

&项目实战

（免费赠送课程）

CorelDRAW软件基础

软件基本介绍；初识软件界面；多页面设置，工具栏使用与自定义；新建与保存文件；视图操作技巧：

选择工具；基本绘图工具应用；填色与描边；手绘系列工具；工具应用及操作技巧

可掌握的核心能力：

（1）掌握软件操作与基本图形绘制；

（2）熟练使用coreldraw的高级绘图功能进行设计表现；

（3）coreldraw与PS及其他设计软件的结合应用；

（4）掌握coreldraw完成平面设计的项目；

（5）条形码的生成与制作。

可解决的现实问题：

熟练应对企业中使用coreldraw完成项目的需求

市场价值：

学完此阶段课程，配合其他设计软件完成项目设计，使设计师能从容完成不同类型的设计文档。

CorelDRAW基础进阶（上）

造型系列工具应用；布尔运算基础；图形造型综合运用；组合与群组；图形变形系列工具；封套工具与渐变工具的应用；立体化工具应用

CorelDRAW基础进阶（中）

调和变形系列工具；传智学院印章案例；文字的类型及应用；吸管工具；图框精确裁剪；透明度工具；其他渐变填充工具；标注系列工具；智能填充

CorelDRAW基础进阶（下）

跨软件格式转换；PDF文件生成；条形码生成；视图显示；对齐对象；项目实战之名片设计；会员卡设计

CorelDRAW项目实战练习（易拉宝设计和三折页设计项目）

变换面板详解与12色相环绘制；对齐与分布；变换面板；易拉宝及X展架设计尺寸；三折页设计；跨页图片裁剪；作品存储及输出​