教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

2021年UI/UE设计课程大纲

目前课程版本:6.0   升级时间:2020.11.11   查看详细

UI/UE设计课程设计理念

  •  

    商业美学为课程主线

    UI6.0课程体系,以“商业美学”为课程主线,以项目驱动教学,将主流设计知识以不同的项目进行浓缩,让学员不仅能学到当下流行的设计趋势,也能熟练应用主流设计软件,更能掌握大型设计项目的工作经验。设计师参与整个商业链条,为每个会影响用户体验的地方提供设计的可解决方案,最后即满足商业目标,又提升产品的用户体验和设计质量。

  •  

    软件全覆盖

    将主流设计软件全部制作成高质量的课程产品包,方便学员在学习与今后的工作中随时学习需要应用的设计软件,包括:Photoshop、Illustrator、After Effects、Adobe XD、axure、墨刀、xiaopiu、蓝湖、protopie、Indesign、sketch、CorelDraw、principle、Keyshot、figma、flinto

  •  

    懂产品的UI/UE设计师

    从宏观的产品角度出发,细化到设计师需要参与的每一个细节,学习完整套课程能熟悉包括:商业逻辑、用户调研、需求分析、交互原型绘制、设计稿输出、设计规范制定、切图与标注、动效制作、高保真交互、前端/后端代码编写、产品测试、产品更新迭代一整套产品全流程,并且学习到APP、小程序、数据可视化、B端平台、网页平台、专题设计、智能电视等各类UI设计项目。

  •  

    懂运营的视觉设计师

    从商业运营等角度出发,细化到设计师需要参与的每一个细节,学习完整套课程能熟悉商品从无到有的整个运营过程,包括产品/人群定位、流量获取、转化率提升、文案编写、策划方案、专题页设计、主页/详情页设计、商业摄影、主图设计、短视频拍摄、专题页设计、天猫/京东/拼多多等主流平台运营方式等等。

UI/UE设计基础班课程大纲

学习对象

0基础0经验的小白人员;想转型到设计行业或对此行业有浓厚兴趣的人员;在校大学生,希望充实自身技能,毕业后能顺利就业并有更强的市场竞争力;不满足目前工作现状,想要得到更好的发展空间。

注:获取更多免费学习视频+资料+笔记,请加QQ:2632311208。

上课方式

全日制脱产,每周5天上课, 上两天课休息一天的上课方式(实际培训时间可能因法定节假日等因素发生变化)

培训时间

部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询



UI/UE设计基础班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第一阶段:
PS软件基础
 PS基础工具


1.学习内容介绍;2.基础操作学习;3.图层面板;4.选区工具;5.变换工具;6.移动工具;7.物体对齐与分布

可掌握的核心能力:
(1)掌握PS软件的基础使用;
(2)掌握图形的绘制;
(3)学习设计中文字工具的使用;
(4)掌握图像抠图的技法;
(5)掌握图像调色的工具;
(6)掌握人像修图的技法;
(7)学习图层样式特效的添加方式;
(8)掌握图像的基本合成方法;

可解决的现实问题:
学员可以掌握ps软件的基本使用方法,并学会常见修图技巧、背景图设计。可以轻松完成各种图像的抠图、初级图像合成效果的制作、图形的绘制及简单图文版面排版工作,进而打造精美商业广告设计图

市场价值:
学习和掌握此知识阶段后,对快速进入设计行业打下坚实基础,对软件的基本功练习有很大的帮助并提高一定的美术功底和审美能力,根据所学做出优秀的设计作品,为后面的平面设计、电商设计及UI设计所需的画面感打下了坚实的基础。

课程重难点:
图像抠图、图层样式、文字排版、选区工具
 抠图工具


1.PNG格式认识;2.套索工具组;3.魔棒工具组;4.快速选择工具组;5.魔术橡皮擦;6.选择主体工具组;7.钢笔工具

 形状工具


1.形状工具使用;2.形状的布尔运算;3.形状基础造型学习;4.形状填充描边属性学习;5.剪切蒙版

 文字工具


1.文字工具使用;2.路径文字的添加;3.画笔工具;4.笔刷定义与使用

 调色命令


1.颜色模式认识;2.调整图层使用;3.色相饱和度工具;4.曲线色阶工具;5.色彩平衡工具;6.颜色查找工具;7.反向取色工具;8.Camera Raw工具

 蒙版&混合工具


1.蒙版使用操作;2.选区与蒙版配合操作;3.画笔编辑蒙版操作;4.蒙版编辑与移动;5.混合模式讲解(叠加、柔光、正片叠底、滤色、颜色)

 图层样式


1.混合颜色带使用;2.投影&内阴影;3.内发光&外发光;4.颜色叠加、渐变叠加、图案叠加;5.斜面与浮雕

 滤镜


1.智能滤镜;2.液化滤镜;3.镜头校正4.消失点工具;5.模糊&模糊画廊;6.锐化工具;7.扭曲工具;8.渲染工具;9.滤镜库

 通道抠图


1.通道认识;2.通道抠图操作;3.3D功能学习

 修复工具


1.污点修复画笔工具;2.仿制图章工具;3.商业磨皮技法;4.裁剪工具组;5.去水印技法;6.证件照排版;7.操控变形;


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

学习对象

有一定基础或基础薄弱,需要在现有基础上强化训练;希望快速进入到设计行业中,专业做设计;打算从事设计工作;

上课方式

全日制脱产,每周5天上课, 上两天课休息一天的上课方式(实际培训时间可能因法定节假日等因素发生变化)

培训时间

部分校区可能会根据实际情况有所调整,详情可询咨询老师   点击咨询

 

 
UI/UE设计就业班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第二阶段:AI软件基础 AI基础及绘图 1.illustrator操作界面认识;2.文件基本操作;3.选择工具组;4.基础图形工具组;5.吸管工具及图形填充与描边;6.直线工具组;7.对齐与分布;8.钢笔和铅笔工具组;9.画板工具; 可掌握的核心能力:
(1)认识矢量图;掌握新版本AI软件的基础操作和使用技巧
(2)钢笔系列工具组操作与技巧
(3)对象变换工具组操作与技巧;
(4)路径编辑与实例应用
(5)颜色与蒙版
(6)矢量插画设计与表现
(7)2.5场景设计与表现

可解决的现实问题:
熟练掌握文字编排技巧;熟练掌握矢量图标设计,掌握矢量插画设计及2.5场景设计

市场价值:
学完此阶段课程,能熟练操作新版本AI的新功能,掌握图形造型、插画绘制、三维效果等当下在设计行业中比较流行的技术,提高学员就业竞争力。同时为后期的高阶课程打下夯实的软件基础。

课程重难点:
AI的布尔运算/2.5D等三维设计/矢量插画设计/封套与混合/蒙版与复合路径等
对象编辑与颜色 1.旋转工具和镜像工具;2.比例缩放工具和自由变形工具;3.对象的锁定与解锁;4.颜色与渐变;5.画笔工具;6.路径查找器;
混合 封套与变换面板 1.渐变网格与封套扭曲;2.混合工具与选项;3.变形系列工具;4.路径编辑;5.变换面板;6.符号喷枪系列工具;7.橡皮擦工具组;
 文本编排与3D应用 1.文字工具与字符面板;2.蒙版应用;3.图片链接与嵌入;4.图像描摹;5.3D应用与案例;6.图层面板;
第三阶段:创意手绘 平面构成 1.课程介绍及意义;2.绘画的表现形式;3.平面构成点线面;4.点线面组合训练; 掌握的核心能力:
(1)认识绘画类型,掌握素描绘制技法;
(2)掌握手绘字体设计技巧,提高商用字体设计的认识;
(3)熟悉图标类型,绘制各类图标;
(4)掌握卡通表情及形象绘画技巧,结合PS与AI实现电子稿

可解决的现实问题:
熟练掌握各种设计相关的手绘技巧;熟练掌握手绘字体设计技巧,打造个性化字体;熟练掌握图标类型及图标绘制熟练掌握卡通形象绘制及应用;

市场价值:
学完此阶段课程,已具有较强的美术功底和审美能力,可快速提升学生综合设计能力,根据所学做出优秀的设计作品,如字体、图标、表情、商业插画、吉祥物、标志等设计;可满足平面设计的基本工作需求,根据市场反馈数据看,薪资普遍在4500-6000元/月。

课程重难点:平面构成在手绘中的运用/透视、光影与素描/手绘字体设计/手绘卡通形象设计
透视、光影与素描 1.光影原理;2.一点透视;3.两点透视;4.素描分类;5.素描关系;6.排线方式与技巧;7.光影三面五调;8.明暗素描绘画技巧;
手绘字体设计 1.手绘字体用途;2.造字准则;3.手绘字体造字法;4.字体组合;5.商用案例;6.优秀字体标准;
手绘套系图标
1.图标概念;2.图标类型;3.平面图标与扁平化图标区别;4.手绘套系图标;
手绘写实图标
1.手绘写实图标;2.画出写实ICON图标;3.手绘写实图标系列案例;
手绘表情 1.卡通表情延展性与应用方向;2.人脸比例;3.卡通脸型规律;4.五官绘画技巧;5.表情特征;6.手绘表情;7.表情绘制;
人物形象 1.人物形象风格分类;2.人物比例要素;3.人物绘画规律;4.人物绘制;5.手绘卡通人物系列案例;
卡通形象 1.卡通风格分类;2.卡通形象用途;3.卡通形象绘制;4.手绘卡通形象案例;
第四阶段:设计进阶 字体的属性与排版 1.字体设计的意义;2.字体的发展史;3.常用字体与字体属性;4.字体排版原则与技巧; 可掌握的核心能力:
1,学习文字属性并能正确选择使用字体;
2,学习文字造字方法并能绘制相关文字变形;
3,学习色彩属性并能对设计图进行色彩搭配;
4,学习版式设计;
5,学习构图方法;

可解决的现实问题:
学员可以掌握文字/色彩/版式/构图的基本使用方法,可以为设计图选择合适的字体,搭配合适的色彩,绘制主题相符的排版形式,进而打造精美商业广告设计图。

市场价值:
熟练掌握和学习后,对快速进入设计行业打下坚实基础,对商业设计的设计专业性提升有很大的帮助;可满足设计行业的初级需求,根据市场反馈数据看,薪资普遍在 3000-4000元/月。

课程重难点:字体的属性/造字方法/色彩的属性/排版/构图
字体变形与效果 1.造字准则;2.字体版式;3.造字方法;
色彩构成 1.色彩基本属性;2.色彩视觉效应;3.色彩心理学;4.配色技巧;5.配色误区;
版式设计 1.版式设计概述;2.版式设计-排版样式;3.版式设计-注意事项;4.黄金分割比例;5.常见构图方式;6.设计流行趋势;
第五阶段:平面设计 品牌LOGO设计 1.什么是LOGO;2.标志设计的意义;3.LOGO常用形式;4.LOGO创意方式;
5.LOGO的思路流程;6.LOGO元素提取;7.表现形式;8. LOGO设计的禁忌;
可掌握的核心能力:
(1)提高视觉设计的能力,加强商业广告设计的学习;
(2)掌握平面设计规范及印刷原理;
(3)户内外广告设计规范与技巧;
(4)对平面类设计工作流程及各种规范的掌握;
(5)分析项目及操作的独立能力培养;
(6)掌握logo及vi系统设计技巧。

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

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

课程重难点:品牌LOGO设计/户内外广告设计/画册设计/活动物料设计
名片设计与输出 1.名片分类;2.纸张材质;3.构成元素;4.名片规格与尺寸;5.名片印刷与工艺;6.隐藏字符;8.名片输出需注意的问题;
户内及户外广告 1.室内广告及室外广告形式种类分析;2.输出方式;3.材质分类;4.烤漆字、亚克力及发光字制作流程;5.实际案例制作;
 画册设计 1.什么是画册;2.画册制作的流程;3.画册常规尺寸;4.画册纸张材质;5.画册后期工艺;6.画册装订;7.画册P数算法;8.精装画册特点;9.排版原则;10.画册字体应用;11.衬纸与扉页拉页的认识、印刷流程;12.PS印刷制版;
活动物料设计 1.项目需求分析;2.喷绘类物料制作;3.写真类物料制作;4.印刷类物料制作;5.物料印刷输出;6.实战总结;
第六阶段:商业摄影 摄影理论 1.学习摄影的意义;2.单反相机介绍;3.曝光三要素:光圈、快门、感光度;4.对焦;5.认识测光标尺及常用参数;6.拍摄模式:手动模式、光圈优先、快门优先、手动模式;7.白平衡;8.构图;9.摄影布光;10.镜头分类;11.常用附件;12.电商产品拍摄要求;13.常见类目产品布光;14.网店商品照片特点; 可掌握的核心能力:
1、相机的分类
2、感光元件介绍
3、摄影三大要素
4、拍摄模式
5、镜头分类
6、机位选择
7、不同产品拍摄技巧。

可解决的现实问题:
1、能够熟练掌握单反相机的各种操作
2、会用专业引闪光灯拍摄
3、掌握常见布光方法
4、了解不同材质的拍摄技巧及布光
5、能够胜任常见类目产品拍摄

市场价值:
作为一个设计师,懂摄影已经成为了必备技能
找工作的时候会摄影的设计师明显更具有优势,且薪资会更高。
通常不会摄影的初级设计师薪资再8000左右,而会摄影会增加两千左右的薪资,通常会达到1万以上。
商品拍摄能力是视觉营销设计者的必备能力之一

课程重难点:曝光三要素/白平衡/布光/构图
摄影实训 1.引闪灯、常亮灯及拍摄箱的用法及场景搭建;2.熟悉相机;3.学员正式开始实训拍摄;
第七阶段:电商设计 认识电商与产品修图 1.认识电商;2.工作环境和职责;3.电商分类;4.为什么要产品修图;5.产品普修流程与方法;6.服装普修;7.人物修图; 可掌握的核心能力:
1,常规性产品修图;
2,产品精修;
3,钻展/直通车设计;
4,关联营销设计;
5,学习PC端首页设计及装修;
6,学习PC端首页转成移动端首页设计;
7,学习移动端设计及装修;
8,学习创意合成设计。

可解决的现实问题:
学员可以掌握电商设计的使用方法,并学会推广与引流、提升与转换、常规修图、人像精修、产品精修、钻展与直通车设计、关联营销设计、常规性首页设计、详情页设计、专题页设计、移动端设计、移动端店铺装修、PC端店铺装修、视觉创意合成。

市场价值:
熟练掌握和学习后,可直接进入企业及外包公司从事电商设计师/视觉设计师/运营设计师等岗位

课程重难点:产品精修/营销设计/常规性首页设计/详情页设计/专题页设计/PC端转移动端设计/PC端首页装修/移动端设计/移动端页面装修/创意合成设计
图像的基础合成 1.为什么要学习产品精修;2.产品精修结构绘制;3.产品精修材质分析与绘制;4.产品精修光影分析与绘制;5.产品精修总结;
 营销设计与推广引流 1.买家习惯与流量入口;2.平台流量类型;3.流量的获取方式;4.营销推广的构成要素;5.营销推广的核心任务;6.CPM计费推广-钻展;7.CPC计旨推广-直通车;8.直通车分析及设计;9.钻展设计;
营销设计与提升转换 1.提高转化率方法;2.流量与转化率、客单价关系;3.如何提升客单价;4.认识关联营销;5.单品营销型关联设计;6.店铺营销型关联设计;7.营销视觉的特点;8.关联营销情景海报制作;
常规型首页设计 1.店铺的分类;2.主流平台尺寸规范;3.电商首页构成元素;4.店铺设计工作流程;5.店招+导航设计;6.首屏海报设计;7.优惠券区设计;8.促销区设计;9.分类区设计;
10.热销爆款区设计;11.店家精选区设计;12.推销区设计;13.品质好货区设计;14.尾部设计;
详情页设计 1.详情页概述;2.详情页设计前思路;3.详情页结构布局;4.详情页设计要点;5.详情页情景大图设计;6.详情页版块2-4设计;7.详情页版块5-14设计;
专题活动策划与设计 1.电商活动策划的作用;2.活动框架及视觉风格;3.活动设计的流程及特点;4.背景与氛围打造;5.活动型专题业主视觉大图设计;6.优惠券区设计;7.特惠区设计;8.爆款区设计;9.单品区设计;10.页尾区设计;
PC端专题活动页转移动端设计 1.PC端专题活动页转移动端设计;2.阿里平台移动端店铺首页装修;3.移动端店铺首页装修案例;
电商店铺活动型专题页首面手绘风格设计 1.店招设计;2.导航设计;3.优惠券区设计;4.特惠区设计;5.爆款区设计;6.单品区设计;7.套装区设计;8.页尾设计;9.阿里平台PC端店铺首页装修;
移动端首页设计 1.移动端首页设计;2.移动端首页设计案例;
视觉创意合成设计 1.视觉创意合成海报设计目的;2.视觉创意合成海报分析法;3.视觉创意合成海报表现类型;4.创意合成需具备的能力;5.九宫格场景法应用;6.场景构成;7.视觉合成构图;8.视觉焦点打造;9.创意合成设计要点;10.创意合成设计案例;
第八阶段:C4D三维设计 C4D认识与基础操作 1.认识C4D及三维软件;2.C4D应用范围;3.C4D软件启动;4.C4D使用前设置5. 恢复出厂设置及界面复位、保存;6.文件新建、保存及切换;7.视图操作;8.三维空间认识;9.移动、缩放、旋转工具使用;10.复制及选择工具应用;11.对象属性面板使用;12.基本造型认识;13.三维软件设计流程;14.命令父子级创建方法; 可掌握的核心能力:
(1)认识三维制作流程,掌握三维场景创建;
(2)掌握C4D曲面建模;
(3)熟悉使用C4D进行多边形建模;
(4)掌握C4D材质打光及渲染技法,实现创意场景的制作渲染。

可解决的现实问题:
熟练掌握三维曲面及多边形建模技巧;熟练掌握贴图技法,搭建立体字及立体场景;熟练调节材质;掌握打光渲染的技法,可独立搭建创意场景并渲染输出。

市场价值:
学完此阶段课程,能具备曲面建模及多边形建模的能力,可快速提升学生综合设计能力,根据所学做出优秀的设计作品,如立体字、立体海报、电商专题海报、UI引导页等设计;可满足平面设计的基本工作需求,根据市场反馈数据看,薪资普遍在6000-12000元/月。

课程重难点:C4D曲面建模/多边形建模/材质与贴图/打光与渲染
曲面建模 1.认识曲面建模与扫描;2.C4D基础样条认识;3.扫描细节与封顶属性;4.钢笔工具组使用;5.钢笔工具组使用;6.样条右击菜单命令;7.挤压原理及属性;8.文字挤压;9.AI路径导入C4D;10.样条布尔运算;11.样条布尔应用;12.旋转命令;13.放样命令;14.贝赛尔使用;
多边形建模 1.曲面建模与多边形建模区别;2.转换为可编辑多边形;3.多边形建模_点边面层级;4.挤压与内部挤压命令;5.循环与线性切割;6.多边形建模其他命令;7.选集认识;8.造型工具组_阵列;9.造型工具组_布尔与对称;10.造型工具组_融球、连接、样条布尔;11.造型工具组_减免、实例;12.基础选择工具使用;13.选择菜单常用命令使用;14.什么是卡通形象IP;15.卡通形象IP建模;16. 贴图载入;17.贴图投射;18.文件打包;19.模型预置安装;
渲染_材质与天空 1.变形工具组_扭曲;2.扭曲添加分段方法;3.变形工具组其他命令;4.变形工具组_样条约束;5.渲染背景打造;6.摄像机创建与焦距调节;7.GI与AO认识;8.天空认识;9.HDR贴图使用;10.HDR贴图调节与物理天空认识;11.材质调节;12.金属材质调节;13.肌理材质调节;14.材质预置使用;15.Alpha输出;16.对象缓存通道输出;
渲染布光 1.灯光作用及特点;2.灯光属性_颜色强度与投影;3.灯光衰减;4.灯光类型;5.天空+HDR布光;6.两点布光法+天空HDR;7.三点布光+天空HDR;8. 氛围光及灯光使用比例;9.合成标签与渲染;
渲染与后期 1.反光板作用与台球场景制作;2.反光板添加与调节;3.反光板羽化与可见性控制;4.分层渲染;5.白模渲染;6. 线框渲染;7.克隆命令使用;;8. 随机效果器
电商实战案例 1.电商项目分析;2.主场景建模;3.优惠券框建模;4.产品框建模;5.返回顶部框建模;6.布料模拟;7.Banner分层渲染;8.Banner合成;9.产品框渲染;10.店铺PS后期合成 ;11.动力学认识;12.轨道建模;13. 抽象树建模;
第九阶段:UI设计 UI基础概念和图标 1.UI的概念;2.图标的概念;3.图标的绘制要点;4.UI设计师所使用的基本软件工具; 可掌握的核心能力:
1,了解UI概念
2,掌握图标ICON的设计要素
3,掌握UE交互理论
4,了解产品开发流程
5,掌握项目开发中UI的工作流程
6,了解H5概念
7,分辨H5和APP的区别
8,掌握制作H5项目
9,掌握制作APP项目
10,了解小程序概念
11,了解小程序和APP之间的区别
12,学会使用XD软件
13,学会使用墨刀软件
14,掌握制作小程序项目
15,学会使用蓝湖软件

可解决的现实问题:
通过学习整个系统的UI课程参与设计完成H5、小程序、APP等项目,可在就职方向不仅满足当下流行的UI设计师做好充分准备,也能在UE设计师的岗位上有所选择。

市场价值:
UI设计师一直是市场上不可或缺的职位,随着各种不同形态产品的引入,对UI设计师的需求及要求也是越来越高,能同时掌握UI/UE的职业设计师在市面上也是供不应求。

课程重难点:UE理论知识、APP产品设计及研发流程、小程序设计及研发流程
微扁平图标 1.图标的作用;2.图标的分类;3.图标的视觉大小统一性;
H5基本概念 1.H5的概念;2.H5和APP的比较;3.H5的风格分类;
 H5界面设计 1.利用PS制作H5页面;2.使用MAKA制作简易H5;
 UE基本概念和理论 1.UE基本概念;2.UI和UE的区别;3.UE的基本原则;4.尼尔森交互十大原则;5.Axure的基本操作;6.常用制作原型软件;
墨刀基本概念及操作 1.墨刀的基本概念;2.墨刀的基本操作;
墨刀操作项目原型 1.墨刀绘制项目低保真原型;2.墨刀实操原型交互功能;
XD的基本操作 1.XD的基本概念;2.分析“修身”小程序项目原型;
小程序基本概念和修身项目页面设计 1.小程序项目“修身”分析定位;2.小程序项目“修身”准备工作;3.小程序项目“修身”启动图标等设计工作;4.小程序项目“修身”界面设计;
 APP流程和概念 1.UI项目研发流程;2.UI项目研发中的设计流程
APP规范和畅购logo 1.UIAPP项目“畅购”分析;2.UIAPP项目设计
畅购APP页面设计、输出及蓝湖 1.UIAPP项目设计;2.UIAPP项目设计输出;3.UIAPP项目设计与蓝湖对接;4.蓝湖软件的应用;
第十阶段:网页设计 网页设计规范及平台型网站首页设计 1.网站的概念;2.网页设计的分类;3.网页设计原则;4.网页设计尺寸规范;5.网页字体元素规范;6.网页常见布局形式;7.网页板块设计;8.分析需求、项目原型;9.酒店平台网页基础板块搭建;10.栅格化工具的介绍;11.运用栅格化调整基础板块;12.头部板块设计(LOGO\导航、其他元素);13.BANNER设计;14.内容区设计;15.网页底部设计; 可掌握的核心能力:
1,掌握网站的分类(功能型,信息型,形象型,个性型);
2,掌握网页设计的原则及视觉规范(首屏的重要性,字体规范,颜色规范,常见布局形式);
3,掌握如何对版面进行栅格化;
4,学习网页中图文的排版技巧(亲密、对齐、重要、对比);
5,掌握网页中导航、BANNER、内容区、底部等板块的设计方法;
6,学习功能型网站首页、列表页、详情页等页面的设计表现;
7,掌握响应式网站的设计规范及设计方法;
8,学习合成海报的设计流程及设计手法;
9,HTML5响应式网站的表现形式;
10,掌握如何对设计稿进行切图和标注。

可解决的现实问题:
学员可以掌握设计PC端的网页和移动端的区别,清楚设计的要点,能完成从需求分析,到原型,设计、切图标注的全流程,能根据不同的需求制作出不同风格的网站首页及内容页。

市场价值:
掌握了网页设计,对于B端后台的设计、电商设计、移动端的设计等都有很大的帮助,市场上有专门的网页设计师岗位,可以为企业设计相关的品牌官网、营销宣传页面等等,岗位的需求量大。

课程重难点:首屏的设计、栅格化布局、文字、图片排版技巧、不同类型网站的风格表现(功能型、H5响应式网站)
 列表页、详情页设计 1.列表页的排版方式;2.详情页的栏目划分及排版。
内容栏目页的设计 1.BANNER的排版技巧;2.内容板块的划分;3.网页中交互表现;4.切图和标注工具的介绍;
HTML5响应式网站 1.认识HTML5响应式网站;2.清楚响应式网站的原理;3.合成海报的设计;4.立体文字质感的处理;5.栏目板块的排版;
第十一阶段:B端后台及大屏数据可视化  B端后台设计规范 1.网站的概念;2.认识B端;3.B端后台的常见分类;4.B端后台的设计流程;5.布局/颜色/字体设计规范;6.图标/按钮/导航/表单设计规范;7.弹框/表格/卡片/缺省页设计规范;8.设计组件的重要性;9.项目需求分析;10.版面整体框架的搭建;11.导航的设计;12.栅格化的运用;13.页面中各板块的设计;14.柱状图、曲线图、环状图等图表的绘制; 可掌握的核心能力:
1,认识B端及B端后台的常见分类;
2,掌握B端后台的设计流程;
3,掌握B端后台设计规范;
4,学习B端后台版面的排版技巧;
5,掌握常见图表的绘制方法(饼状图、柱状图、曲线图等);
6,学习B端后台的配色方法;
7,运用栅格化对后台进行布局;
8,插画在后台页面中的运用(掌握噪点插图的绘制方法);
9,大屏数据可视化的设计流程;
10,图表的设计规范;
11,立体地图的绘制;
12,仪表盘的绘制方法。

可解决的现实问题:
通过学习掌握B端及大屏数据可视化的设计流程及设计方法,可以让我们在就业时多一个职业上的选择,B端设计师,大屏数据可视化设计师等等。

市场价值:
B端设计是近年的探讨一大热点,也是互联网设计探索的新方向。市场上对于B端设计师的需求量大,行业前景较好,且薪资普遍较高。

课程重难点:版面设计框架的确定、噪点插图的绘制方法、各种图表的绘制方法、版面的整体配色及风格表现
B端后台界面设计 1.页面的配色方法;2.B端页面设计流程;3.B端后台界面设计;
大屏数据可视化理论知识 1.插画小场景的绘制;2.登录页的设计表现;3.大屏数据可视化设计流程;4.图表的分类介绍;5.常见图表的制作规范;6.大屏可视化设计制作规范(布局/文字/颜色/动效)
大屏数据可视化案例演示 1.大屏可视化栅格化布局;2.页面中各种图表的设计;3.信息的层级划分;4.页面的配色方法;5.整体细节调整技巧;
第十二阶段:AE动效 AE基础与变换动画 1.AE 软件界面 ;2.动效制作流程与落地;3.导入与选项详解与使用技巧;4.渲染输出及格式讲解;5.新建合成选项详解;6.素材调取与使用;7.常用工具讲解(选取  锚点工具  视图缩放等);8.时间轴讲解——指示器及时间轴按钮操控 ;9.时间轴与关键帧 ;10.初识位置  旋转  缩放  不透明度动画属性;11.综合案例; 可掌握的核心能力:
(1)更深入的学习交互设计,包括项目流程和工作方法;
(2)掌握ae动画制作方法;
(3)学会使用ae软件展示自己作品的方法。

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

市场价值:
协助学员很好的做UI设计动画展示效果。

课程重难点:变换动画、高级变换动画、路径动画、蒙版动画、效果动画与表达式动画
高级变换动画与路径动画 1.柔缓曲线动画(渐入渐出  图形编辑器);2.辅助线及其他辅助功能;3.重复复制;4.形状工具;5.钢笔工具;6.父级动画;7.固态层建立与使用;8.配合其他软件获取路径流程及技巧;9.路径偏移;10.拆分图层;11.路径动画;
 形状文字及蒙版动画 1.预合成;2.文字工具;3.字符偏移与编号;4.文字动画;5.形状动画;6.高级图形动画;
效果动画与表达式动画 1.效果与预设动画;2.蒙版动画 轨道蒙版动画;3.表达式控制;4.抖动表达式;5.抖动动画案例;6.随机动画案例;7.动画输出与格式转换;
UI整体动效落地实战 1.动效设计流程;2.动效设计原则:有效一致,调性一致,愉悦用户;3.交互意义,要有原型,了解程序开发;
第十三阶段:PR后期 PR软件界面基础操作 1.初识Premiere;2.PR新建项目、新建团队项目;3.PR打开项目;4.认识PR操作界面;5.使用PR导入文件;6.PR工具栏的使用方法;7.初识PR时间轴面板; 可掌握的核心能力:
(1)掌握PR软件界面基本操作;
(2)掌握PR时间轴面板及其基本功能;
(3)掌握PR中关键帧的使用;
(4)学习PR中变速,并能够完成视频变速编辑;
(5)掌握如何使用PR改变视频播放速度,快进慢放;
(6)学习使用PR将编辑后视频导出;
(7)掌握PR中调整图层-滤镜功能,对视频进行相应效果调整;
(8)学习使用PR中字幕效果设计并能制作视频效果;
9)学习PR中字幕工具进行视频中文字编辑;
(10)能够使用PR进行各种效果的转场设计;
(11)了解短视频拍摄步骤以及拍摄分类;

可解决的现实问题:
PR软件提供了采集/剪辑/调色/美化音频/字幕添加/输出以及DVD刻录一整套流程。通过学习软件的操作,基本在剪辑视频中想要完成的各种效果都能通过PR来实现,并且可以高质量的导出,导出的视频也不会带有软件水印。

市场价值:
随着自媒体、短视频的不断兴起。使用PR对视频进行后期剪辑已经被越来越多的个人及公司所重视,越来越多的招聘岗位中任职要求也明确会用PR者优先录取或者要求候选人拥有相应技能,

课程重难点:PR时间轴使用/PR中关键帧的使用/PR将编辑后视频导出/PR中调整图层-滤镜功能/PR中字幕效果设计/PR转场设计
PR后期剪辑操作 1.详细了解PR时间轴面板及其基本功能;2.改变视频播放速度,快进慢放;3.效果控件基础属性;4.不透明度和混合选项;5.PR中关键帧的使用;6.PR中的变速;7.PR中音频轨道;8.PR编辑后视频导出;9.PR中调整图层-滤镜功能;10.PR中字幕工具的使用;11.PR中字幕效果设计;12.天空替换转场;13.文字遮罩开场;14.亮度键转场;15.水墨转场效果;16.PR中遮罩转场;17.短视频拍摄步骤;18.拍摄分类-叙事逻辑;19.拍摄分类-散文逻辑;20.拍摄脚本;
Sketch软件基础&项目实战(赠送)
所处阶段 主讲内容 技术要点 学习目标
赠送课程:Sketch软件基础&项目实战 Sketch软件基础 1、sketch工具的使用;2、sketch属性检查器;3、sketch软件中布尔运算的使用; 可掌握的核心能力:
(1)掌握软件基本图形绘制
(2)熟练使用Sketch的高级属性绘制复杂图形
(3)掌握Sketch的高级图形处理绘制复杂图形
(4)熟练使用Sketch进行引导页设计
(5)掌握APP界面绘制技巧
(6)通过Sketch完成大型APP项目设计
(7)掌握Sketch中的切图标注技法
(8)sketch项目与开发对接方式

可解决的现实问题:
熟练应对企业中使用Skethc完成项目的需求

市场价值:
学习和掌握此知识阶段后,对快速进入UI设计行业打下坚实基础,学员可根据所学软件及项目实战经验完成APP项目设计。

课程重难点:
sketch软件中组件symbol使用、sketch软件中布尔运算的使用、样式叠加、插件切图技法应用
Sketch项目实战练习(APP引导页设计) 1、使用sketch软件设计引导页;2、图形透明混合模式;3、样式叠加;
Sketch项目实战练习(在线译文APP) 1、使用sketch软件设计APP注意要点;2、sketch软件中组件symbol使用;3、sketch软件中蒙版的使用;4、sketch默认ios及安卓切图方法;5、插件切图技法应用;6、sketch项目与开发对接方式;
软件课程Adobe XD大纲(赠送)
所处阶段 主讲内容 技术要点 学习目标
赠送课程:XD软件基础与应用 Adobe XD的基础界面认识 1.软件介绍;2.面板介绍;3.新建文档; 可掌握的核心能力:
1.利用XD制作UI界面
2.重复网格的使用
3.插件内置的高效性
4.设计与原型同时进行

可解决的现实问题:
学员通过学习XD可比PS制作界面更为高效、专业、准确,在UI行业里是必不可少的设计软件。

市场价值:
对于掌握PS、AI的学员来说,学习XD更是事半功倍,UI中的很多元素、画面需要PS和AI的协助,adobe间的兼容性让UI更加效率。

课程重难点:
1.重复网格
2.资源面板
3.插件面板
4.原型面板
XD的设计面板 1.页面基本操作;2.工具介绍;3.重复网格;4.资源面板;5.图层面板;6.插件面板;
XD的原型面板 1.原型面板介绍;2.交互线条;3.触发、动作与动画;4.缓动与持续时间;
软件课程protopie大纲(赠送)
所处阶段 所讲内容 技术要点 学习目标
赠送课程:protopie软件基础与应用 protopie功能应用 1.针对PS/SKETCH/XD输出的界面制高保真交互;2.专业高保真交互动效软件;3.迭代及展示; 可掌握的核心能力:
1.制作好的高保真原型模拟交互
2.逼真展示界面交互


可解决的现实问题:
正常产品组在研发产品时,只需做到界面效果图即可,但protopie可让你的产品页面交互动效起来,让组内其他非技术成员更直观的参与到这个项目中。


市场价值:
几乎高保真都需要做高保真交互,直观逼真的界面才能迭代出更好的产品。


课程重难点:
1.protopie逻辑
2.界面栏目
3.制作交互
protopie操作界面 1.导航栏;2.图层栏;3.元素栏;4.参数栏;5.动作栏;
protopie输出 1.预览窗;2.演示;3.导出;4.分享;
软件课程 Flinto大纲(赠送)
所处阶段 主讲内容 技术要点 学习目标
赠送课程:Flinto软件基础与应用 Flinto初体验 1.Flinto概述;2.界面介绍;3.基本操作;4.Zole App原型启动动效制作;4.预览与分享mov与GIF的输出; 可掌握的核心能力:
(1)掌握flinto的基础
(2)掌握滚动组动画
(3)掌握屏幕转场动画
(4)掌握切换转场动画
(5)掌握无缝转场动画
(6)掌握遮罩弹层动画
(7)掌握转场变色动画
(8)掌握切换开关动画
(9)掌握星级评分动画
(10)掌握按下弹起动画
(11)掌握滚动弹性动画
(12)掌握声音与GIF加载动画
(13)掌握3D Touch动画

可解决的现实问题:
学员可以掌握Flinto软件的基本使用方法,并学会常见的交互原型制作、转场动画制作、微交互动效制作等。可以轻松完成工作项目中的各类交互的制作。

市场价值:
学习和掌握flinto后,对做好交互设计打下了坚实的基础,确保你设计的交互方式和过程能够有效且可靠的帮助用户完成特定任务,并落实到上线发布,确保产品具有使用价值。

课程重难点:
无缝转场动画、滚动弹性动画、转场变色动画、屏幕转场动画
过渡转场动画 1.创建链接与手势;2.滚动组动画;3.屏幕转场动画;4.切换转场动画;5.无缝转场动画;6.遮罩弹层动画;7.转场变色动画;
行为设计器动画 1.切换开关动画;2.星级评分动画;3.按下弹起动画;4.滚动弹性动画;5.声音与GIF加载动画;6.3D Touch动画;
软件课程墨刀大纲(赠送)
所处阶段 所讲内容 技术要点 学习目标
赠送课程:墨刀软件基础与应用 墨刀的基础界面认识 1.软件介绍;2.面板介绍;3.新建文档; 可掌握的核心能力:
1.利用墨刀制作低保真原型
2.利用墨刀制作原型交互


可解决的现实问题:
学员通过学习墨刀,可以和AXURE进行横向比较,更易于上手且在国内更广为流传,解决了作为UI设计师的上游问题。


市场价值:
不论你之前学过axure没有,学习墨刀,在择业UI或UE之间,都是锦上添花的一个软件,让你在交互方面更加突出和有价值。


课程重难点:
1.动态组件
2.素材广场的应用
3.非页面跳转交互
墨刀的编辑页面 1.导航栏;2.工具栏;3.元件栏;4.素材广场;5.窗口区域;
墨刀的原型操作 1.页面跳转;2.非页面跳转交互;3.动态组件;4.墨刀制作低保真;5.banner交互;6.定时弹窗;7.下来菜单;8.局部滚动;
软件课程蓝湖大纲
所处阶段 所讲内容 技术要点 学习目标
赠送课程:蓝湖软件基础与应用 蓝湖逻辑 1.蓝湖的功能;2.专业针对产品研发的协同工具;3.插件为上传运输工具;4.操作页面为web端;5.蓝湖逻辑全拟真产品组开发逻辑; 可掌握的核心能力:
1.高效切图与标注
2.产品组高效对接工作


可解决的现实问题:
正常产品组在研发产品时,并无法时时刻刻召集成员开项目会议,蓝湖在线上帮大家解决了这一难题。不仅能云聚拢,且更高效。


市场价值:
大大降低产品组中的沟通成本,提高执行效率,成员之间的沟通随时且高效。


课程重难点:
1.蓝湖逻辑
2.制作交互
3.切图
蓝湖主页面 1.团队-成员-项目;2.线条与卡片;3.同一页面的不同状态;
蓝湖操作界面 1.制作简易原型;2.标注(成员所指所得);3.切图(XD中标记部分);4.打点;5.记录历史版本;
软件课程Adobe Indesign大纲(赠送)
所处阶段 所讲内容 技术要点 学习目标
赠送课程:Indesign软件基础与应用 Indesign的基础界面认识 1.面板介绍;2.页面设置;3.版面结构;4.新建文档; 可掌握的核心能力:
1.ID的面板认识
2.ID各个工具的使用
3.剪切模板和混合模式的使用
4.短文本页面的设计
5.长段落内页的编排
6.使用母版进行页面的复用性编排
7.高效设计页面的页码


可解决的现实问题:
学员通过学习可实现在版式编排,纸媒(报纸、书刊、杂志等)、折页、海报等载体上进行设计的能力。


市场价值:
对于掌握PS、AI的学员来说,学习ID更是事半功倍,做出更优秀的版式平面作品。并且在互联网自媒体时代,仍旧需要版式出众的设计能力。


课程重难点:
1.剪切蒙版
2.嵌套样式
3.目录设置
4.主页应用
Indesign的基本操作 1.页面基本操作;2.基础形状;3.钢笔工具;4.符合路径;5.路径查找器;6.文本工具;
Indesign的复合操作 1.对象管理;2.颜色与色板;3.链接面板;4.剪切路径;5.混合模式;6.效果设置;7.目录;8.页面工具;9.主页应用;10.主页覆盖;11.页码设置;
软件课程CorelDRAW大纲(赠送)
所处阶段 主讲内容 技术要点 学习目标
CorelDRAW软件基础&实战 CorelDRAW基础工具
1.认识CorelDRAW;2.CorelDRAW工作界面;3.文档的基本操作;4.选择对象及视图显示 ;5.对象的操作;6.矩形工具;7.填充与轮廓;8.对象的顺序;9.椭圆形工具和多边形工具 ;10.绘制直线及曲线 ;11.微调与镜像;12.对齐与分布;13.再制与克隆; 14.贝赛尔工具;15.钢笔工具及常用辅助工具;
可掌握的核心能力:
(1)掌握软件操作与基本图形绘制;
(2)熟练使用coreldraw的高级绘图功能进行设计表现
(3)掌握文本的排版方法与技巧
(4)掌握图形图像的效果制作
(5)掌握制作LOGO的技法
(6)掌握制作画册的方法与效果图制作
(7)掌握制作海报的方法与效果图制作
(8)掌握制作包装的方法与效果图制作

可解决的现实问题:
熟练应对企业中使用coreldraw完成项目的需求,包装能设计日常工作中的LOGO设计,海报设计,画册设计,包装设计等

市场价值:
学完此阶段课程,配合其他设计软件完成项目设计,使设计师能从容完成不同类型的设计文档。
CorelDRAW基础进阶
1.颜色的使用方法;2.网状填充;3.艺术笔工具组;4.常见的形状及连接器;5.度量工具组; 6.对象的变换操作;7.形状编辑工具组; 8.切分与擦除工具;9.
对象的造型; 10.表格的制作;11.图框精确剪裁;
CorelDRAW文本操作及效果
1.合并与拆分;2.文字的创建与编辑; 3.文本段落格式的设置;4.对象样式及文本内容的编辑;5.透明度工具及阴影工具;6.轮廓图工具; 7.图形的混合;8.封套工具;9.其它效果工具;10.位图的编辑;
CorelDRAW项目实战:LOGO及画册设计
1.VI的概念;2.LOGO设计;3.VI应用设计;4.画册需求分析;5.画册封面封底设计;6.画册扉页及目录设计;7.画册内页设计;
CorelDRAW项目实战:招贴海报及包装设计
1.招贴海报需求分析;2.招贴海报背景绘制;3.招贴海报主体绘制;4.招贴海报字体设计; 5.招贴海报底部绘制;6.招贴海报氛围元素绘制;7.招贴海报展示效果图设计;8.包装设计概念;9.包装设计手提袋设计; 10.包装设计中包装设计;11.包装设计个包装设计;12.包装设计展示立体效果图设计;
软件课程Flash大纲(赠送)
所处阶段 主讲内容 技术要点 学习目标
赠送课程:Flash软件基础 Flash软件基础 1、Flash基本操作;2、元件的认识;3、传统补间;4、形状补间;5、理解元件; 可掌握的核心能力:
(1)掌握补间动画的设计
(2)掌握引导动画的设计
(3)掌握遮罩动画的设计
(4)掌握flash声音的处理


可解决的现实问题:
熟练应对企业中使用Flash完成动画设计的需求

市场价值:
学习和掌握此知识阶段后,学员可根据所学软件完成Flash动画设计的需求。

课程重难点:
形状补间、理解元件、引导动画、遮罩动画、flash声音的处理
Flash动画制作 1、引导动画;2、遮罩动画;3、按钮的使用;4、actionScript2.0;5、声音的处理;
前端代码基础课程大纲(赠送)
所处阶段 主讲内容 技术要点 学习目标
赠送课程:前端代码基础 html基础
1.体验html;;2.标题标记;3.段落标记;4.标签属性;5.网页基本结构;6.对比标记;7.图片标记;8.下级查找路径;9.上级查找路径;
可掌握的核心能力:
(1)掌握html标签及语法;
(2)掌握css的语法;
(3)掌握seo搜索引擎优化技术;
(4)掌握兼容性调试;
(5)学习服务器、域名相关知识。

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

市场价值:
完成此阶段课程,可以制作出符合标准的静态页面,为成为网页制作工程师打下了基础。
列表及表单
1.无序列表;2.有序列表;3.自定义列表;4.超链接;5.表格基础;6.input标签;7.下拉框;8.表单页面;
css基础
1.CSS语法;2.实体化三属性;3.显示模式及转换;4.文本修饰属性;
css选择器
1.标签选择器;2.类选择器;3.id选择器;4.通配符选择器;5.复合选择器;
css特性
1.层叠性;2.继承性;3.优先级;
css引入方式
1.内嵌式;2.外链式;3.行内式;4.导入式;
盒子模型
1.盒子模型组成;2.border和padding的不同方向设置;2.padding多属性写法;3.margin多属性写法;4.内边距撑大盒子问题;5.CSS初始化;6.外边距合并;
浮动及常见布局
1.标准流;2.浮动属性;3.overflow属性;4.清除浮动;5.行内元素垂直内外边距
定位
1.相对定位;2.绝对定位;3.固定定位;4.定位的特性;5.z-index;
css透明
1.opacity属性;2.rgba()写法;3.应用CSS透明属性;
css精灵技术
1.css精灵应用;2.css精灵图制作;
网站上线
1.seo搜索引擎优化;2.服务器;3.域名;4.ftp详解;

备注:该课程大纲仅供参考,实际课程内容可能在授课过程中发生更新或变化,具体授课内容最终以各班级课表为准。


基础差? 可免费学基础班

申请试读名额

基础过关? 可直接就读就业班

基础测试

UI/UE设计项目在线体验

     

    UI/UE设计面授视频试听

    • 发展历程

    • 领先的课程体系

    • 场景化教学-APP项目流程

    免费基础班学习申请

    教学服务

    • 每日测评

      每晚对学员当天知识的吸收程度、老师授课内容难易程度进行评分,老师会根据学员反馈进行分析,对学员吸收情况调整授课内容、课程节奏,最终让每位学员都可以跟上班级学习的整体节奏。

    • 技术辅导

      为每个就业班都安排了一名优秀的技术指导老师,不管是白天还是晚自习时间,随时解答学员问题,进一步巩固和加强课上知识。

    • 学习系统

      为了能辅助学员掌握所学知识,黑马程序员自主研发了6大学习系统,包括教学反馈系统、学习难易和吸收分析系统、学习测试系统、在线作业系统、学习任务手册、学员综合能力评定分析等。

    • 末位辅导

      末位辅导队列的学员,将会得到重点关心。技术辅导老师会在学员休息时间,针对学员的疑惑进行知识点梳理、答疑、辅导。以确保知识点掌握上没有一个学员掉队,真正落实不抛弃,不放弃任何一个学员。

    • 生活关怀

      从学员学习中的心态调整,到生活中的困难协助,从课上班级氛围塑造到课下多彩的班级活动,班主任360度暖心鼓励相伴。

    • 就业辅导

      小到五险一金的解释、面试礼仪的培训;大到500强企业面试实训及如何针对性地制定复习计划,帮助学员拿到高薪Offer。

     
    和我们在线交谈!