网页视觉风格与经典范例 全彩PDF电子书下载

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