UI交互设计培训（一）

东方博宜UI交互设计一期课程

入学条件：

1、零基础开始，想要成为一名成功的UI设计师

2、已经在企业中担任平面设计制作人员，想要转型为UI设计师

3、有志于进入UI设计，UI设计领域发展的学员，对色彩能力有敏锐的能力者优先录取。

一、模块软件基础

1、Photoshop平面设计

1） 学习Photoshop软件界面构成与计算机图像设计的基本知识;

2）掌握各种图像处理工具的使用和位图图像的处理技巧;

综合案例：

平面设计-----了解平面海报、画册、招贴设计中构成及创意方法。

网店设计-----网店产品图片处理、网站广告(banner)设计。

UI界面设计-----简单了解UI图标的设计手法和制作过程。

2、Illustrator应用技能

1）学习AI的基本功能及应用范围;

2）掌握AI常规操作、 创建基本图形、 创建并编辑路径、 创建符号和图表、 创建和编辑文本、 图层与剪切蒙版、 效果与滤镜等;

3）矢量图形绘制的技巧和矢量图形的注意事项;

综合案例：掌握AI在标志 、字体、各类UI图标设计中的制作手法和应用手段等等;

3、InDesign应用技能

1）通过报刊杂志设计，掌握排版中的页码设计、页面模板设计、文本和样式、图形图像、表格工具、自适应目录等;

2）掌握印前与输出的相关应用，书籍与长文档的制作;

3）掌握深入挖掘工具背后隐藏的技巧，应用软件教学规范化设计;

综合案例：杂志、报纸、书籍;

4、CorelDRAW应用技能

1）了解CorelDRAW软件的特性并掌握CorelDRAW的基本操作;

2）矢量图形绘制的技巧;

3）掌握CorelDRAW和打印排版中的相关知识点;

综合案例：利用CDR完成VI(企业视觉传达系统)、画册排版、海报等的制作;

5、综合项目实战

通过教员的指导与学员的练习，每位学员在规定的时间内完成一套完整移动设备

二、UI设计

1、图标设计

1）学习图标的分类，图标的设计与制作规范;

2）理解不同类型图标的设计特征;

3）设计制作多系统图标(剪影、扁平化、2.5D、超写实、3D等);

综合案例：设计PC、移动的各类小图标;

2、移动APP

1）基础知识：APP开发与设计流程，屏幕尺寸与分辨率介绍及常用的单位介绍;

2）平台规范：iOS、Android、IPad、Windows Phone7系统特点与标准，文字标准，框架标准;

3）界面设计：移动产口页面分析，页面风格分析，APP页面制作，适配、标注与切图规范;

综合案例：安卓、IOS图标制作、界面制作;

3、WebUI

1）Banner设计：banner的种类与风格，banner的设计方法，banner的构成思路;

2）网页设计流程及规范：网页的设计流程，网页构成元素与规范，网页的布局模式;

3）页面分析：网站的类型与风格，主流行业网站分析，不同网站的布局与排版方式;

4）专题页设计：专题页头图设计，专题页板块设计，各类型专题页分析与制作，专题页设计思路，专题页实战练习;

综合案例：商业网页整站设计;

三、Dreamweaver PC网页制作

1、网页设计基础、标签讲解

1）网页设计基本流程和工作内容;

2）WEB页和移动页面的设计规范，网页的风格和色彩;

3）网页的基本结构、元素构成(文本、多媒体元素)、标签的组合;

案例：各类风格的商业网站赏析、新闻页排版、广告业排版;

2、表格和表单

1）表格基本结构的搭建;

2）表格的修饰：宽、高、位置、颜色、背景，行列合并、结构修改、线合并等;

案例：各类报名表的制作、简历表的制作、房产活动页面制作、游戏页面制作、登陆页面、留言页面制作;

四、HTML5+CSS3移动页面制作

1、TML5基础元素；DIV+CSS页面布局

1）常见的DIV布局案例，DIV的浮动和定位;

2）CSS的选择器及属性详解：文字、文本、背景、定位、布局、边框、补丁和补白、浮动等详解;

3）CSS：导航等各类CSS;

案例：学校网页、政府网页、商业网页、电商网页的DIV+CSS布局;

2、HTML5基础元素

1）HTML5移动端页面设计的基本流程、设计原理、设备支持;

2）HTML5新增元素、文档结构、多媒体支持讲解;

案例：利用H5的标签制作手机端餐饮类页面;

3、CSS3讲解、移动页面设计综合案例

1）CSS3新增属性详解：文本、背景、边框、动画等详解;

2）CSS3的网页布局原则和实战练习;

案例：CSS3各类案例，移动商业成品站制作;