培训对象： 高校毕业生
一、 培养目标：
培训后学员所具备的专业技能：了解UI设计的工作流程；掌握基本的UI设计相关软件（PS\AI\AE）；掌握作为一名UI设计师应该掌握的排版、字体、色彩、光影、交互等基础知识；了解和掌握平面以及UI设计的相关规范；掌握网页前端制作的基本知识(HTML+CSS\JS+JQ)。
培训后学员具备一定的审美和欣赏水平；能够独立设计制作平面广告、banner、UI界面、网页的能力；在设计团队中快速适应自己的工作内容、全面提升设计能力、适应各种设计岗位。
| UI设计第一阶段课程大纲 | ||
| 所处阶段 | 主讲内容 | 技术要点 |
| Photoshop基础入门 | 初识PS软件 | PS基本介绍；PS基本概念；PS软件的基本功能及适用范围；界面讲解；选框工具；图层基本认识与操作；填色功能讲解；对齐与分布；选框的布尔运算；选框的修改 |
| 工具应用及图像合成 | 多边形套锁应用；透底图讲解；魔棒应用；快速选择工具；图像合成；工具综合应用；渐变工具；选框工具；选框修改；渐变类型径向 | |
| 钢笔工具基础及高级使用 | 钢笔工具基本应用；钢笔工具抠图方法；定义画布；商业案例抠图，画笔工具，渐变工具，及商业案例 | |
| 形状绘图及综合应用 | 形状模式绘图；形状图层；形状属性栏；形状填充类型、描边类型；布尔运算；小白小黑的应用；形状的绘制；形状的复制；综合应用形状和画笔等功能 | |
| 字体设计及图层样式 | 渐变叠加；描边；斜面和浮雕；内阴影；投影；形状绘制；文字工具；字体排版；图层样式综合应用 | |
| 调色功能及色彩三属性 | 色阶；曲线；色彩平衡；色相饱和度；渐变映射；可选颜色 | |
| 图层混合模式及蒙版 | 正片叠底；滤色；叠加；认识蒙版；蒙版应用；蒙版高级应用及技巧；蒙版及混合模式的综合应用；蒙版及调整层 | |
| 滤镜的应用及使用原则 | 液化；滤镜库；扭曲；镜头光晕；铬黄；素描效果 | |
| 通道抠图基础及高级应用 | 通道基础讲解；通道抠图技巧；通道抠图制作广告；通道抠图及商业案例 | |
| AI基础入门 | 初识AI软件 | AI基本介绍；界面讲解；绘图工具及基本操作；图形基本绘制；颜色填充；渐变工具；吸管工具；选择工具；直接选择工具；路径查找器；形状模式；描边应用；描边面板；描边扩展应用 |
| 手机图标的综合应用 | 路径查找器；变换功能；路径查找器分割；渐变网格工具；网格添加、删除、改色；剪贴蒙版；AI综合应用；混合工具；透明度面板 | |
| 字体设计及软件中的一些知识点 | 文字创建轮廓；文字变形；文字设计方法；路径文字；绘图综合；字体设计综合；立体文字制作方法；3D突出和斜角；混合工具 | |
| 品牌设计基础 | 品牌视觉识别系统VI设计 | logo设计以及Logo使用原则；名片分类与设计流程；出血；纸张；版式设计技巧；视觉焦点设计；底纹装饰添加原则 |
| 广告设计基础 | 易拉宝展架；尺寸规范；制作规范；设计技巧；输出原则；折页设计与结构；设计权重级别；根据级别设计；区域文字排版；标题与正文规则；PS与AI结合使用技巧 | |
| UI设计第二阶段课程大纲 | ||
| 网页美工设计实战 | 网站基础 | 网站特征、功能分析与风格表现分析；网站从0到1的实现过程，包括产品定位、人群分析、竞品分析、架构-交互-设计等；设计需求思路整理；视觉、配色、设计规范 |
| 网站前台页面设计 | 合理化设计3大要素；如何根据原型功能合理制作界面；从设计角度分析版块之间的联系与区别；合理布局与配色；风格确定及元素的设计（扁平、质感、立体） | |
| 电商美工设计 | Banner设计 | 字体认知与字体应用情景；字体排版方法及技巧；字体效果表现形式；配色基础；色彩意向；色彩三属性搭配（强中弱对比原则）的应用；颜色轻重远近应用；版式平衡与版式分割的实际应用 |
| 首页设计 | 店招及导航设计；主图设计规范；主图设计方法； | |
| 详情页设计 | 详情页结构分析；运营需求梳理；详情页标题排版形式汇总；运营专业术语讲解及查看方式 | |
| 活动专题页设计 | 节日专题；日常专题；事件营销设计； | |
| gif动画 | 详情及导航常见动效；时间轴基础；帧动画及时间轴动画；视频转GIF格式； | |
| UI设计第三阶段课程大纲 | ||
| UI设计 | UI图标创意 | 图标的作用与分类；图标常见风格；图标创意方法 |
| 图标抽象及绘制技法 | 线框、剪影、扁平、写实图标绘制技法 | |
| ios移动端界面设计 | app行业分类及现状；iOS平台规范；应用图标设计；启动页设计；引导页设计；主页面设计；导航样式；常见版式特征 | |
| iOS改版安卓及适配切图 | 安卓改版；项目文件整理；输出标注图；输出切图 | |
| 用户体验 | 何为用户体验；优秀体验的设计原则；不良体验优化 | |
| AE动效 | Ae基础 | Ae基本操作；Ae中素材导入方法；关键帧类型；关键帧的修改；变换属性的应用；父级；预合成；跟踪蒙版；变换应用 |
| Ae形状动画效果动画 | 预合成；轨道蒙版；AI路径导入AE；描边修整路径；路径开始结束动画；字符偏移；轨道蒙版；路径开始结束动画；AE绘制图形动画 | |
| Ae遮罩及路径动画 | AE中图形动画；保持关键帧；图形动画综合；路径动画；遮罩动画；路径动画；变换动画；效果与遮罩；基础动画 | |
| UI设计第四阶段课程大纲 | ||
| 静态网页设计(html5+css3） | html基础 | 体验html；标签；标题；标签属性；网页基本结构；body属性； |
| 文本与图片 | bui font a p br,H1-H5，如何使用DW | |
| 列表、表格及表单 | 无序列表；有序列表；项目列表；热点新闻；表格基础；测试表格边框线；input标签；下拉菜单；表单页面 | |
| 框架、图片映射、媒体 | iframe、map、area、audio、video、source | |
| 语义元素与无语义元素 | span、div、header、nav、section、article、aside、footer | |
| CSS选择器及引入方式 | id选择器、属性选择器、复合选择器、行内式、外链式、CSS层叠性和继承性； | |
| 文本 | 颜色(Color)、字体(Font)、文本(Text)、文本装饰(Text Decoration)、书写模式(Writing Modes)、列表(List)、表格(Table)、表单（Form） | |
| 盒子模型（box mode） | 尺寸(Dimension)外补白(Margin)、内补白(Padding)、边框(Border)、背景(Background)、定位(Positioning)、布局(Layout)、内容(Content)、用户界面(User Interface)、多列(Multi-column) | |
| 动画(Animation) | 变换(Transform)、过渡(Transition)、动画(Animation) | |
| 自适应（Responsive Web） | 媒体查询(Media Queries)、尺寸(Dimension) | |
| 兼容性 （cross-browser） | CSS Hack、私有属性、腻子脚本 | |
| 前端设计经验与技巧 | Margin-top塌陷、DIV自动增加高度、前期初始化、清除图片下方的空白间隙、CSS精灵详解 等 | |
| 项目实训 | 电商网站前端设计等 | |
| 网页动态效果设计(Javascript+JQuery) | js基础 | alert、promp、函数（方法）、参数、变量、对象、数据类型、事件、运算符。 |
| 函数及条件判断、循环语句 | 自定义函数、条件判断语句、循环语句、定时器 | |
| jq基础 | jq书写规范，选择器、事件 | |
| jq操作 | 属性操作、css操作、DOM操作、链(Chaining) | |
| 遍历与效果 | 筛选、各种遍历、树遍历、基础效果、渐变、滑动、自定义、回调函数 | |
| 项目实训 | 轮播、放大镜等动态效果设计 | |
| 综合实训 | ||
