![](../img/lab-not-ok.png)
高级UI/UE交互设计培训
创意美术
美术素描设计 透视原理、设计素描、速写的原理及实践、投影、视图、灯光表现、写生等
美术色彩设计 配色原理、设计水粉、光和影的写实手法、色彩搭配、审美观念,在设计中的具体运用
手绘图标 二维剪影图标、三维写实图标手绘,手绘UI图标,掌握将创意思维转化为图形样式的能力
设计构成 点线面构成形式和表现技巧,色彩与视觉原理,色彩三要素等
阶段考核 完成描素、色彩图各一张,培养手绘技法,色彩配色能力,审美能力及美学在设计中的运用
GUI设计软件 Photoshop 学习图像处理软件的基础操作,掌握修图抠图、照片调色图像特效、尺寸裁剪等入门技巧
Illustrator 学习矢量图形软件的基础操作,掌握形状绘制、路径编辑、布尔运算、字符段落等入门技巧
PS高级 图像处理软件提高,掌握影楼级调色、海报创意、网页设计、仿真图标等高级技巧
AI高级 矢量图形软件提高,掌握字形设计、单页和折页版式、包装、扁平化图标等高级技巧
第二阶段(GUI视觉专项设计和元素设计)
GUI创意设计
元素设计 字体设计 1.由浅入深讲解字创意设计的常见技巧,分析当前广告业界主流广告中的字体设计特征
2.使学员了解字体装饰艺术的特点,掌握字体设计方法,能从字的义、形和结构特征出发
3.对矩形字和线型字的笔画和结构作合理的联想和变形,创意出美观形象的字体
电商DM设计 1.通过分析电商行业DM设计案例,了解如何高效快速地设计出符合电商需求的设计DM成品
2.掌握该领域内的设计要领包括促销标题、促销价格、主副标题及文案、产品定位的搭配等
3.培训设计技巧,设计出符合电商规范的DM作品,全程实例讲解并实战。
广告DM设计 1.通过剖析多行业DM设计案例,分析如何快速设计符合商业需求的单页和三折页
2.掌握DM设计要领包括版式结构布局、配色、主标题字设计和摆放位置、文字以及图片的搭配
3.设计出符合广告公司规范的DM。全程知名商业公司实例讲解与实战。
LOGO图形
创意设计 1.深入介绍标志设计四种形式,培养学员对标志实现的可行性上的分析能力
2.实例分析知名互联网企业LOGO的特点及设计手法,使学员掌握标志设计理念的艺术规律
3.掌握三种圆切规范图形绘制法,使学员的LOGO达到形式美的视觉效果
展示展架设计 1.了解展示行业的设计特点,熟悉易拉宝与X展架与喷绘的关系
2.全程知名商业公司易拉宝实例讲解,使学员快速掌握布局、版式和颜色搭配及输出
VI设计进阶 1.掌握标志设计的颜色应用以及了解标志设计拓展到VI设计规范中的方法,完成小型VI设计
2.实例讲解VI所关联的主要设计,比如名片、邀请函、手提袋、包装图案等
常见印刷工艺 分析当前常见的印刷工艺,使学员了解印刷流程并能在设计中运用印刷工艺,如烫金和UV
阶段考核 本阶段考核嵌入到软件结课当日,国家考试模拟题目训练和案例实操考核
三维元素设计 C4D美工 1.掌握C4D基础建模,灯光材质的多种设置以及终渲染输出成品
2.实战案例讲解在电商美工酷炫海报,使学员能够快速设计出不同风格的三维海报效果
3.深度讲解综合商业案例,使学员掌握场景、字体、特效、综合设计等技巧的运用
第三阶段(WUI与交互设计)
WEB界面设计 网页规范统筹 1.网页元素梳理,了解网页组成部分,如搜索框、导航、弹框、Banner等
2.网页元素规范的概念讲解,让理论为实训做铺垫
3.网页构图和排版技巧,能够对设计风格有一定的理论和欣赏基础
网页Banner速成 1.掌握Banner版面分割和版面布局,如矩形类、多边形类、圆形类等
2.掌握Banner配色技巧,解析色调气质和色相气质
3.Banner三大元素精讲,包括文案排版、产品精修和背景搭建
4.八套Banner解析配合五大实例速成,掌握各种不同类型和风格的Banner设计
WEB整站设计实训 必备知识法则 1.了解网站设计流程,定位网页设计的负责事项及项目的前后配合
2.网页知识体系梳理,从需求分析到栏目规划到用户体验
3.网页设计规范梳理,明确尺寸、文本、色调、间距等元素规范
初入企业站 1.了解企业站需求分析,用Xmind绘制流程图,用Axure绘制原型图
2.分析企业站布局七大风格,如对比型、封面型、T字行、国字型等
3.根据原型图,设计企业站首页和内页样稿
4.网页设计六大问题汇总,设计从细节做起,针对问题修改提升企业站样稿质量
走进电商风 1.了解商城站需求分析,用Xmind绘制流程图,用Axure绘制原型图
2.定位电商产品选图的风格,掌握电商选图的14个技巧
3.根据原型图,设计商城首页和频道页样稿
4.了解电商店铺装修新潮流,利用C4D做3D风电商店铺
5.清楚如何凸显文案及文案设计方式,掌握文案中的天龙“八部”
深入专题页 1.了解什么是专题页,激发专题设计灵感,解析细节排版奥妙
2.深入专题两大风格,通过多个主题选择设计扁平风和拟物风专题
3.掌握设计表现手法的13个技巧,并能在网页中灵活运用,如联想、悬念等
4.掌握构造空间层次的六个捷径,如透视、矛盾空间、折纸风等,提升网页品质
作品大包装 1.针对UI的分析清楚设计的方向,为未来就业准确定位
2.讲解作品包装的三个技巧,在设计作品的基础上用包装提升自我作品的档次
3.个人简历大总结,把个人信息用网页形式体现出来,让面试形式多样化
WEB前端HTML5/CSS3
布局与样式 HTML标签梳理 1.5分钟上手Hbuilder软件,对HTML5和CSS3有初步的了解和认识
2.掌握HTML5九大基本标签,包括标题、图像、音频、视频等
3.掌握HTML5智能表单基本标签和智能表单扩展标签
七组CSS基本样式 1.讲解CSS三大引用方式,包括行内样式、内部样式表和外部样式表
2.CSS七类样式详解,包括背景、文本、字体、链接、列表、表格、边框样式
CSS3炫酷特效 1.掌握CSS3四大“变形金刚”,旋转、扭曲、缩放和位移
2.CSS3过渡属性详解,通过过渡属性完成网页漂亮的交互效果
3.CSS3动画特效讲解,通过动画属性可以做多个状态交互的网页炫酷特效
选择器细解11大类 1.掌握CSS五类常用选择器,包括通用选择器、ID选择器、类选择器等
2.属性选择器详解,熟练使用属性值的筛选
3.三代关系选择器详解,包括子元素选择器、兄弟选择器、后代选择器
4.CSS3伪类选择器和伪元素选择器详解,可以多样化的自由选择网页元素对象
CSS布局四大技巧 1.掌握多列属性布局技巧,能够轻松完成报刊式排版
2.五句话吃透盒模型,清楚盒模型的计算和浏览器兼容性中的注意事项
3.左浮动和右浮动的设置以及如何清除浮动以达到父级自动扩高问题
4.掌握三种定位方式,绝对定位、相对定位和固定定位
响应式双法则 1.了解媒体查询的引用方式,包括内部样式表、外部样式表等
2.掌握媒体查询使用方法,了解关键词的使用技巧
3.了解根元素的字号适配,通过字号设置完成响应式页面
兼容性调试技巧 1.CSS优化减肥技巧,包括图片优化和代码优化,提升网页的加载速度
2.了解CSS优先级的计算,解决样式覆盖问题
3.掌握兼容性调试技巧,如何能够让代码兼容各大主流浏览器
项目实战提经验 1.熟悉PS切图技巧,如切片切图、选区切图等,以及网页项目的正规创建
2.页面布局规范讲解,从整体到局部的规划,先标签后样式的代码顺序等
3.完成三大项目实战,企业站,商城站和响应式页面,能够独立完成H5静态页面
第四阶段(MUI设计项目实训)
Icon
图标创意 二维图标设计 1.掌握二维剪影图标的样式分析、创作、综合设计技巧
2.常见的图标质感和流行风格,手机图标主题应用设计技法
UED
用户体验和交互设计 产品设计思维
点对点引导 1.激发学员产品设计思维,引导学员如何使用产品、理解产品的逻辑、发现产品的问题
2.使学员了解产品在研发初期直到上线的主要工作框架和设计过程。
思维导图设计 1.以当下主流APP为模型,分析产品功能和结构,使用Xmind设计思维导图
2.了解交互流程图对思维导图的重要性,使学员更深层次了解产品
3.学习流行的线上处理思维导图软件processon并快速上手
原型图设计 1.使用Axure熟练绘制产品原型图,并理解页面之间的层级关系与交互链接。
2.掌握竞品分析、交互产品评估、产品立项和需求挖掘的综合能力。
3.讲解墨刀的主要操作方法和技巧、交互设计特点
AE动效设计 分析当前常见的UI动效设计效果,解析其设计原理和目的以及如何在合理的场合下使用
MUI
移动端设计 iOS设计规范 1.掌握iOS13官方设计规范,包含字体规范、图标规范、适配原则、切图和标注规范
2.通过微信APP等产品的列表布局分析,使学员掌握列表设计的不同技巧布局方式
3.通过百度网盘APP等产品的宫格布局分析,使学员掌握宫格和卡片布局的多种形态设计
4.通过盒马鲜生APP等电商产品的版式布局分析,使学员掌握综合类首页布局的设计技巧
Android
设计规范 1.掌握Material Design设计规范,深入学习MD设计理念并熟悉设计风格
2.通过瑞幸咖啡APP市场背景需求分析,带领学员根据产品优缺点和定位进行改进设计
3.通过网易云音乐APP首页框架结构,带领学员根据产品优缺点和定位进行改进设计
插画视觉衍生 1.了解插画视觉在界面中的衍生,常见风格的插画,如噪点插画、2.5D等距插画
2.通过插画风格掌握如何设计闪屏、引导页,空白页和404出错页
人工智能与终端UI iPad/终端
可穿戴设备 1.学习iPad界面设计规范、掌握平板电脑的版式布局特点和交互逻辑
2.大屏移动终端的界面设计和逻辑,分析上海地铁购物机的常见布局和设计特点
3.讲解智能手表Apple Watch的三个设计特征:个体化、整体性、轻量级
CUI
汽车中控界面 解析特斯拉汽车中控界面的布局和交互,学会包含仪表盘、中控提示等智能化汽车界面设计
VUI
智能语音界面 解析微软公司未来愿景,了解未来人工智能对UI的影响,智能语音界面的设计特点和发展方向