阶段1 Web视觉设计0基础必备

课程一、Web视觉工具篇-Photoshop技法入门

1、设计的入门与Photoshop基础入门 

2、Photoshop工具的应用 

3、Photoshop面板管理与应用 

4、Photoshop图像的编辑 

5、Photoshop强大的绘画功能 

6、图像的润饰与修复

7、文字与路径应用

8、Photoshop网页切片与形成

目标

通过认识不同类型设计了解UI设计行业，掌握Photoshop相关软件操作基础，熟练使用更重要是学会直接应用软件，通过实际案例引入直接设计。让无基础的学员轻松入门。

课程二、Web视觉工具篇-Photoshop高手进阶

1、Photoshop图层样式

2、Photoshop图层与混合模式 

3、Photoshop蒙板应用 

4、智能对象与智能滤镜

5、Photoshop通道技术 

6、Photoshop颜色与色调调整

7、Photoshop滤镜特效设计

目标

本课程基于Photoshop工具熟悉操作下。针对图像进行精修、扣图、调色及各种常规及特殊调色手法；Photoshop图层蒙版与图层样式合理应用。能应用所学专业知识完成图片的修饰和排版设计。

阶段2 Web视觉设计必修矢量软件

课程三、Web视觉设计师必修-Illustrator实录

1、Illustrator基础知识 

2、绘图工具操作与编辑 

3、颜色与外观的管理 

4、计算复合路径与图层的运用

5、文字与混合工具应用 

6、效果与样式的应用

7、矢量图形综合应用

目标

学习与应用较广泛的矢量绘图软件Illustrator，了解在矢量设计中的规则、特点，以及印刷相关知识。通过网页按钮和相关图片素材设计、游戏元素设计和网站宣传页面设计掌握Illustrator相关软件操作基础，更重要是学会直接应用软件。

阶段3 Web静态页面制作(前端开发)

课程四、Web页面制作基础篇-网页制作从入门到精通

1、HTML基本标签 

2、使用表格显示数据 

3、使用表单和框架 

4、使用DW制作网页 

5、利用DIV+CSS布局网页 

6、网页中的JavaScript

7、JavaScript表单验证及高级操作

8、初探SEO技术

目标

本课程从基本概念讲起，带领大家学习HTML、CSS样式基础知识，层层深入。了解常用标签的语义及基本用法，后面部分讲解使用CSS美化网页以及盒子模型、浮动和定位的知识，以实例操作带入知识点，更好让您学习并掌握。

课程五、前端综合项目实战（DIV+CSS+HTML5+CSS3）

1、HTML5概要与元素 

2、CSS技术详解 

3、CSS3精讲

4、项目实战一【PC端固定布局】

5、项目实战二【移动端流体布局】 

6、项目实战三【兼容响应式布局】

目标

为了使广大学员能够充分了解HTML5和CSS3的基础知识，并且能结合相关技术开发相应的WEB网页和移动应用，本课程全面介绍了如何使用HTML5、CSS3的相关知识，还提供了PC端、移动端、响应式布局的案例。

阶段4 UI界面创意与实战

课程六、Web视觉高级篇-完美版式必修 

1、Web视觉设计的特征 

2、Web视觉设计的要素 

3、Web视觉设计的原则 

4、Web视觉设计的流行趋势 

5、网页页面结构组成 

6、网页设计中色彩的应用

7、配色常识

8、网页各组成部分的设计

目标

通过学习Web视觉设计流行趋势，色彩三要素及基本原理，掌握色彩分解技巧，WEB界面架构、网页元素与版式设计，能负责各种网页广告设计；能对设计趋势有灵敏触觉和领悟能力，推动团队的设计能力。

课程七、Web视觉创意馆- 项目创意与实战

1、Web属性分类 

2、网站不同地区风格 

3、Web视觉版式风格 

4、Web视觉个人网站 

5、Web视觉生物网站 

6、Web视觉体育类网站

7、Web视觉建筑类网站

8、Web视觉创意实例

目标

了解WUI标准设计规范及风格，Web界面的分类，企业网站界面、门户网站界面、专题活动界面的分析与设计，掌握网站及软件界面设计的技能和技巧。学完后能对大型网站界面风格设定（包括界面、图标风格与统一规范等经验 ）。

课程八、Web视觉实战篇-网站视觉与制作综合应用

1、企业网站案例一【电子商务类型】  

2、电子商务网站的需求分析 

3、电子商务网站的原型设计

4、电子商务网站的页面设计与制作

5、企业网站案例二【门户网站类型】

6、个人简历网站案例分析

目标

本课程主要以实际案例和软件操作来讲解，课程设置从创意体现、视觉表现、广告设计等为主要内容。锻炼学员考虑问题的角度，分析问题和解决问题能力。使学员学会如何通过作品阐述自己的设计思路。

阶段5 移动端界面设计

课程九、Web视觉提高篇-UI移动端界面设计基础

1、移动客户端基础知识 

2、移动端手机系统与手机的发展 

3、图标设计的基本原则 

4、移动客户端UI设计实例 

5、IOS系统APP图标与界面

6、Android系统APP图标与界面 

目标

详细讲解ICON图标的类型，不同手机平台设计规范；掌握应用软件独立设计制作图标与界面的能力。以及ios平台和Android平台上布局规范设计。

课程十、Web视觉实战篇-UI移动端界面设计进阶

1、客户端图标设计 

2、播放器界面设计 

3、不同主题界面设计 

4、手游装备元素设计 

5、游戏HUD界面设计

6、手游之地图设计 

7、冰雪消除游戏主界面设计

目标

ICON设计基本流程与设计规范的概念性讲解，掌握当今世界很系统的UI界面图标设计技能，重点了解各种风格的设计方法通过各种风格设计方法训练，快速掌握不同图标与界面设计特征和效果实现。

阶段6 界面原型交互设计

课程十一、Web视觉扩展篇-Web之Axure高保真原型设计与制作

1、Axure RP7.0 软件环境的搭建  

2、认识Axure的软件界面 

3、Axure工具栏的使用 

4、Axure常用组件设计

5、动态面板的常用功能

6、Axure 函数应用

7、案例之电商网站的从分析到原型设计

目标

掌握Axure相关软件操作基础，熟练使用更重要是学会直接应用软件，通过综合案例实战使已有简单基础的学员深入掌握产品交互设计

课程十二、Web视觉扩展篇-APP之Axure高保真原型设计与制作

1、主流APP导航设计分析与制作 

2、社交类APP界面原型设计

3、八种常用交互方式的原型制作

4、案例之Fancy 的原型制作

目标

通过案例学习掌握移动APP原型设计、交互设计的原理，不同功能的交互逻辑，设计符合用户习惯的功能流程。