manbetx体育播客旗下品牌:|||||

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

2020年UI/UE设计课程大纲

目前课程版本:5.0   升级时间:2019.09.18   查看详细

UI/UE设计课程设计理念

  •  

    夯实软件基础

    选框、路径绘图、填色、钢笔抠图、图层样式、混合模式、通道抠图、滤镜抠图、字体认识与应用、人像处理、广告设计思路、图形布尔运算,从基础图形绘制到广告图文设计、AI软件应用、矢量绘图及实用的线下广告设计制作、印刷流程及印刷误区、Ui图标绘制,为小白成为高手奠定基础。

  •  

    进阶定位之网站设计

    项目整体配套资源、课程中从广度上进行各行业、各类型网站的功能特征及设计特点,从0到1的将网站进行分析讲解,、营销网站的需求定位,产品及功能的合理设计、及交互效果,用户习惯研究,B2B平台网站,网站设计规范,使学员可以在此阶段提高思考及策划能力,逻辑思维能力,设计能力,在项目中学到工作,实现与企业的无缝对接;课上深度剖析各种类型公司职责及流程,自由平台与外包的工作方式。

  •  

    进阶定位之UI/UE设计师

    从审美和实战中获取项目经验,不同行业APP图标风格及成套图标的原则,项目阶段以实战出发,需求梳理,原型制作,交互文档及低保真原型的建立,用户体验精髓、ios平台规范及界面设计,APP后期切图及标注,与开发对接,sketch与安卓项目等,学员从真实项目中对设计的每一个环节进行深入了解和把控,能够从课程中了解真实的项目细节及公司部门与职责,从而能轻松应对工作,实现无缝对接工作岗位。

  •  

    手绘及交互动效

    提高学生的审美及手绘基础,对学员在今后的工作中的提高打下坚实基础,基础造型透视、光影关系、项目手绘文档、手绘游戏图标、项目头脑风暴及精准萃取,项目中对交互表现及交互逻辑与实现的阐述与流程、节奏把控、交互文档与交互动效制作、与程序在动效上的沟通、整体项目动效制作,使学员对UI/UE综合设计师的整体性全面性有更多更精准的把控。

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

学习对象

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

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

上课方式

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

培训时间

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



UI/UE设计基础班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第一阶段:
手绘与PS软件基础
简笔画 简笔画概念;简笔画特点;简笔画绘画方法; 可掌握的核心能力:
(1)养成良好的做图习惯;
(2)通过PS软件实现多种案例设计;
(3)掌握基本图像合成技能;
(4)掌握透视绘制基本原理;
(5)认识简笔画,掌握简笔画绘制技法;
(6)掌握扁平图形绘制技巧及海报设计。

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


市场价值:
学习和掌握此知识阶段后,对快速进入设计行业打下坚实基础,对软件的基本功练习有很大的帮助并提高一定的美术功底和审美能力,根据所学做出优秀的设计作品,如简笔抽象图形及扁平商业插图;为后面的平面设计、电商设计及UI设计所需的画面感打下了坚实的基础。
PS软件基础 PS软件的基本功能及适用范围;界面讲解;文件的基本操作;图像缩放;标尺;参考线;参考线定中心;图像旋转;移动工具;选框工具;图层基本操作(新建、删除、加减选);图层编组;反向选择;自由变换;吸管工具;填色功能讲解;对齐与分布;还原与撤销;选框描边;载入选区;图层显示与隐藏;图层复制;图层锁定;图层不透明度;图层顺序调整;图层合并与编组;选框的布尔运算;选区修改;选区变换;选区变形;锁定对齐;变换并复制;图案定义与填充;
图像的合成基础 多边形套索使用;透底图讲解;魔棒工具应用;快速选择工具;图像合成;工具综合应用;
钢笔绘图与抠图 路径认识;路径线组成;直线路径与曲线路径绘制方法;钢笔工具应用领域;钢笔绘图与抠图技巧;直接选择工具;路径选择工具;添加与删除锚点;转换锚点;路径存储;路径转换选区;画笔工具;
抽象图形设计制作 抽象的概念;抽象的表现方式;抽象的绘制技巧
形状绘图与应用 位图与矢量图区别;形状的应用领域与使用方法;形状绘制特点;常用形状工具使用方法;形状填充与描边色属性、描边类型;形状尺寸修改;形状精确绘制;形状布尔运算;形状合并;形状路径对齐;剪切蒙板应用;
扁平建筑及场景设计 扁平图形绘制;扁平建筑设计
透视 透视透视类型;透视要素;视角认识;一点透视特点、透视原理图绘制技巧;两点透视特点、透视原理图绘制技巧;三点透视认识;
扁平场景 扁平场景绘制及合成

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

学习对象

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

上课方式

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

培训时间

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

培训费用

新万博官方Apps

 

 
UI/UE设计就业班课程大纲
所处阶段 主讲内容 技术要点 学习目标
第二阶段:
创意插画与PS软件进阶
扁平人物绘制及设计 人物动态绘制技法及人物扁平化图形设计 可掌握的核心能力:
(1)通过PS软件实现合成、扁平、噪点等风格画面实现技巧;
(2)了解色彩学并掌握配色技巧;
(3)掌握画面构图基本原则;
(4)认识绘画类型,掌握简笔画、素描、抽象画绘制技法;
(5)插画中的光影变化实现技法;
(6)提升创意思维能力,应用头脑风暴实现更具创意的商业插画海报;
(7)系列插画构思及实现技法。

可解决的现实问题:
掌握实际工作所需的配色技巧、构图技巧。熟练掌握各种设计相关的手绘技巧、光影变化丰富的画面绘制技巧,并运用头脑风暴实现更符合商业需求的创意设计应用。


市场价值:
学习和掌握此知识阶段后,在原有的软件教学基础上增加了实战商业插画设计技巧,同时使学员拥有较强的美术功底和审美能力,快速提升学生综合设计能力;通过科学合理的头脑风暴方式能够快速解决工作中紧急设计项目的构思,让作品更具商业内涵及竞争力;学员能够绘制出符合流行趋势及大众审美需求的插画作品。
PS软件应用 蒙版;画笔工具设定;笔刷使用
光影素描 素描关系;三大面绘制立方体;五调子球体绘制;排线技法;明暗素描绘画技巧
鼠标绘制技法 鼠标绘制人物明暗技法
头脑风暴 头脑风暴、思维导图、创意关键词提取、画面构图、草图绘制、颜色搭配技巧
套系引导页设计 噪点插画绘制技法及套系引导页设计实战技巧
第三阶段:
线性创意手绘与AI软件基础
AI软件基础操作 界面讲解;文件的基本操作;图像缩放;标尺;参考线;参考线定中心;图像旋转;移动工具;自由变换;吸管工具;填色功能讲解;对齐与分布;还原与撤销;钢笔工具使用方法;描边;形状绘制;顺序调整;旋转镜像;重复再制;布尔运算;路径查找器;形状生成工具;小黑小白;圆角;编组;剪切蒙版;扩展;导出;画布大小;画板工具 可掌握的核心能力:
(1)认识AI软件,了解AI软件的基本功能及适用范围;
(2)掌握文字应用编辑、图文混排基本原则技巧;
(3)掌握图形图像设计技巧;
(4)MBE风格插画设计技法;
(5)2.5D风格插画设计规范及技法;
(6)掌握时下多种主流图像插画设计趋势及技巧;
(7)掌握卡通表情及卡通吉祥物绘画技巧,结合PS与AI实现卡通吉祥物组图设计;
(8)商业插画中的头脑风暴、关键词提取、风格设定、草图绘制、以及画面最终实现技法。

可解决的现实问题:
学员可以掌握AI软件的基本使用方法,并学会更多种类更复杂的插画风格及抽象图形的绘制技法,加以图文混排的排版原则技法配合,使学员能纯熟打造更复杂的商业广告画面;掌握实际工作所需的图案图形设计技巧、排版技巧;熟练掌握各种设计相关的手绘技巧、卡通形象绘制及应用及多种当下流行的插画风格绘制技巧,并运用头脑风暴实现更符合商业需求的创意设计应用。


市场价值:
学习和掌握此知识阶段后,学员可以胜任工作中各种风格需求的画面构思及表现,如图案图形、图标、版式、商业插画、吉祥物、标志等设计;为后面的平面设计、电商设计及UI设计所需的画面感打下了坚实的基础,同时也满足了设计招聘职位的插画技能需求。
MBE图形设计 图像抽象表现技巧;MBE图形设计技巧
2.5D图形设计 3D突出与斜角功能应用;2.5D网格规范;2.5D绘制技巧
卡通吉祥物设计 卡通吉祥物形象设计;卡通三视图绘制技巧;动态吉祥物及角色设计;表情包设计
版面排版设计 字体应用与选择;排版基础原则、卡通吉祥物展示页面设计技巧
商业海报项目实训阶段 学生项目实训指导阶段
第四阶段:
UI设计阶段
UI的基础认识 UI设计的概念,如今市场对UI的要求?学习UI应该注意什么?养成什么良好的习惯?互联网产品设计的流程以及各个职位是怎么沟通,交接的。UI设计的节点周期 可掌握的核心能力:
(1)掌握精美UI图标的创意方法和技巧;
(2)掌握UI设计规范与应用;
(3)学会如何去把控一个整体设计项目及角色扮演;
(4)视觉效果打造提升,可进行复杂的视觉效果表现;
(5)培养学员抽象思维及逻辑思维,拥有设计项目实战能力;
(6)掌握写实UI图标设计技巧;
(7)掌握Axure、xmind、ps、xd等软件绘制图;
(8)掌握一套互联网产品从无到有的整套思维模式及设计技能;以及掌握如何去迭代改版一款互联网产品的能力。
(9)掌握UE交互设计师最基本的思维模式以及AXURE操作技能;
(10)掌握界面高保真动效关于protopie的操作技能。
(11)能够将自己的设计有理有据的进行阐述。

可解决的现实问题:
可以将各类视觉技法应用到实际商业案例之中,让作品设计更加规范化,提升UI设计的严谨性和设计感,并且在合情合理的范围内达到视觉最佳化,学会分析用户习惯,了解UI未来发展趋势与应用范围;学员能够从战略角度分析一个互联网项目,盈利点、运营模式、产品原型、交互设计、用户体验、视觉表现,培养设计学习习惯,建立长久的职业规划目标等。

市场价值:
设计师提升之路,帮助学员在公司中学会按照标准化流程,视觉严格规范,分析各角色的特点,更专业的做UI设计,轻松应对UI工作。
市场调研 市场调研的作用,如何去做市场调研,竞品分析的作用,如何去做竞品分析;使用艾瑞、易观等工具去做产品背景调研;设计用户画像以及情绪板的建立;根据人、目的、行为、环境、媒介五要素进行场景走查用户需求和商业目标的挖掘和梳理,认识文档(思维导图,市场需求文档,商业需求文档,产品需求文档,交互设计文档,)
挖掘需求 根据调研梳理需求的权重,进行必要型产品和期望型产品的规划,将产品初创期、成长期、成熟期、衰落期的功能节点设定清楚以迎合产品不同时期的发展需要。培养设计时的产品思维,明白UI设计是设计一个商业模式,并且将这个理念贯彻到设计中。
移动端交互设计 交互设计的作用,交互设计的要求。移动端交互的常见手势以及表现方法。低保真原型的作用,低保真原型规范,如何去制作低保真原型,功能权重的排列,信息层级的梳理以及文档备注(交互的七大定律,搜索功能需要注意的交互事项,如何从交互解读登录注册功能,四象限分析法等)如何进行布局,布局的分类优缺点(图片流、列表流、卡片流)设计模式feed流的意义。
移动端项目实战 视觉设计,视觉设计输出,字体规范,颜色规范,图标的技法,模块的搭建,组件的建立。视觉设计规范书的作用,如何去制作视觉设计规范,切图与标注的作用,如何去切图和标注。
如何去迭代一款产品,例如一款产品用户留存与增长,以这个为目标,用视觉驱动业务目标,将业务目标最大商业化。
情感化设计和运营设计 引导页、缺省页、活动H5等情感化页面设计的表现方法,品牌元素的提炼,瓷片区的设计技法。
产品成熟期时,IP形象的建立,以及如何将IP形象融合到页面设计中。
PC交互设计 PC端交互和移动端的区别,PC端操作时的注意事项。
学会建立自己的方法论,并将方法论贯彻到设计工作中。
PC端项目实战 网站的分类网站设计的规范功能型网站首页、列表页、详情页、登录注册页等设计表现PC端视觉设计规范书,如何去切图和标注。
品牌宣传网站 品牌宣传网站的表现形式,如何设计一款符合行业属性、流行区属的品牌宣传网站。
后台、数据可视化页面设计 后台的分类,后台设计和前台页面设计的区别,如何绘制后台数据可视化
后台的常见布局形式,运用栅格化布局去进行后台布局。
小程序项目实战 微信小程序和APP的区别,微信小程序设计的规范,如何去切图和标注
如何用XD软件制作一款小程序。
设计的数据验证 视觉设计的验证方法,主流的数据分析方法来验证设计最终的正确性。
学会进行阶段性的工作总结,整理上阶段的工作内容,通过数据锻炼敏锐的洞察力,知晓数据下用户发生了那些改变,我们的设计是否解决了问题。
高保真交互的制作 低保真原型、低保真交互、高保真原型、高保真交互的区别,Protopie这款高保真软件的优势,如何使用这款软件。高保真交互的作用,如何制作高保真原型,protopie高保真交互软件的使用。
第五阶段:
电商设计阶段
认识电商 电商的基本概念;电商的发展史和发展趋势;不同的工作环境;电商设计师的工作内容;课程的安排 可掌握的核心能力:
(1)了解运营知识体系,将运营的需求转为视觉传达
(2)掌握主流电商平台的设计规范与视觉规律
(3)真实的项目环境,真正的了解到工作的流程和公司的结构组成
(4)设计师优秀的工作习惯,高效完成工作。
(5)店铺首页、详情页、活动页、专题页、移动端、推广图的设计制作。


可解决的现实问题:
贴合学生的商业实战案例,不仅增加学生对视觉美感的吸收,并真实的提高的学生的就业经验。全天候的成长培养指导,让学生做到“知行合一”,结合学生的作业和行业的趋势给出针对性的方法和训练。阶段项目形式的作品把关,让学生在成长过程中少走弯路,化繁为简,为学生节省更多的时间,积累更贴切的工作经验,求职更具有竞争力。


市场价值:
学完后可以从事电商设计师、视觉设计师、运营设计师。准确的理解运营营销目的、完美的用视觉达到转化需求,达到企业用人的最高要求。
产品主图的制作 产品主图的位置;主图的要求规范;产品的普通修图
商业视觉精修 商业视觉鉴赏;产品的构成分析;产品的光影表达;材质的表现方式;商业细节把控
电商运营基础 电商的分类;电商的运作类型;数据名词的认识;运营基本公式;产品的售卖流程
流量获取的方式 流量的概念;流量的获取方式;钻展和直通车的认识;外部推广方式
CPC/CPM推广的特点与制作 CPM计费方式;CPC计费方式;转化推广图和点击推广图的区别
提高转化率的方法 转化率的概念;优化入口和出口;客单价的概念;运营常用的工具
营销关联区域 营销关联的作用:关联的展示位置;关联的模块组合方式
电商平台尺寸规范 首页装修的目的;淘宝规范的认识;淘宝天猫和京东的营销区别;京东的规范认识
文案的策划 标语的制作和应用;标题的制作;软文的撰写;首页文本框架的制作;产品文案的组成部分
PC端首页框架组成 首页的布局逻辑思维;框架营销元素的组成;首页的制作流程;需求文档的分析
扁平化风格项目制作 品牌的定位:首页风格认识;海报区域的制作;店招导航,优惠区域,主推区域,列表区域,页尾区域的特点和制作
营销竖屏思维 竖屏的习惯变化;惯性思维方式;竖屏的布局方式;竖屏展示的特点
M端首页的制作 天猫手机端规范的认识;自定义模块的使用;美颜切图模块;手机海报、主推区域、的制作与上传
产品的卖点挖掘 产品定位分析;消费者的心理;竞品的分析;
详情的框架与制作 详情框架组成;头图区域的制作;通用布局形式;分割标题的制作;详情页面的细节把控。
品牌文化分析与传达 品牌的分析来源;品牌的体现区域;品牌对消费者造成的影响;增加品牌形象的方式
活动的策划 电商活动的三大要素;促销活动的目的;活动利益的形式;活动的常见视觉形式
专题活动页制作 需求文本的分析方式;主题的提炼;头脑风暴确定元素;草图的绘制方法;活动利益的表达,爆款的讲解,视觉主题的贯穿。
高效工作方法 图层的管理习惯;素材的搜集方法;关键词提炼;素材库的建立;
大型平台活动页制作 常见的大型活动;常见的平台视觉VI;大型活动的运作模式和周边配套图片
KV合成海报的制作 KV合成海报的认识;分析需求,采用头脑风暴方式搜集元素,绘制草图场景;空间层次的表达;合成后颜色调整,元素的细节处理。
项目作品筛检提高 阶段项目发布,每个课程小节,都有相应的项目内容产出,层层筛检,提高学员的细节把控习惯和效率
产品摄影实践 单反相机认识;快门、光圈、感光度的认识;手机摄影;景物的摆放;拍摄环境的打造;实战拍摄
项目实训 定义店铺类目,根据类目的定位来制作相应的电商周边设计,从基础的首页到详情、推广、活动页面的制作
第六阶段:
C4D三维立体设计
软件介绍 C4D的应用范围;C4D功能介绍;C4D与Maya 3DMax的区别;C4D在UI设计中的应用 可掌握的核心能力:
(1)C4D工具使用;
(2)C4D建模、渲染方式;
(3)C4D与AI、PS软件的结合使用;
(4)应用C4D打造炫酷三维电商头图。


可解决的现实问题:
应用C4D打造三维立体场景,做出炫酷的电商头图与3D文字。

市场价值:
随着电商设计行业对C4D应用需求的变大,懂C4D软件的设计人才比普通设计师更具竞争力。
基础操作 菜单栏;工具栏;视图窗口(认识三维空间);对象/ 属性/层面板;选择工具;移动工具;缩放工具;平视工具;文件导出
C4D基础建模 几何体建模;对象(立方体—地貌);样条线建模;样条线绘制;挤压/旋转/放样/扫描
;酷炫流动线建模
灯光与材质 灯光类型(泛光灯、聚光灯、远光灯),布光方法(三点布光、双灯布光)材质类型(玻璃、木材、金属)颜色与纹理
渲染 渲染编辑器设置,keyshot渲染器
三维立体文字设计 创意草图绘制;AI提取轮廓线;C4D建模+C4D渲染+输出; PS修图+合成+排版设计
立体空间场景打造 C4D建模+输出;keshot渲染;PS修图+合成+排版设计
第七阶段:
AE动效设计
Ae基础 Ae基本操作;Ae中素材导入方法;关键帧类型;关键帧的修改;变换属性的应用;父级;预合成;跟踪蒙版;变换应用 可掌握的核心能力:
(1)更深入的学习交互设计,包括项目流程和工作方法;
(2)掌握ae动画制作方法;
(3)学会使用ae软件展示自己作品的方法。

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

市场价值:
协助学员很好的做UI设计动画展示效果。
Ae形状动画效果动画 预合成;轨道蒙版;AI路径导入AE;描边修整路径;路径开始结束动画;字符偏移;轨道蒙版;路径开始结束动画;AE绘制图形动画
Ae遮罩及路径动画 AE中图形动画;保持关键帧;图形动画综合;路径动画;遮罩动画;路径动画;遮罩动画;变换动画;效果与遮罩;遮罩动画;基础动画
交互动画流程及项目规范 cc仿真世界;Keylight;快速模糊及电波应用;边角固定;形状与变换动画综合;交互文档;整体项目制作
第八阶段:
平面设计
品牌LOGO设计 什么是LOGO;标志设计的意义;LOGO常用形式;LOGO创意方式;LOGO的思路流程;LOGO的需求分析及案例讲解;LOGO元素提取;表现形式; LOGO设计的禁忌;LOGO展示效果; 可掌握的核心能力:
(1)提高视觉设计的能力及创意能力,加强视觉设计在商业营销推广中的实际价值;
(2)掌握平面设计规范、印刷及后期工艺;
(3)提高品牌形象设计综合表现力;
(4)掌握产品包装设计的表现力及印刷后期输出技巧。

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

市场价值:
学完此阶段课程,已成功进入平面设计行业,可根据所学做出精美的平面设计作品,如包装、logo、海报、易拉宝等vi视觉设计;拓宽了就业范围;满足平面设计岗位需求, 
名片设计与输出 名片的需求分析及案例讲解;名片设计流程及注意事项;名片分类;纸张材质;构成元素;名片的成本核算;名片规格与尺寸;名片印刷与工艺;专色版与工艺版制作;专版与搭版区别及注意事项;名片输出需注意的问题;名片效果展示
画册设计 什么是画册;画册的需求分析及案例讲解;画册制作的流程;画册常规尺寸;画册纸张材质;画册后期工艺;画册装订;画册P数算法;画册的成本核算;精装画册特点及尺寸计算方式;排版原则;画册字体应用;衬纸与扉页的认识、印刷流程;PS印刷制版;画册印刷文件输出方式及注意事项;画册效果展示
户内户外广告设计与输出 什么是户外广告;易拉宝设计;广告需求分析及案例讲解;广告画面的构思及表现手法;广告的成本核算;广告的设计流程及注意事项;户外广告种类;什么是户内(室内)广告;户内(室内)广告种类;输出分辨率;户内户外输出与材料;广告的成本核算;广告的设计流程立体字与发光字介绍;立体字与发光字的输出文件制作方式及注意事项;立体字与发光字效果展示
品牌VI系统设计 什么是CIS;什么是MI;什么是BI;什么是VI;VI系统需求分析及案例讲解;VI的实际价值和作用;VI系统的设计流程;VI手册的需求分析;VI系统结构分析;VI系统组成部分详细介绍;VI系统的报价;VI手册常用尺寸及纸张应用;VI手册的输出方式
简装包装设计 包装的市场需求分析及案例介绍;包装用途分析;包装的定义;包装的功能;包装的分类;包装的设计及制作流程;包装材质;包装的成本核算;包装后期工艺;包装刀模计算及制作方式;包装展示效果设计;包装印刷文件及后期文件的输出方式及标准
精品包装设计 精品包装的适用范畴及使用范围;精品包装的市场需求分析及案例介绍;精品包装的成本核算;精品包装材质选择及工艺应用;精品包装的设计制作流程;精品包装的后期制作流程;精品包装的功能与市场价值;精品包装形式;精品包装效果展示设计;包装刀模计算
活动物料设计 项目需求分析;项目成本核算;项目时间统筹;喷绘类物料制作;写真类物料制作;印刷类物料制作;物料印刷输出;效果展示设计;
前端代码基础课程大纲(赠送)
第九阶段:
前端代码基础
html基础 体验html;标题标记;段落标记;标签属性;网页基本结构;对比标记;图片标记;下级查找路径;上级查找路径 可掌握的核心能力:
(1)掌握html标签及语法;
(2)掌握css的语法;
(3)掌握seo搜索引擎优化技术;
(4)掌握兼容性调试;
(5)学习服务器、域名相关知识。

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

市场价值:
完成此阶段课程,可以制作出符合标准的静态页面,为成为网页制作工程师打下了基础。
列表及表单 无序列表;有序列表;自定义列表;超链接;表格基础;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)掌握时下最流行的h5+c3技术;
(2)掌握响应式设计原理;
(3)掌握移动端的适配原则;
(4)掌握流行框架的使用。

可解决的现实问题:
(1)实现响应式网页的制作;
(2)实现微场景的制作;
(3)实现移动端app的制作。

市场价值:
适应市场需求,紧跟时代技术,完全满足市场对网页制作工程师的要求,再加上之前的设计功力,可以成为会代码的全能设计师,大大提升市场竞争力。
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插件的使用;百度地图API
电商店铺装修 图片热区绘制及上传;店铺导航默认样式修改;代码突破店铺950px版心约束;店铺首页通栏Banner的制作及上传
Sketch软件基础&项目实战(赠送)
第十一阶段:
Sketch软件基础&项目实战
Sketch软件基础 软件基本介绍;软件安装与汉化;初识软件界面;工具栏使用与自定义;插入基本形状绘制;形状的常规属性;样式属性及填充与描边;阴影内阴影模糊属性;画板的创建及放大与缩小;填充矩形圆形案例应用;图形基本编辑 可掌握的核心能力:
(1)掌握软件安装与基本图形绘制;
(2)熟练使用Sketch的高级属性绘制复杂图形;
(3)掌握Sketch的高级图形处理绘制复杂图形;
(4)熟练使用Sketch绘制流行MBE风格图标、线性图标;
(5)掌握APP界面绘制技巧;
(6)数量通过Sketch完成大型APP项目;
(7)掌握Sketch中的切图标注技法。

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

市场价值:
学完此阶段课程,可根据所学软件及项目实战经验完成APP项目设计。
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的高级绘图功能进行设计表现;
(2)coreldraw与PS及其他设计软件的结合应用;
(4)掌握coreldraw完成平面设计的项目;
(5)条形码的生成与制作。


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

市场价值:
学完此阶段课程,配合其他设计软件完成项目设计,使设计师能从容完成不同类型的设计文档。
CorelDRAW基础进阶(上) 造型系列工具应用;布尔运算基础;图形造型综合运用;组合与群组;图形变形系列工具;封套工具与渐变工具的应用;立体化工具应用
CorelDRAW基础进阶(中) 调和变形系列工具;manbetx体育学院印章案例;文字的类型及应用;吸管工具;图框精确裁剪;透明度工具;其他渐变填充工具;标注系列工具;智能填充
CorelDRAW基础进阶(下) 跨软件格式转换;PDF文件生成;条形码生成;视图显示;对齐对象;项目实战之名片设计;会员卡设计
CorelDRAW项目实战练习(易拉宝设计和三折页设计项目) 变换面板详解与12色相环绘制;对齐与分布;变换面板;易拉宝及X展架设计尺寸;三折页设计;跨页图片裁剪;作品存储及输出

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

基础差? 可免费学基础班

申请试读名额

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

基础测试

UI/UE设计学科项目介绍

  • 酷丁鱼线下

    项目简介:

    酷丁鱼项目主要侧重在线下宣传部分,名片会员卡、易拉宝、展架、logo设计、宣传单页折页、VI手册等。

    项目特色:

    用酷丁鱼项目来解析印刷流程,印刷工艺、印刷耗材及喷绘写真等一体化的进行学习,项目真实全面,可行性强,从软件到平面设计师实现质的改变,同时在项目中锻炼学生的思考能力及项目流程把控能力,学会正确的在工作思路的引导下使用软件。

  • 安乐居

    项目简介:

    安乐居是一个家居装修的平台网站,内容包括选方案、选装修公司、公司入驻、装修常识4大核心功能!是一款为解决目前1线城市人员装修房子却没空监管的WEB产品。

    项目特色:

    项目特色将网站的前期调研、用户定位、信息框架梳理,用户服务界面都涵盖到课程内,以及公司的人员配置,一个大型网站从无到有是如何建立的。将用户体验引入课程,在整体教学中,以讲师为主导,学员执行项目,讲师及就业老师最终把控方法,以培养出一个有思想的设计师。

  • 汽车网站

    项目简介:

    汽车项目是一款高端汽车展示型HTML5网站专题,从车型外观、内饰、技术展示、配置等方面诠释汽车的性能级别。

    项目特色:

    应用了很多目前HTML5网站中常见的交互形式,使用户在车型展示时和沃尔沃品牌文化以及车型定位有一个深刻的认识,在保证网站好用易用的同时,视觉动效和网站速度积极响应目前网站的主流形式,从而使用户为此款汽车买单的一个项目,此外因为考虑手机用户群体庞大,市场需求大,在PC之外又加入H5微场景的展现形式,从而使这个项目更有实战概念!

  • 电器店铺装修

    项目简介:

    电器店铺是一家经营品牌产品的跨天猫、京东和苏宁的综合性店铺,从详情、主图、到直通车活动大促专题页等设计,展现真实的营销数据、使店铺合理优化、实现高转化率。

    项目特色:

    从老版的店铺装修图到新版的数据分析、改版思路、改版布局、到效果图实现,通过对N个成功案例的分析总结,最终以说明书的方式展示详情结构及设计排版的方法,是学生可以在一个项目中,收获更多的成功案例的精华,在思路及设计方法上有非常大的提升,对于项目的表达水平及思路提升,后续使用店铺后天对项目设计图进行切图上架、下架的操作,以及动效图制作,教会学生典型成功店铺的动效表现及方法,对于后期工作无障碍式的完成整套工作流程。

  • 友车app

    项目简介:

    友车iOS平台应用旨在为个人二手车卖家买家提供O2O在线二手车交易平台。包含车辆展示、专题广告、车价评估、看车日程、IM通讯等功能。

    项目特色:

    项目从需求分析到界面设计标注切图,再到版本上线、迭代改版,从0到1贯穿互联网公司UI/UE工作流程。通过用户画像、焦点小组等方式进行用户研究,从而提供针对核心用户的交互设计。UI界面采用iOS10人机交互设计理念,让内容和信息传达更加清晰。采用Axure制作高保真原型,从体验角度对项目进行迭代改版。

  • 乐跑APP

    项目简介:

    乐跑是安卓平台下以跑步为核心的运动工具+垂直咨询+图片社交应用。为跑步爱好者提供跑步记录、跑友交流、资讯专栏、赛事活动、跑友排行榜等功能。

    项目特色:

    项目使用sketch软件进行UI界面的设计、标注、切图。采用google material design进行界面设计,丰富的人机交互动画效果更好的体现层级关系、并给用户第一时间的交互反馈。结合跑步爱好者的定位,提供个性化视觉界面设计方法。

 

UI/UE设计面授视频试听

  • 极坐标制作背景光球

  • 打造山水情综合案例

  • 版画肖像

  • 曲线调色

  • 重现三国案例

  • 火焰赛车案例

免费基础班学习申请

教学服务

  • 每日测评

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

  • 技术辅导

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

  • 学习系统

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

  • 末位辅导

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

  • 生活关怀

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

  • 就业辅导

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