网页界面设计与制作

第1章 网页界面设计的基础理论

1.1 网页界面设计概述

1.1.1 界面与界面设计

1.1.2 界面设计在我国的现状

1.1.3 网页界面设计的发展

1.2 网页界面的构成要素及特征

1.2.1 网页界面的构成要素

1.2.2 网页界面的特性

1.3 网页界面设计的特征

1.3.1 以功能为主

1.3.2 形象明确，易于接受

1.3.3 形式简洁

1.4 网页界面设计在信息传播科技中的应用

1.4.1 网页界面设计与信息传播

1.4.2 网页界面的主要形式

1.5 课后思考与练习

第2章 网页界面设计与视觉传达设计

2.1 网页界面中的视觉传达设计

2.2 视觉传达设计的基本元素

2.2.1 视觉符号与传达

2.2.2 视觉传达设计的构成要素

2.3 网页界面中视觉传达设计的特性

2.3.1 视觉符号的选取

2.3.2 界面中视觉传达的作用与特性

2.4 网页界面设计与审美

2.4.1 网页界面的功能美与形式美

2.4.2 形式美的创造法则

2.5 网页界面设计与创造性思维

2.5.1 创造性思维的一般含义

2.5.2 创造性思维的特点

2.5.3 创造性思维的过程

2.5.4 创造性与借鉴

2.6 界面设计创意方法

2.6.1 综合型创意方法

2.6.2 趣味型创意方法

2.6.3 联想型创意方法

2.6.4 比喻型创意方法

2.6.5 矛盾型创意方法

2.6.6 古朴型创意方法

2.6.7 流行型创意方法

2.6.8 奇异型创意方法

2.7 课后思考与练习

第3章 网页界面中的色彩设计

3.1 色彩在网页界面设计中的作用

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 色彩视觉现象

3.3.5 色彩对比

3.3.6 色彩调和

3.4 色彩设计的心理效应

3.4.1 色彩的物质性心理效应

3.4.2 色彩的表情与联想

3.4.3 色彩设计与视觉心理平衡

3.5 课后思考与练习

第4章 网页界面中的图形图像设计

4.1 图形图像在网页界面设计中的作用

4.1.1 传达性

4.1.2 艺术性

4.1.3 表现性

4.1.4 趣味性

4.1.5 超地域、超时空性

4.2 图形图像设计的造型元素

4.2.1 基本造型元素

4.2.2 扩展造型元素

4.3 图形图像设计的创意技法

4.3.1 想象与联想

4.3.2 夸张与幽默

4.3.3 情感的魅力

4.3.4 改变视觉惯性

4.3.5 借鉴传统文化

4.3.6 文字的变化

4.3.7 直接表达

4.4 图形图像设计的表现技法

4.4.1 图像设计的表现技巧

4.4.2 图形设计的造型手法

4.5 案例——F设计工作室首页界面设计

4.5.1 设计网页背景图

4.5.2 设计网页主体图

4.5.3 设计网页导航

4.5.4 制作网页主体内容

4.6 课后思考与练习

第5章 网页界面中文字的编排设计

5.1 文字在网页界面设计中的作用

5.2 关于字体

5.2.1 中文字体

5.2.2 外文字体

5.3 字体编排

5.3.1 字号级数

5.3.2 字符间距

5.4 文字的编排设计

5.4.1 文字编排的规律

5.4.2 文字编排设计的手法

5.4.3 文字群体的编排

5.5 案例——MODELS AGENCY首页界面设计

5.5.1 设计网页背景

5.5.2 设计网页标题

5.5.3 设计网页导航

5.5.4 设计网页主体内容

5.6 课后思考与练习

第6章 网页界面版式的构成与设计

6.1 版式在网页界面设计中的作用

6.2 版式设计的版面空间与第一屏

6.2.1 版面空间

6.2.2 第一屏

6.3 版式设计的造型元素

6.3.1 版式设计的基本造型元素

6.3.2 版式设计的形式原理

6.4 版式设计的视觉因素

6.4.1 人的视觉特征与版式设计

6.4.2 版式设计中视觉传达效率的提高

6.5 版式构成的类型

6.5.1 水平分割

6.5.2 垂直分割

6.5.3 水平-垂直分割

6.6 案例——豪盛家私首页版式设计

6.6.1 网站色彩与版式布局

6.6.2 首页版式设计

6.7 课后思考与练习

第7章 网页界面的动画设计

7.1 网页动画概述

7.1.1 网页动画的基本原理

7.1.2 网页动画的种类

7.1.3 网页动画的基本概念与元素

7.2 网页动画的特点与作用

7.3 网页动画设计的视觉美感

7.3.1 整体与局部

7.3.2 对比与调和

7.3.3 重点与从属

7.3.4 节奏与韵律

7.4 网页动画设计的几点原则

7.4.1 内容与形式的统一

7.4.2 选择适当的信息符号

7.4.3 动画时间的掌握

7.4.4 动画为网页整体服务

7.4.5 页面动点适度

7.4.6 保持较小的动画文件

7.5 常见的动画设计效果

7.5.1 色彩循环动画

7.5.2 文字与图形图像动画

7.6 案例应用

7.6.1 案例1——网页Banner动画

7.6.2 案例2——Flash广告动画

7.7 课后思考与练习

第8章 服装购物网站的界面设计

8.1 现有商业网站的类型与结构

8.1.1 商业网站类型

8.1.2 商业网站结构

8.2 商业网站设计的特点

8.2.1 以产品为主的商业网站

8.2.2 以形象为主的商业网站

8.2.3 网上购物商业网站

8.3 网站策划

8.3.1 明确创建网站的目的和用户需求

8.3.2 出具网站策划书

8.4 服装购物网站界面设计

8.4.1 案例概述

8.4.2 网站类型

8.4.3 网站的色彩与版式

8.4.4 首页界面设计

8.4.5 栏目页界面设计

8.5 课后思考与练习

……

《21世纪高等教育数字艺术与设计规划教材：网页界面设计与制作》针对没有平面设计基础的网页设计学生，通过6个经典案例来引导读者，并以通俗易懂、生动活泼的语言，全面系统、由浅入深地讲解了网页界面设计中的视觉传达原理，基本版式、色彩、字体、图形图像、动画的应用规律以及实战技法等各种知识和技能，以培养和提升读者的综合能力，使读者较为便利地掌握网页界面设计的常用创意手法和美学规律，快速便捷地达到优秀网页设计师的水平。
《21世纪高等教育数字艺术与设计规划教材：网页界面设计与制作》适合作为各大、中专院校相关专业的教学用书，以及网页设计的基础培训班教程和进阶教程，另外也可以作为广大网页设计爱好者、中小学教师、网页设计从业人员的自学教程及参考书。由于本书侧重页面的布局、风格和艺术效果的设计，因此要求读者已经基本掌握了多媒体工具的操作基础。