|
网页/UI设计课程大纲 |
|
阶段1 Web视觉设计0基础必备 |
|
课程名称 |
内容 |
目标 |
课程一、Web视觉工具篇-
Photoshop技法入门 |
1、设计的入门与Photoshop基础入门 |
5、Photoshop强大的绘画功能 |
通过认识不同类型设计了解UI设计行业，掌握Photoshop相关软件操作基础，熟练使用更重要是学会直接应用软件，通过实际案例引入直接设计。让无基础的学员轻松入门。 |
|
2、Photoshop工具的应用 |
6、图像的润饰与修复 |
|
3、Photoshop面板管理与应用 |
7、文字与路径应用 |
|
4、Photoshop图像的编辑 |
8、Photoshop网页切片与形成 |
课程二、Web视觉工具篇-
Photoshop高手进阶 |
1、Photoshop图层样式 |
5、Photoshop通道技术 |
本课程基于Photoshop工具熟悉操作下。针对图像进行精修、扣图、调色及各种常规及特殊调色手法；Photoshop图层蒙版与图层样式合理应用。能应用所学专业知识完成图片的修饰和排版设计。 |
|
2、Photoshop图层与混合模式 |
6、Photoshop颜色与色调调整 |
|
3、Photoshop蒙板应用 |
7、Photoshop滤镜特效设计 |
|
4、智能对象与智能滤镜 |
|
|
阶段一测试(课程一、课程二) |
|
阶段2 Web视觉设计必修矢量软件 |
|
课程名称 |
内容 |
目标 |
|
课程三、Web视觉设计师必修-Illustrator实录 |
1、Illustrator基础知识 |
5、文字与混合工具应用 |
学习与应用最广泛的矢量绘图软件Illustrator，了解在矢量设计中的规则、特点，以及印刷相关知识。通过网页按钮和相关图片素材设计、游戏元素设计和网站宣传页面设计掌握Illustrator相关软件操作基础，更重要是学会直接应用软件。 |
|
2、绘图工具操作与编辑 |
6、效果与样式的应用 |
|
3、颜色与外观的管理 |
7、矢量图形综合应用 |
|
4、计算复合路径与图层的运用 |
|
|
阶段二测试(课程三) |
|
阶段3 Web静态页面制作(前端开发) |
|
课程名称 |
内容 |
目标 |
课程四、Web页面制作基础篇-
网页制作从入门到精通 |
1、HTML基本标签 |
5、利用DIV+CSS布局网页 |
本课程从基本概念讲起，带领大家学习HTML、CSS样式基础知识，层层深入。了解常用标签的语义及基本用法，后面部分讲解使用CSS美化网页以及盒子模型、浮动和定位的知识，以实例操作带入知识点，更好让您学习并掌握。 |
|
2、使用表格显示数据 |
6、网页中的JavaScript |
|
3、使用表单和框架 |
7、JavaScript表单验证及高级操作 |
|
4、使用DW制作网页 |
8、初探SEO技术 |
|
课程五、前端综合项目实战（DIV+CSS+HTML5+CSS3） |
1、HTML5概要与元素 |
5、项目实战二【移动端流体布局】 |
为了使广大学员能够充分了解HTML5和CSS3的基础知识，并且能结合相关技术开发相应的WEB网页和移动应用，本课程全面介绍了如何使用HTML5、CSS3的相关知识，还提供了PC端、移动端、响应式布局的案例。 |
|
2、CSS技术详解 |
6、项目实战三【兼容响应式布局】 |
|
3、CSS3精讲 |
|
|
4、项目实战一【PC端固定布局】 |
|
|
阶段三测试(课程四、课程五) |
|
阶段4 UI界面创意与实战 |
|
课程名称 |
内容 |
目标 |
课程六、Web视觉高级篇-
完美版式必修 |
1、Web视觉设计的特征 |
5、网页页面结构组成 |
通过学习Web视觉设计流行趋势，色彩三要素及基本原理，掌握色彩分解技巧，WEB界面架构、网页元素与版式设计，能负责各种网页广告设计；能对设计趋势有灵敏触觉和领悟能力，推动团队的设计能力。 |
|
2、Web视觉设计的要素 |
6、网页设计中色彩的应用 |
|
3、Web视觉设计的原则 |
7、配色常识 |
|
4、Web视觉设计的流行趋势 |
8、网页各组成部分的设计 |
课程七、Web视觉创意馆-
项目创意与实战 |
1、Web属性分类 |
5、Web视觉生物网站 |
了解WUI标准设计规范及风格，Web界面的分类，企业网站界面、门户网站界面、专题活动界面的分析与设计，掌握网站及软件界面设计的技能和技巧。学完后能对大型网站界面风格设定（包括界面、图标风格与统一规范等经验 ）。 |
|
2、网站不同地区风格 |
6、Web视觉体育类网站 |
|
3、Web视觉版式风格 |
7、Web视觉建筑类网站 |
|
4、Web视觉个人网站 |
8、Web视觉创意实例 |
课程八、Web视觉实战篇-
网站视觉与制作综合应用 |
1、企业网站案例一【电子商务类型】 |
5、企业网站案例二【门户网站类型】 |
本课程主要以实际案例和软件操作来讲解，课程设置从创意体现、视觉表现、广告设计等为主要内容。锻炼学员考虑问题的角度，分析问题和解决问题能力。使学员学会如何通过作品阐述自己的设计思路。 |
|
2、电子商务网站的需求分析 |
6、个人简历网站案例分析 |
|
3、电子商务网站的原型设计 |
|
|
4、电子商务网站的页面设计与制作 |
|
|
阶段四测试(课程六、七、八) |
|
阶段5 移动端界面设计 |
|
课程名称 |
内容 |
目标 |
课程九、Web视觉提高篇-
UI移动端界面设计基础 |
1、移动客户端基础知识 |
5、IOS系统APP图标与界面 |
详细讲解ICON图标的类型，不同手机平台设计规范；掌握应用软件独立设计制作图标与界面的能力。以及ios平台和Android平台上布局规范设计。 |
|
2、移动端手机系统与手机的发展 |
6、Android系统APP图标与界面 |
|
3、图标设计的基本原则 |
|
|
4、移动客户端UI设计实例 |
|
课程十、Web视觉实战篇-
UI移动端界面设计进阶 |
1、客户端图标设计 |
5、游戏HUD界面设计 |
ICON设计基本流程与设计规范的概念性讲解，掌握当今世界最系统的UI界面图标设计技能，重点了解各种风格的设计方法通过各种风格设计方法训练，快速掌握不同图标与界面设计特征和效果实现。 |
|
2、播放器界面设计 |
6、手游之地图设计 |
|
3、不同主题界面设计 |
7、冰雪消除游戏主界面设计 |
|
4、手游装备元素设计 |
|
|
阶段五测试(课程九、十) |
|
阶段6 界面原型交互设计 |
|
课程名称 |
内容 |
目标 |
课程十一、Web视觉扩展篇-
Web之Axure高保真原型设计与制作 |
1、Axure RP7.0 软件环境的搭建 |
5、动态面板的常用功能 |
掌握Axure相关软件操作基础，熟练使用更重要是学会直接应用软件，通过综合案例实战使已有简单基础的学员深入掌握产品交互设计 |
|
2、认识Axure的软件界面 |
6、Axure 函数应用 |
|
3、Axure工具栏的使用 |
7、案例之电商网站的从分析到原型设计 |
|
4、Axure常用组件设计 |
|
课程十二、Web视觉扩展篇-
APP之Axure高保真原型设计与制作 |
1、主流APP导航设计分析与制作 |
通过案例学习掌握移动APP原型设计、交互设计的原理，不同功能的交互逻辑，设计符合用户习惯的功能流程。 |
|
2、社交类APP界面原型设计 |
|
3、八种常用交互方式的原型制作 |
|
4、案例之Fancy 的原型制作 |
|
阶段五测试(课程十一、十二) |
