UI设计师培训班大纲.doc

UI设计师培训大纲课程背景:随着IT业的快速发展,IT业的从业人员队伍也在不断扩大,做为软件项目中必不可少的UI设计师,在国内的各大院校或培训机构,并没有针对实际运用技能开设的职业化UI设计培训课程.而这就是我们开设这个课程的目的所在.对象:即使对UI设计一无所知,无经验,无基础的学员,都可通过此培训走上UI设计师的职业岗位.而对于有一定UI设计基础,会使用网页常用软件的学员,想在UI设计上有所进步,谋求高职位,高薪资的.也可参加高级UI设计师培训课程.教学理念: 系统化知识点讲解+实战操作+应试技巧+职业化UI设计师基础班大纲第一部分:UI设计概述第二部分:软件(Dreamweaver8、PhotoshopCS3)第三部分:DIV+CSS,HTML基础, 支持多浏览器网页制作第四部分:美术基础,网页制作原则第五部分:UI设计中的实用技巧及结业作品制作.第一部分:UI设计概述1.1 什么是UI设计1.2 国内外UI设计的发展1.3 做为一个UI设计师所具备的技能第二部分:软件2.1 photoshopCS3基础概念2.2面板介绍2.2.1 测量记录2.2.2 导航器2.2.3动画2.2.4 动作2.2.5 段落2.2.6仿制源2.2.7 画笔2.2.8历史记录2.2.9路径2.2.10色板2.2.11 通道2.2.12图层2.2.13图层复合2.2.14 信息2.2.15选项2.2.16 颜色2.2.17 样式2.2.18 直方图2.2.19字符2.3 工具箱介绍2.3.1 选择2.3.2 移动2.3.3 套圈2.3.4 魔术棒2.3.5 剪裁2.3.6 切片2.3.7修复画笔2.3.8 画笔2.3.9图章2.3.10历史记录画笔2.3.11橡皮擦2.3.12渐变2.3.13模糊/锐化/涂抹2.3.14 减淡/加深/海绵2.3.15 钢笔2.3.16 文字2.3.17 路径选择2.3.18 图形2.3.19 附注2.3.20 吸管2.3.21抓手2.3.22缩放2.3菜单介绍-文件2.3.1 新建/打开2.3.2保存方式2.3.3 导入2.3.4打印/页面设置2.3.5 分辨率2.4菜单介绍编辑2.4.1还原2.4.2 前进/后退2.4.3 渐隐2.4.4 剪切/拷贝/粘贴2.4.5 清除2.4.6 拼写检查/查找替换文本2.4.7 填充2.4.8描边2.4.9变换2.4.10 定义画笔/定义图案2.4.11 清理2.4.12 预设管理器2.4.13 颜色设置2.4.14 键盘快捷键/菜单设置2.4.15首选项设置2.5菜单介绍图像2.5.1色彩模式2.5.2 色彩调整2.5.2.1色阶2.5.2.2曲线2.5.2.3 色彩平衡2.5.2.4亮度/对比度2.5.2.5色相/饱和度2.5.2.6颜色/黑白色/去色/替换颜色/可选颜色/通道混合器/色调变化/色调分离2.5.2.7颜色/渐变映射/照片滤镜/阴影高光/曝光度/反相/阈值/色调均化2.5.3 图像大小2.5.4画布大小/画布裁剪/画布旋转2.6菜单介绍图层2.6.1 新建图层2.6.2复制图层/删除2.6.3图层属性2.6.4 图层样式2.6.4.1 投影2.6.4.2 内阴影2.6.4.3 外发光/内发光2.6.4.4 斜面和浮雕2.6.4.5 光泽2.6.4.6 颜色叠加2.6.4.7 渐变叠加2.6.4.8 图案叠加2.6.4.9描边2.6.4.10复制样式/粘贴样式/删除样式2.6.5 图层蒙板2.6.6文字2.6.7图层编组2.6.8图层排列2.6.9图层对齐2.6.10 图层合并2.6.11图层锁定2.7菜单介绍选择2.7.1 反向选择2.7.2色彩选择2.7.3修改选区2.7.3.1 边界2.7.3.2平滑2.7.3.3 扩展2.7.3.4收缩2.7.3.5羽化2.7.4 选区载入2.7.5 选区存储2.7.6选区变换2.8菜单介绍滤镜2.8.1 特殊滤镜 2.8.2 抽出 2.8.3 液化 2.8.4 图案生成器2.8.5 内置滤镜 2.8.6 像素化 2.8.7 扭曲 2.8.8 杂色 2.8.9 模糊 2.8.10 渲染 2.8.11 画笔描边 2.8.12 素描 2.8.13 纹理 2.8.14 艺术效果 2.8.15 锐化 2.8.16 风格化 2.8.17滤镜库2.9菜单介绍视图2.9.1 显示方式2.9.2辅助线/标尺2.10 切图2.11 GIF 动画制作 2.12实战练习(穿插在前面的课程中进行)2.10.1 字体特效2.10.1.1水晶字 2.10.1.2金属字 2.10.1.3马赛克字 2.10.1.4毛绒字2.10.2 背景效果 2.10.2.1 抽线图(3种效果) 2.10.2.2 vista 风格背景 2.10.2.3山水照片处理成水墨画效果2.10.3 人像处理2.10.3.1 人像美化 2.10.3.2打造人物银色金属效果 2.10.4 绘画 2.10.4.1逼真的柠檬 2.10.4.2火球 2.10.43花纹红木地板的制作2.10.5 按钮制作2.10.5.1普通灰色按钮 2.10.5.1水晶按钮 2.10.5.2 浮雕按钮2.10.6 切图练习2.10.7 Gif动画练习2.13 快捷键运用2.14 复习/测验3.1 Dreamweaver 8课程介绍与基础知识3.1.1.软件起始页的用法 3.1.2界面布局与切换3.1.3定制工具箱 3.1.4代码拆分与设计模式 3.1.5.定制实用界面布局3.1.6.标签选择器 3.1.7.选取手形和缩放工具 3.1.8.显示设置与速度统计3.1.9属性面板与设置 3.1.10.菜单命令快速上手 3.2站点3.2.1网页制作原则3.2.2建立新站点3.2.3文件路径概念3.2.4页面全局属性3.3超链接3.3.1 文字链接3.3.2图片链接3.3.3锚点链接3.3.4 EMAIL链接3.3.5 下载链接3.4 图像处理 3.4.1插入及设置图片 3.4.2为图片添加提示文本 3.4.3用属性面板设置图片 3.4.4 编辑图像热区 3.4.5 调用外部程序编辑图像3.4.6 优化与裁切图像 3.4.7对图像重新取样 3.4.8调整图像亮度和对比度3.5 表格3.5.1 插入表格3.5.2 表格添加内容3.5.3表格对齐方式3.5.4 表格导入与导出3.5.5插入行或行3.5.6表格嵌套3.5.7 表格属性3.5.8 行属性3.5.9 列属性3.5.10为表格添加背景图/背景色3.5.1 2表格边框设置3.5.13合并列/行3.5.14表格/列/行尺寸设置3.6 文本与列表控制3.7.1文字大小颜色与对齐3.7.2 网页标题修改3.7.3 文本中的空格和特殊字符3.7.4段落/换行3.7.5 定义列表3.7.6 插入水平线3.7.7 文本缩进3.7 多媒体3.8.1 网页中的FLASH3.8.2 网页中的视频3.8.3网页中的音频3.8 CSS样式3.9.1 创建、修改、切换CSS样式3.9.2 文本3.9.3 背景3.9.4 区块3.9.5 方框3.9.6 边框3.9.7 定位3.9.8 光标3.9 框架3.10.1什么是框架3.10.2框架的种类3.10 模板3.11 实战练习3.11 .1配合Photoshop建立表格3.11.2 根据图片切片,做成网页3.11.3 框架练习3.12复习/测验第三部分:DIV+CSS,HTML基础4.1 什么是css?什么是web2.0?4.2 HTML基础4.2.1 HTML元素4.2.2 HTML标签4.2.2.1基本标签4.2.2.2 标题标签4.2.2.3 整体标签4.2.2.4文本标签4.2.2.5 链接标签4.2.2.6 格式排版4.2.2.7图形元素4.2.2.8 表格4.2.2.9 表单4.3 CSS基础知识4.3.1 命名规范4.3.2 书写规范4.3.3 文件存放目录4.3.4 文件格式4.3.5网页编码4.3.6注释4.3.7 CSS的几种引用方式4.3.8 CSS的表现方式4.4 CSS属性4.4.1 字体4.4.2 文本4.4.3 背景4.4.4尺寸4.4.5 布局4.4.6内边距4.4.7外轮廓4.4.8 边框线4.4.9 位置4.4.10 列表4.4.11 链接4.4.12 全局属性4.5 实战练习 4.51 布局练习 4.52 链接练习 4.53 列表练习4.6复习/测验第四部分:美术基础,设计原则5.1风格 5.1.1 欧美风格 5.1.2 日韩风格 5.1.3极简风格 5.1.4个性化风格5.2分类 5.2.1 门户类 5.2.2小型介绍类 5.2.3 系统软件类 5.2.4 艺术类5.3 色彩 5.3.1 同色系 5.3.2 主辅色 5.3.3对比色5.4 设计原则第五部分:UI设计中的实用技巧及结业作品制作.6.1 photoshop中技巧总结6.2 网页制作中技巧总结6.3 面试技巧6.4 结业作品制作教材推荐:Photoshop CS 印象炫彩特效制作技术精粹（附光盘一张）￥58.00人民邮电出版社实例版Dreamweaver 8网页制作（附光盘）电子工业出版社 定价：￥49.00CSS禅意花园 人民邮电出版社￥49.00基础班课程表第1天1.1-2.2第2天2.3-2.6第3天2.7-2.9第4天2.10 2.11 2.13第5天2.12 2.14第6天3.1-3.2第7天3.3-3.5第8天3.6-3.8第9天3.9-3.10第10天3.11-3.12第11天4.1-4.2第12天4.3-4.4第13天4.4第14天4.5第15天4.5第16天5.1-5.4第17天6.1-6.2第18天6.3-6.4第19天6.4第20天6.4UI设计师高级班大纲第一部分: 软件(Flash CS3、IllustratorCS3)第二部分: UI设计师必不可少的小软件介绍(swish,闪克精灵,webmenu2.0,webzip,snagit)第三部分: SEO优化培训(从设计师角度出发)第四部分: UI设计中的实用技巧及结业作品制作.第一部分: 软件(Flash CS3、IllustratorCS3)1.1 Flash CS3介绍1.1.1文件属性 1.1.2导入文件1.1.3菜单介绍1.1.4面板介绍1.1.5预览影片1.1.6发布影片1.2图形1.2.1创建图形1.2.2使用渐变填充1.2.3选择图形1.2.4修改图形1.2.5创建简单的动画1.2.6使用线条工具1.2.7操纵对象1.2.8遮罩对象1.3创建并编辑元件1.3.1导入文件1.3.2关于元件1.3.3将对象转换为元件1.3.4导入位图图像1.3.5将位图添加到影片剪辑元件1.3.6使用按钮1.3.7添加透明度1.4使用文本1.4.1在时间轴中组织图层1.4.2在图层上设置资源1.4.3使用补间来使对象动起来1.4.4创建文本1.4.5使用遮罩让文本动起来1.4.6使用补间模拟振动动作1.5动画1.5.1建立项目文件1.5.2使影片剪辑元件动起来1.5.3使用嵌套元件1.5.4使用遮罩使元件动起来1.5.5在舞台上移动对象1.5.6添加声音1.5.7添加停止运作1.5.8使标题动起来1.5.9变形对象1.5.10淡入对象1.5.11使用动画沿路径动起来1.6按扭制作1.7ActionScript基础1.8使用组件1.9使用声音和视频1.10 加载并优化Flash内容1.11 发布Flash文档1.12 实例练习 1.13复习/测验2.1 IllustratorCS3介绍2.1.1 矢量图与位图2.1.2常用文件格式/置入/导出/保存2.1.3 颜色模式2.1.4 工作界面2.1.5 标题栏与菜单栏2.1.6 工具箱26个工具介绍2.2图形2.2.1 路径2.2.2 图形组合2.2.2 变形2.2.3画笔使用/符号使用2.3颜色 2.3.1 渐变2.3.2混合工具2.3.3描边2.4图层蒙板2.4.1图层属性2.4.2 蒙板属性2.5 文本属性 2.5.1 段落文本 2.5.2路径文字2.5.3 区域文字2.6 创建与编辑图表2.7 滤镜与效果2.7.1滤镜菜单的使用2.7.2效果菜单的使用2.8 实战练习2.9复习/测验第二部分: UI设计师必不可少的小软件介绍(swish,闪客精灵,webmenu2.0,webzip,snagit)3.1 Swsih动画软件3.2闪客精灵flash编译软件3.3 webmenu2.0下拉菜单效果软件3.4 webzip 离线浏览/下载工具3.5 snagit 抓图软件3.6实战练习第三部分: SEO优化培训4.1 从设计师角度做SEO优化第四部分: UI设计中的实用技巧及结业作品制作5.1 总结5.2 结业作品制作高级班课程表第1天1.1-1.2第2天1.3-1.5第3天1.6-1.8第4天1.9-1.11