第1章 网页界面设计的基础理论 1
1.1网页界面设计概述 1
1.1.1界面与界面设计 1
1.1.2界面设计在我国的现状 3
1.1.3网页界面设计的发展 3
1.2网页界面的构成要素及特征 6
1.2.1网页界面的构成要素 6
1.2.2网页界面的特性 16
1.3网页界面设计的特征 20
1.3.1以功能为主 20
1.3.2形象明确，易于接受 20
1.3.3形式简洁 21
1.4网页界面设计在信息传播科技中的应用 22
1.4.1网页界面设计与信息传播 22
1.4.2网页界面的主要形式 23
1.5课后思考与练习 26
第2章 网页界面设计与视觉传达设计 27
2.1网页界面中的视觉传达设计 27
2.2视觉传达设计的基本元素 28
2.2.1视觉符号与传达 28
2.2.2视觉传达设计的构成要素 31
2.3网页界面中视觉传达设计的特性 34
2.3.1视觉符号的选取 34
2.3.2界面中视觉传达的作用与特性 35
2.4网页界面设计与审美 36
2.4.1网页界面的功能美与形式美 36
2.4.2形式美的创造法则 38
2.5网页界面设计与创造性思维 41
2.5.1创造性思维的一般含义 42
2.5.2创造性思维的特点 43
2.5.3创造性思维的过程 46
2.5.4创造性与借鉴 46
2.6界面设计创意方法 48
2.6.1综合型创意方法 48
2.6.2趣味型创意方法 49
2.6.3联想型创意方法 49
2.6.4比喻型创意方法 50
2.6.5矛盾型创意方法 50
2.6.6古朴型创意方法 51
2.6.7流行型创意方法 51
2.6.8奇异型创意方法 51
2.7课后思考与练习 52
第3章 网页界面中的色彩设计 53
3.1色彩在网页界面设计中的作用 53
3.2色彩基本原理 56
3.2.1光与色彩 56
3.2.2色彩三要素 58
3.2.3色彩表示法 61
3.2.4数字色彩模式 66
3.3视知觉与色彩设计 71
3.3.1眼睛的生理结构 71
3.3.2视觉适应 71
3.3.3色彩视觉理论 72
3.3.4色彩视觉现象 72
3.3.5色彩对比 75
3.3.6色彩调和 83
3.4色彩设计的心理效应 87
3.4.1色彩的物质性心理效应 88
3.4.2色彩的表情与联想 91
3.4.3色彩设计与视觉心理平衡 98
3.5课后思考与练习 100
第4章 网页界面中的图形图像设计 101
4.1图形图像在网页界面设计中的作用 101
4.1.1传达性 101
4.1.2艺术性 102
4.1.3表现性 102
4.1.4趣味性 102
4.1.5超地域、超时空性 102
4.2图形图像设计的造型元素 103
4.2.1基本造型元素 103
4.2.2扩展造型元素 108
4.3图形图像设计的创意技法 112
4.3.1想象与联想 112
4.3.2夸张与幽默 114
4.3.3情感的魅力 115
4.3.4改变视觉惯性 116
4.3.5借鉴传统文化 117
4.3.6文字的变化 118
4.3.7直接表达 119
4.4图形图像设计的表现技法 120
4.4.1图像设计的表现技巧 120
4.4.2图形设计的造型手法 130
4.5案例——F设计工作室首页界面设计 137
4.5.1设计网页背景图 138
4.5.2设计网页主体图 139
4.5.3设计网页导航 142
4.5.4制作网页主体内容 144
4.6课后思考与练习 150
第5章 网页界面中文字的编排设计 151
5.1文字在网页界面设计中的作用 152
5.2关于字体 154
5.2.1中文字体 154
5.2.2外文字体 159
5.3字体编排 162
5.3.1字号级数 162
5.3.2字符间距 164
5.4文字的编排设计 164
5.4.1文字编排的规律 165
5.4.2文字编排设计的手法 170
5.4.3文字群体的编排 173
5.5案例——MODELS AGENCY首页界面设计 177
5.5.1设计网页背景 178
5.5.2设计网页标题 179
5.5.3设计网页导航 180
5.5.4设计网页主体内容 184
5.6课后思考与练习 186
第6章 网页界面版式的构成与设计 187
6.1版式在网页界面设计中的作用 187
6.2版试设计的版面空间与第一屏 189
6.2.1版面空间 189
6.2.2第一屏 190
6.3版式设计的造型元素 191
6.3.1版式设计的基本造型元素 191
6.3.2版式设计的形式原理 195
6.4版式设计的视觉因素 207
6.4.1人的视觉特征与版式设计 207
6.4.2版式设计中视觉传达效率的提高 211
6.5版式构成的类型 226
6.5.1水平分割 227
6.5.2垂直分割 229
6.5.3水平一垂直分割 231
6.6案例——豪盛家私首页版式设计 234
6.6.1网站色彩与版式布局 234
6.6.2首页版式设计 235
6.7课后思考与练习 242
第7章 网页界面的动画设计 243
7.1网页动画概述 244
7.1.1网页动画的基本原理 244
7.1.2网页动画的种类 245
7.1.3网页动画的基本概念与元素 248
7.2网页动画的特点与作用 250
7.3网页动画设计的视觉美感 263
7.3.1整体与局部 264
7.3.2对比与调和 264
7.3.3重点与从属 267
7.3.4节奏与韵律 267
7.4网页动画设计的几点原则 268
7.4.1内容与形式的统一 269
7.4.2选择适当的信息符号 270
7.4.3动画时间的掌握 271
7.4.4动画为网页整体服务 273
7.4.5页面动点适度 274
7.4.6保持较小的动画文件 275
7.5常见的动画设计效果 277
7.5.1色彩循环动画 277
7.5.2文字与图形图像动画 278
7.6案例应用 284
7.6.1案例1——网页Banner动画 284
7.6.2案例2 ——Flash广告动画 287
7.7课后思考与练习 298
第8章 服装购物网站的界面设计 299
8.1现有商业网站的类型与结构 299
8.1.1商业网站类型 299
8.1.2商业网站结构 300
8.2商业网站设计的特点 301
8.2.1以产品为主的商业网站 301
8.2.2以形象为主的商业网站 303
8.2.3网上购物商业网站 305
8.3网站策划 306
8.3.1明确创建网站的目的和用户需求 306
8.3.2出具网站策划书 307
8.4服装购物网站界面设计 307
8.4.1案例概述 308
8.4.2网站类型 308
8.4.3网站的色彩与版式 308
8.4.4首页界面设计 309
8.4.5栏目页界面设计 321
8.5课后思考与练习 324