第1章 网页设计概述 1
1.1网页美术设计概述 1
1.2完整网站设计所需的内容 1
1.2.1网页视觉风格的主旨 2
1.2.2网站设计的基本元素 3
1.3网页美术设计的要素 5
1.3.1设计与技术相结合 5
1.3.2立体空间节奏感 9
1.3.3视觉导向性 10
1.3.4视觉服务 12
1.3.5导航设置 12
1.4各类多媒体视听元素的集合 19
1.5整体网站的结构设计 19
1.5.1网页的功能与形式美 20
1.5.2网页视觉形式美法则 21
1.5.3视觉设计与创造思维相结合 22
1.5.4设计中常见的创意方法 24
1.6网页设计中应注意的问题 27
1.6.1要考虑浏览页面终端的影响 27
1.6.2网页设计中易出现的问题 27
1.7网站建设的整体设计流程 28
1.7.1项目规划 28
1.7.2内容组织 31
1.7.3页面设计 32
1.7.4测试发布 33
1.7.5站点推广 33
1.7.6反馈评估 34
1.8网页美术设计的原则 34
1.8.1为用户考虑 34
1.8.2主题突出 35
1.8.3有机的整体 36
1.8.4内容与形式相统一 37
1.8.5更新和维护 38
1.9优秀网页设计的特征 38
1.9.1交互性 38
1.9.2版式的不可控制性 38
1.9.3技术与艺术结合的紧密性 39
1.9.4多媒体的综合性 39
1.9.5多维性 40
1.10网站设计常用工具 40
1.10.1网页编辑排版软件——Dreamweaver 40
1.10.2网页图片设计软件——Photoshop 41
1.10.3网页动画制作软件——Flash 41
1.10.4网页标记语言——HTML 42
第2章 网页设计中的布局基础 43
2.1网页功能与形态的比较 43
2.2网页设计中视觉空间的点、线、面 44
2.2.1网页设计中的点 45
2.2.2网页设计中的线 47
2.2.3网页设计中的面 53
2.2.4网页设计中由点、线、面组成的基本几何图形 54
2.3大众化与个性化的网页视觉布局设计 58
2.3.1大众化网页视觉布局设计 59
2.3.2个性化网页视觉布局设计 60
2.4网页布局设计中的实验形态 61
2.5优秀网页的布局结构 63
2.5.1网页布局结构的标准 63
2.5.2网页布局设计中的相关元素 65
2.5.3网页的布局类型 67
2.6网页布局的基本方法 71
2.6.1网页布局的设计 71
2.6.2网页布局的构成原则 72
2.6.3网页布局的特征 73
2.7网站页面的布局方式 74
2.7.1左侧的页面布局 74
2.7.2水平居中的页面布局 75
2.7.3水平和垂直居中的页面布局 75
2.7.4满屏的页面布局 76
2.7.5分割方式的页面布局 76
第3章 网页设计中的版式与风格 80
3.1网页中的版式设计 80
3.2常见的网页版式类型 81
3.2.1骨骼式 81
3.2.2满版式 82
3.2.3分割式 82
3.2.4中轴式 83
3.2.5导引式 83
3.2.6对角式 84
3.2.7对称式 84
3.2.8重心式 84
3.2.9三角式 85
3.2.10并置式 85
3.2.11自由式 86
3.2.12组合式 86
3.3网页版式的统一与变化 87
3.4网页版式的对比与调和 87
3.5网页版式的均衡与对称 89
3.6网页版式的节奏与韵律 89
3.7网页版式的单纯与秩序 90
3.8网页版式的空间留白 90
3.9合理的网页视觉流程设计 91
3.9.1网页视觉流程的规划 91
3.9.2视觉流程的视觉力场 92
3.9.3网页的视觉流程类型 94
3.10网页版式设计中的创意设计 95
3.10.1创意设计在版式中的角色和地位 96
3.10.2如何激发创意设计 97
3.11整体网站的视觉设计风格 99
3.11.1怀旧风格 99
3.11.2简约抽象风格 100
3.11.3简洁风格 100
3.11.4仿古风格 101
3.11.5立体风格 102
3.11.6绘画风格 102
3.11.7剪贴画风格 103
3.11.8插画风格 104
3.11.9照片风格 104
3.11.10大字体风格 105
3.11.11艺术作品风格 105
3.11.12自然风光风格 106
3.11.13诱人美食风格 106
3.11.14破旧报纸风格 107
3.11.15绿意盎然风格 107
3.11.16原木风格 108
3.11.17白云元素风格 108
3.11.18喷溅元素风格 109
3.11.19印刷元素风格 109
3.11.20办公元素风格 110
第4章 网页设计中的文字元素 112
4.1传统文字字体的形态特征 112
4.2现代计算机字体的形态特征 114
4.2.1计算机中的字体与字库 114
4.2.2软件制作技术产生的汉字造型语言 114
4.2.3计算机字体的形成 115
4.3网页设计中文字的作用 115
4.3.1适合性 116
4.3.2明确性 116
4.3.3易读性 117
4.3.4美观性 117
4.3.5创新性 117
4.4网页设计中的基本字体 117
4.4.1汉字基本字体 118
4.4.2拉丁文基本字体 119
4.4.3字号大小 119
4.4.4字符间距 121
4.4.5字体的形态 122
4.4.6字体设计原理 122
4.5网页中文字元素的版式编排 124
4.5.1文字版式的规则 125
4.5.2文字版式设计的常用手法 128
4.5.3文字群体编排 131
4.6网页文字的色彩处理与情感 134
4.6.1网页文字的色彩处理 134
4.6.2网页文字的情感因素 135
4.7网页文字设计的原则 136
4.7.1可读性 137
4.7.2图形化 137
4.7.3重叠 138
第5章 网页设计中的图像元素 139
5.1网页设计中的图像文件格式 139
5.1.1 GIF格式 139
5.1.2 JPEG格式 140
5.1.3 PNG格式 140
5.1.4 MNG格式 141
5.2图像在网页视觉设计中的作用 142
5.2.1传达性 142
5.2.2艺术性 142
5.2.3表现性 142
5.2.4趣味性 142
5.2.5超越性 143
5.3网页中图像的创意与设计 143
5.3.1出发点 143
5.3.2表现技巧 146
5.3.3造型与手法 148
5.4图像的设计类型 150
5.4.1插图 151
5.4.2图形符号 156
5.4.3照片 159
5.4.4页面分割 162
5.4.5立体图形 163
5.5网页图像的前期处理 166
5.5.1图像的外形 166
5.5.2图像的面积 166
5.5.3图像的数量 167
5.5.4图底关系 167
5.5.5图像文件的大小 168
5.5.6图像的优化处理 168
5.5.7动态图像的使用 168
5.6网页图像的编排设计 168
5.6.1四角与中轴四点结构 168
5.6.2块状组合与散点组合结构 169
5.7网页图像与文字的混排 169
5.7.1网页设计中文字和图像的关系 170
5.7.2图文混排的版式设计 170
5.8网页图像的色彩选择 170
第6章 网页设计中的色彩元素 173
6.1色彩的基本特性 173
6.1.1色彩属性 173
6.1.2配色 174
6.2色彩的心理特征 176
6.2.1色彩的联想作用和心理效果 176
6.2.2常见颜色的分析 176
6.3网页中色彩的搭配 181
6.3.1网页色彩搭配的基础 181
6.3.2网页色彩搭配的原则 183
6.4色彩在各个领域中的表现力 185
6.4.1综合门户型网站 185
6.4.2娱乐休闲类网站 186
6.4.3商业经济类网站 187
6.4.4人类艺术类网站 187
6.4.5政府机构类网站 188
6.4.6体育休闲类网站 188
6.4.7个人网站 189
6.5网页色彩的编排设计 189
6.5.1网页色彩的4种功能角色 189
6.5.2网页配色的基本方法 194
6.5.3使用基本色配色 197
6.5.4使用多色彩配色 198
6.5.5网页配色常见问题 200
第7章 把握不同类型的网站设计 205
7.1个人网站 205
7.2影视、音乐、传媒网站 206
7.2.1影视网站 206
7.2.2音乐网站 207
7.2.3传媒网站 208
7.2.4艺人网站 209
7.3照片、摄影网站 210
7.4像素、插图网站 211
7.5设计公司网站 211
7.6设计网站 212
7.6.1广告设计网站 212
7.6.2建筑设计网站 213
7.7旅游网站 214
7.7.1旅游信息网站 214
7.7.2宾馆、度假村网站 215
7.8体育网站 216
7.8.1体育用品网站 216
7.8.2体育信息网站 217
7.8.3运动团队网站 218
7.9游戏娱乐网站 219
7.10漫画网站 220
7.11时尚、购物网站 220
7.11.1时尚网站 221
7.11.2购物网站 221
7.12女性、美容网站 223
7.13婴幼儿、儿童网站 224
7.14医疗健康网站 224
7.15餐饮网站 225
7.16汽车网站 227
7.17金融网站 228
7.18教育网站 229
7.19数码通信网站 230
7.20宠物网站 231