UI设计培训最全学习大纲.docx

1、UI设计培训最全学习大纲第一步：软件基础与平面设计第1阶段 全能设计师职业规划 自我分析与认知 环境分析 设计师定位 平面设计师 网页设计师 UI设计师 UI设计师职业分类 前端工程师 目标分解计划 设计师具备的能力 成为设计师的其他素质第2阶段 PS应用认知 PS应用介绍 PS历史介绍,安装 界面介绍 文件新建与存储 文件的打开与关闭第3阶段 PS工具组学习与应用 移动工具 选区工具组 套索工具组 快速选择工具 魔棒工具 裁剪工具 吸管工具 污点修复画笔工具 画笔工具 仿制图章工具 历史记录画笔工具 渐变工具 模糊工具 减淡工具 钢笔工具 文字工具 路径/直接选择工具 矩形工具 抓手工具 前

2、景色背景色设置 快速蒙板 屏幕模式第4阶段 PS菜单栏 文件菜单 编辑菜单 图像菜单 文字菜单 选择菜单 滤镜菜单 视图菜单 窗口菜单 定义图案 图像模式 调整 图像大小 图层样式 图层混合模式 智能滤镜 图层蒙板 创建剪贴蒙板 文字面板 色彩范围 风格化 模糊 滤镜库安装 动作批处理 时间轴 通道 颜色/色板 不透明度与填充 商业人像后期处理第5阶段 Illustrator AI课程概述 矩形工具组 填色与描边 选择工具组 线段工具组 画笔工具组 形状变换工具组 实时上色工具 钢笔工具组 文字工具组 渐变工具 混合工具 常用控制面板 布尔运算 链接面板 EPS格式的特点 文件菜单 对象菜单

3、效果菜单 视图菜单第6阶段 平面广告与企业VI 精美广告海报设计 海报理论 个人艺术海报 变形金刚电影海报分析 海报背景打造 电影海报制作 海报细节处理 唯美电影海报制作 时尚名片设计 名片的作用 名片欣赏 名片设计 印刷用纸介绍 超窄名片设计 企业VI形象系统 标志设计理论知识 公司标志设计 源代码教育标志设计 发散性思维方式 LOGO的设计灵感 中国风LOGO 素材选取排版 文字排版 背景打造 文字细节打造 最终效果处理技巧 商业人像后期处理第7阶段 字体设计 创意字体设计理论及技巧 书法类字体介绍 字体各种变化方式 创意字体设计案例 时尚潮流字体设计 极坐标发散爆炸字效 极具金属质感的立

4、体字效果 源代码帮你脱光 源代码立体字 炫酷黄金字体设计 AI打造精美字体第二步：电商广告创意设计第1阶段 电商广告基本理论 什么是电商设计 欣赏电商设计作品 电商广告形式美法则 黄金分割法则 广告设计思路 广告设计基本要求 寻找素材方式 字体版式概述 广告创意设计概第2阶段 电商广告基本案例 电商背景打造技巧 电商字体打造技巧 电商产品打造技巧 数码类广告设计 化妆品类广告设计 服装类广告设计 奢侈品类广告设计 快消品类广告设计 电商工作流程第3阶段 电商创意广告设计 创意方法 魔法元素初步打造 打造魔法元素文字背景 炫酷效果调整 快速打造火焰赛车 快速打造背景 光芒打造 案例及文案制作 K

5、AMEIDO打造背 人物案例 KAMEIDO产品 文案制作第4阶段 电商店铺专题设计 电商店铺专题设计认识 电商店铺专题设计练习 电商店铺专题设计分析 电商店铺专题设计基本打造 电商店铺专题设计布局 电商店铺专题设计配色 电商店铺专题设计技巧 电商店铺专题设计最终效果第三步：网页版式设计与配色技巧第1阶段 网页基础概述 透视与构图 网页设计介绍 美术理论 WEB元素设计(基础) WEB元素设计（高级） 字体设计 版式设计 WEB设计规范（基础） WEB设计练习（基础） WEB设计规范（效果） WEB设计练习（效果） 如何进行项目分析第2阶段 色彩搭配技巧 色彩心理学 色彩心理效应 色彩心理效应

6、之橙色背景 色彩心理效应之背景制作 色彩万能搭配理论 色彩万能搭配分析 色彩万能搭配技巧 色彩万能搭配细节 色彩万能搭配深度讲解 黑白色彩的力量 黑白色彩的力量广告 黑白色彩的力量心理效应 黑白色彩的力量黑白配色 调节图像黑白效果 黑白色彩的力量黑白配色的方法第3阶段 网站配色技巧与应用 网站配色概论 网站配色赏析 技巧深入讲解 网站配色技巧 调用图片中的颜色 如何让颜色协调 图标基座 图标刻画 巧妙的色彩与构图 黄橙理论 黄橙的特性（上） 黄橙的特性（下） 案例分析 案例基本操作 案例完成效果第4阶段 创意网页设计 WEB元素的打造技 网页图标 网页banner 艺术字体打造 各种风格的表现

7、 卡通风格 清新系列 中国水墨气息打造 欧美简约大气风格 游戏类网页设计 个性化炫酷 WEB尺寸大小 网页设计规范 网站设计基本流程 网页用户体验设计第四步：移动端UI界面设计第1阶段 UI认识及应用 UI基本概念 UI设计应用 UI设计发展 UI未来趋势 人机交互理论 手机UI图标尺寸规范 剪影图标绘制 2D、3D图标光影 透视的处理 图标色彩搭配技巧 写实图标认识 扁平化图标发展 扁平化图标未来趋势 各平台设计规范 各平台设计趋势 AxureR/墨刀交互原型绘制工具使用第2阶段 个性UI图标绘制 整套IOS8图标设计 个性天气图标 个性电子邮件图标 个性齿轮图标 个性咖啡杯图标 个性文件夹

8、图标 个性添加好友图标 个性锁图标 雨伞图标 个性苹果图标 个性邮件图标 打造写实图标 其他精美图标练习 手机主题设计 手机插件绘制 手机壁纸绘制第3阶段 手机APP界面设计 手机APP制作规范 手机APP尺寸要求 android手机AP ios手机APP 多媒体终端界面设计 功能需求 技术支持 视觉规范 APP界面布局 项目分析 框架设计 界面视觉设计 APP风格定位 风格统一性 把握 手机APP状态栏 手机APP标题栏 手机APP导航 手机APP内容 低保真图 高保真图 优秀手机界面赏析第4阶段 游戏UI界面设计 Q版本游戏主界面制作 中国风背景 细化及总结 中式风格游戏界面介绍 中式风格

9、游戏界面 中式风格游戏界面图像制作 中式风格游戏界面标题文字 中式风格游戏界面版权信息 中式风格游戏界面细节 中式风格游戏界面按钮 中式风格游戏界面按钮2第五步：WEB前端制作第1阶段 xhtml基础知识 网页结构认知 html+css课程介绍 html标记语法基础 html文档基本结构 html编辑器 body详解 html标记语义应用上集 html标记语义应用下集 html列表 图片应用 html阶段实战 新闻页面 html表格应用基础 html表格高级应用上集 html表格高级应用下集 html超链接应用 html表单应用基础 html表单详解 html多媒体应用第2阶段 css网页样式

10、 css入门简介 css高级选择器 css背景设置 css三大特性 css理解表现与结构相分离 css语法 css应用的方式 css语法及优先权 css控制文字及链接 css选择符详解 css盒子模型详解 css列表-边框详解 css案例-新浪新闻页面 css块与内联元素 css控制背景 css精灵 浮动布局 清除浮动 定位布局 清除浮动技巧 css项目实战-专题网页制作第3阶段 div+css高级应用 css高级技巧之精灵图制作 css高级技巧之滑动门 css高级技巧之margin负值 cssIE6常见bug解决总结 css活动页面制作 css作品辅导 整体总结与分析第六步：JavaScri

11、pt+Jquery+HTML5+CSS3 第1阶段 JavaScript入门 JavaScript简介 JavaScript语法 JavaScript中对象 JavaScript属性 JavaScript方法 JavaScript操作页面元素的方法 JavaScript制作选项卡菜单 javascript 入门之事件三要素 javascript 入门之数据类型的变量 javascript 入门之条件语句 javascript 入门之循环语句 javascript 入门之定时器(一) javascript 入门之定时器(一) javascript 入门之定时器(二)第2阶段 jquery jQu

12、ery入门 jQuery 选择器使用 jQuery 选择器使用2 jQuery 下拉菜单特效的（添加类） jQuery 精品服饰特效的（遍历函数） jQuery 页面突出效果特效的（淡入淡出动画） jQuery 屏幕滚动特效 jQuery 手风琴特效 jQuery 两侧自动跟随的广告 jQuery 导航模块特效 jQuery 浏览器综合案例 jQuery 淡入淡出轮播图 jQuery 上下滑动轮播图 jQuery 渐变轮播图 jQuery 滚动轮播图 常用插件的使用演示 正则表达式第3阶段 响应式网页制 什么是响应式 设备检测 更换样式表 绿色食品网的实战 jQuery M 绿色食品网站响应式

13、网页制作 响应式绿色食品网站制作 响应式网页制作（一） 响应式网页手机轮播图 响应式网页布局（二）第4阶段 神奇的html5和css3HTML5 常用标签 HTML5 表单 HTML5 音频 HTML5 视频 CSS3简介 CSS三角写法 CSS3 入门选择器 CSS3 圆角 CSS3 阴影 CSS3 背景 CSS3 过渡特效 动画 淘宝旋转三角2d转换盒过渡 圆角过渡效果 圆角过渡效果完成 字体图标 用css3写盒子 鼠标经过完成效果 翻转文字开始 翻转文字结束第七步：Flash动画设计第1阶段 认识Flash 认识flash界面 flash基本操作 flash工具介绍 flash舞台 fl

14、ash工具箱 flash菜单 flash属性 flash时间轴 flash工具综合运用绘制 flash的应用领域 flash动画原理 flash基本操作第2阶段 Flash动画 什么是动画 flash动画介绍 关键帧的使用 空白关键帧 普通帧 逐帧动画制作 补间动画 传统补间 元件介绍 形状补间介绍 组、绘制对象、形状、元件区别 遮罩动画使用 引导动画使用 元件与运动补间动画 文字动画效果 元件的编辑技巧 商业广告动画制作原则 flash时间差动画效果第3阶段 动画案例 家居广告动画上集 家居广告动画下集 房地产广告动画 形状补间动画 翻书动画 补间动画综合案例上集 补间动画综合案例下集 引导层动画原理 引导层动画注意事项 引导层动画扩展 flash动画节奏感的调整技第4阶段 Flash影片剪辑 影片剪辑使用 影片剪辑元件详解 按钮的使用 声音的处理 三种元件嵌套 SWF文件的下载和破解 做banner动画时怎么压缩 声音案例制作 影片剪辑元件商业广告 写字动画效果 遮罩层动画原理 文字走光动画效果 汽车广告动画