用户界面设计与网页制作

第一篇 用户界面设计基础

第1章 概述

1.1 初识用户界面设计

1.1.1 什么是用户界面设计

1.1.2 用户界面设计的现状和发展

1.1.3 用户界面设计的分类

1.2 Web应用程序软件的UI设计元素

1.2.1 网页界面布局元素

1.2.2 网页界面组成要素

本章小结

第2章 开发用户界面的工作流程及规范

2.1 开发用户界面的工作流程

2.1.1 用户界面设计的主要内容

2.1.2 原型法

2.1.3 设计并制作用户界面的步骤

2.2 用户界面的设计规范

2.2.1 开发用户友好性系统的设计原理

2.2.2 用户界面的设计原则

2.2.3 界面标准

本章小结

第二篇 界面图形图像处理软件的使用

第3章 Fireworks处理图形图像

3.1 图形图像的基本类型

3.1.1 位图

3.1.2 矢量图

3.1.3 Fireworks的图形文件类型

3.2 认识Fireworks

3.2.1 Fireworks界面及基本概念

3.2.2 Fireworks基本操作

3.3 界面图片的设计与制作

3.3.1 文字编辑与图片优化——图形标题的设计与制作

3.3.2 滤镜的使用——按钮的设计与制作

3.3.3 图片剪辑与绘制图形Logo的设计与制作

3.4 专业GIF动画设计

3.4.1 合成已有图片生成GIF动画

3.4.2 制作补间动画

本章小结

训练任务

实训

第4章 Flash网页动画的设计

4.1 矢量图形的动画

4.1.1 开发工具Flash

4.1.2 网页Banner

4.2 认识F1ash

4.2.1 Flash开发环境及知识准备

4.2.2 Flash的制作流程

4.2.3 Flash的基本操作

4.3 简单的F1ash动画制作

4.3.1 逐帧动画的制作

4.3.2 补间形状动画的制作

4.4 传统补间动画与遮罩的初步应用

4.4.1 传统补间动画——“3D夜游”

4.4.2 遮罩的初步应用——“夜景屏保”

4.5 遮罩的制作技巧与补间动画

4.5.1 遮罩的制作技巧——“光影文字”

4.5.2 补间动画——“动感文字”

4.6 Flash按钮与音效制作

4.6.1 Flash按钮元件

4.6.2 Flash文档的音效处理

4.7 引导线与Flash脚本语言的应用

4.7.1 引导线的应用——“引导线星星”

4.7.2 Flash脚本的应用——“动作轨迹星星”

4.7.3 系统Banner的整合

本章小结

第三篇 界面需求分析与设计

第四篇 原型开发

第五篇 网页界面客户端处理

附录A HTML4.O1/XHTML1.0参考手册

附录B CSS2参考手册

附录C JavaScript事件参考手册

附录D JavaScript函数参考手册（全局对象）

附录E HTMLDOM参考手册

附录F HTML命名规范

参考文献

《用户界面设计与网页制作/高职高专信息技术类专业项目驱动模式规划教材》以软件企业真实开发界面的相应过程为基础，针对职业院校学生的特点，按照信息技术专业人才的培养方案，通过对企业岗位群调研，由企业专家指导，结合教师多年教学实践和教学改革、企业实践的经验精心编写而成。　　 《用户界面设计与网页制作/高职高专信息技术类专业项目驱动模式规划教材》首先讲解界面设计基础和界面图形图像处理软件的使用，初学者可在此基础上，深入学习界面设计与制作的完整工作流程，包括界面需求分析、界面草图和跳转图设计、界面效果图制作、界面应用字典编写、界面原型开发、界面客户端处理的实现等内容。　　 《用户界面设计与网页制作/高职高专信息技术类专业项目驱动模式规划教材》既适合作为高职院校计算机、信息管理等相关专业的教材，又可作为从事网页制作和界面开发人员的入门用书。

以院校、企业合作开发的真实项目——教务档案管理系统为主线，按照由浅入深、循序渐进、逐层深入的原则，将理论基础、关键技术、设计思想融入9章，采用理念—技术点—综合应用的结构安排教材内容，达到三点目的： 第一，系统地进行知识体系构建；第二，注重先进技术的应用；第三，锻炼综合应用能力，使知识为技能服务、技能深化知识，从而由浅入深地逐步引导初学者理解与掌握界面设计与制作技术。