01视觉风格效果设计 1
1.1网页视觉风格设计基础 1
1.1.1什么是网页视觉设计 1
1.1.2网页视觉设计的要点 2
1.1.3网页视觉设计的特点 8
1.1.4网页视觉设计的原则 11
1.2网页视觉风格设计的基础元素 15
1.2.1视觉符号与传达 16
1.2.2视觉风格设计的基本元素 18
1.2.3网页视觉设计与审美 19
1.3网页视觉设计与创造性思维 22
1.3.1创造性思维 22
1.3.2创意方法 25
1.4确定网页视觉风格设计的两项原则 29
1.4.1不要主动降低自己的眼光 29
1.4.2多尝试新技术新方法 29
1.5网页视觉风格效果设计 30
1.5.1确定视觉风格 30
1.5.2根据视觉风格构建视觉形象 31
02网页中的文字编排设计 34
2.1文字在网页视觉设计中的作用 34
2.2网页设计中的基本字体 37
2.2.1汉字基本字体 38
2.2.2拉丁文基本字体 40
2.2.3字号大小 40
2.2.4字符间距 42
2.2.5现代网页字体的形态 43
2.2.6创意字体设计原理 44
2.3网页中文字设计原则 47
2.4网页中文字排版设计 50
2.4.1文字排版的规则 50
2.4.2文字排版设计常用手法 55
2.4.3文字群体编排 58
2.5网页中文字的色彩与情感 61
2.5.1网页文字的色彩处理 62
2.5.2网页文字的情感因素 64
03网页中的图形设计 66
3.1图形在网页视觉风格设计中的作用 66
3.2网页图形的创意与设计 69
3.2.1出发点 69
3.2.2表现技巧 72
3.2.3造型手法 76
3.3网页中的图形格式 79
3.4图形设计类型 82
3.4.1插图 82
3.4.2图形符号 88
3.4.3照片 90
3.4.4页面分割 94
3.4.5立体图形 96
04色彩的应用 100
4.1色彩在网页视觉设计中的作用 100
4.2色彩的理解 102
4.2.1色彩用语 102
4.2.2配色 104
4.3色彩的搭配 106
4.3.1网页色彩搭配基础 107
4.3.2网页色彩搭配原则 109
4.4色彩与联想作用的配色 111
4.4.1色彩联想的作用和心理效果 111
4.4.2红色 112
4.4.3粉色 112
4.4.4橙色 113
4.4.5黄色 113
4.4.6棕色 114
4.4.7绿色 114
4.4.8蓝色 115
4.4.9紫色 115
4.4.10黑色 116
4.4.11白色 116
4.4.12灰色 116
4.4.13亮色 117
4.4.14淡色 117
4.5色彩设计 118
4.5.1色彩的4种功能角色 118
4.5.2网页配色的基本方法 123
4.5.3使用基本色配色 126
4.5.4使用多色彩配色 127
4.5.5网页配色常见问题 129
05丰富的网页元素 134
5.1图标 134
5.2圆角 136
5.3折角 137
5.4光线 139
5.5标签 142
5.6徽章 143
5.7条纹 145
5.8装饰元素 147
5.9装饰背景 149
5.10渐变 152
5.11光亮 154
06网页中的导航效果设计 156
6.1网页导航形式 156
6.2网页导航方向 159
6.3网页导航位置 162
6.4网页导航的视觉风格表现 176
6.5交互式动态导航效果 180
07网页布局与视觉风格 182
7.1网页布局结构标准 182
7.2网页布局的基本方法 185
7.2.1网页布局的设计 186
7.2.2网页布局的特征 188
7.2.3网页布局的构成原则 189
7.3根据整体内容位置决定的网页视觉布局 192
7.3.1左侧的页面布局 192
7.3.2水平居中的页面布局 194
7.3.3水平和垂直居中的页面布局 196
7.3.4满屏的页面布局 198
7.4 页面分割方向的布局方式 200
7.4.1纵向分割 200
7.4.2横向分割 202
7.4.3纵向与横向复合型 205
7.4.4运用固定区域的设计 207
7.5初始页面的网页布局类型 210
7.6网页布局设计的连贯性和多样性 213
08网页视觉布局形态 216
8.1网页功能与网页形态哪个更重要？ 216
8.2网页布局形态的含义及情感 218
8.2.1点 218
8.2.2圆 220
8.2.3三角形 222
8.2.4四边形 224
8.2.5菱形 226
8.2.6直线 228
8.2.7斜线 230
8.2.8自由曲线 232
8.2.9曲线 234
8.3大众化网页视觉布局形态 236
8.4个性化网页视觉布局形态 240
8.5实验形态 243
09网页视觉风格 246
9.1怀旧风格 246
9.2简约抽象风格 250
9.3简洁风格 251
9.4仿古风格 252
9.5立体风格 254
9.6绘画风格 255
9.7剪贴画风格 257
9.8插画风格 259
9.9照片风格 260
9.10大字体风格 261
9.11艺术作品风格 263
9.12自然风光风格 264
9.13诱人美食风格 266
9.14破旧报纸风格 268
9.15绿意盎然风格 269
9.16原木风格 270
9.17白云元素风格 271
9.18喷溅元素风格 272
9.19办公元素风格 273
9.20印刷元素风格 275
10不同类型网站设计的概念和趋势 276
10.1个人网站 276
10.2影视网站 277
10.3音乐网站 279
10.4照片、摄影网站 281
10.5像素、插图网站 282
10.6设计公司网站 284
10.7广告设计网站 286
10.8旅游信息网站 288
10.9宾馆、度假村网站 290
10.10体育用品网站 291
10.11体育信息网站 293
10.12运动团队网站 296
10.13传媒网站 298
10.14游戏娱乐网站 300
10.15漫画网站 302
10.16艺人网站 303
10.17时尚网站 304
10.18购物网站 306
10.19女性、美容网站 309
10.20婴幼儿、儿童网站 310
10.21医疗健康网站 312
10.22建筑设计网站 314
10.23餐饮网站 316
10.24汽车网站 318
10.25宠物网站 319
10.26金融网站 322
10.27教育网站 324
10.28数码通信网站 326
11经典网站赏析 328
11.1国内经典网站 328
11.1.1国内网站的设计特点 328
11.1.2国内网站赏析 329
11.2欧美经典网站 334
11.2.1欧美网站的设计特点 334
11.2.2欧美网站赏析 335
11.3韩国经典网站 339
11.3.1韩国网站的设计特点 339
11.3.2韩国网站赏析 340