课程模块 |
课程科目 |
培训内容 |
第三阶段(WUI与交互设计)共160课时 |
WEB界面设计 |
网页规范统筹 |
1.网页元素梳理,了解网页组成部分,如搜索框、导航、弹框、Banner等 |
2.网页元素规范的概念讲解,让理论为实训做铺垫 |
3.网页构图和排版技巧,能够对设计风格有一定的理论和欣赏基础 |
网页Banner速成 |
1.掌握Banner版面分割和版面布局,如矩形类、多边形类、圆形类等 |
2.掌握Banner配色技巧,解析色调气质和色相气质 |
3.Banner三大元素精讲,包括文案排版、产品精修和背景搭建 |
4.八套Banner解析配合五大实例速成,掌握各种不同类型和风格的Banner设计 |
WEB整站设计实训 |
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静态页面 |