项目一 揭开内幕——认识UI设计
第一节 UI设计概述及现状
一、什么是UI设计
二、UI设计的发展
第二节 UI创意鉴赏
一、网页界面设计要素
二、评测淘宝网界面
第三节 UI设计规范
一、UI设计原则
二、用户界面设计的工作流程
三、开发用户友好性系统的设计原理
第四节 界面结构与实现
一、界面对话设计
二、数据输入界面设计
三、屏幕显示设计
四、控制界面设计
第五节 界面设计与测试规则
项目二 技术基奠——界面图形图像的编辑与特效
项目说明
项目准备 图形图像的基本类型
一、位图
二、矢量图
项目实施
子项目一 操作Fireworks
子项目二 随心所欲——专业界面图片设计与制作
子项目三 动漫世界——专业GIF动画设计
项目总结
项目拓展
拓展项目一 个性图片设计
拓展项目二 图书查询logo制作
项目实训
项目三 技术进阶——界面交互动画的制作
项目说明
项目准备
一、Flash简介
二、Flash界面及基本概念
三、Flash基本操作
项目实施
子项目一 移形幻影——矢量动画初现锋芒
子项目二 目不暇接——动作补间动画形神兼具
子项目三 声情并茂——音效处理
子项目四 动画梦工厂——专业矢量动画设计
子项目五 代码驱动——利用代码实现动画设计
子项目六 完美整合——动态Banner设计
项目总结
项目拓展
拓展项目一 交互式Banner设计
拓展项目二 .net课程网站主界面Banner设计
项目实训
项目四 勾画蓝图——界面分析与设计
项目说明
项目准备
项目实施
子项目一 界面需求分析
子项目二 界面效果图制作
项目总结
项目拓展
拓展项目一 新建用户界面元素分析与设计
拓展项目二 设计并制作新建用户界面效果图
拓展项目三 设计并制作主界面效果图
项目实训
项目五 大显身手——实现静态网页
项目说明
项目准备
一、界面原型
二、网页界面设计的相关概念
三、HTML语言
四、XHTML
五、CSS样式表基础
项目实施
子项目一 得心应手——网页可视化开发与调试
子项目二 我“形”我“素”——系统界面制作
项目总结
项目拓展
拓展项目一 文档管理系统其他界面设计与制作
拓展项目二 蓝星德育视频主界面设计与制作
拓展项目三 .net课程网站主界面设计与制作
项目实训
项目六 精益求精——网页客户端处理
项目说明
子项目一 应用字典
一、应用字典简介
二、应用字典的实现
子项目二 界面客户端处理
一、JavaScript概况
二、JavaScript基本数据结构
三、JavaScript程序的构成
子项目三 正则表达式
一、正则表达式的概念
二、元字符
三、各种操作符的运算优先级
四、正则表达式应用举例
五、常用的正则表达式
六、正则表达式和Javascript
七、正则表达式的表单验证应用
项目总结
项目拓展
拓展项目一 完成新建用户界面应用字典制作
拓展项目二 实现新建用户界面密码输入验证
拓展项目三 实现新建用户界面电话号码输入验证
项目实训
附录A 相关资源
A.1 相关网站
A.2 参考书籍
A.3 相关工具
附录B 有关参考手册
B.1 HTML 4.01/XHTML 1.0参考手册
B.2 CSS2参考手册
B.3 JavaScfipt事件参考手册
B.4 JavaScfipt函数参考手册(全局对象)
B.5. 1avaScfipt Date对象参考手册
B.6 HTML DOM参考手册