网页设计与配色经典案例解析PDF电子书下载

第一篇 网页设计篇 5

序章 5

第1章 网页设计规划 5

1.1 为网站制定目标 5

1.1.1 对市场的预测和分析 5

1.1.2 网站的项目规划 5

1.1.3 网站建设 5

1.2 与客户的有效沟通 7

第2章 网页结构 9

2.1 栏目结构划分 9

2.1.1 规则的栏目组合方式 9

2.1.2 不规则的栏目组合方式 15

2.2 网页版式划分 16

第3章 网页创意和风格 19

3.1 网页的创意 19

3.1.1 创意是网页的灵魂 19

3.1.2 创意的方法 22

3.2 网页风格 28

第4章 网页视觉设计 30

4.1 网页布局 30

4.1.1 网页的规格 30

4.1.2 网页的Logo 30

4.1.3 顶部通栏 33

4.1.4 网页文本 36

4.1.5 图像的设计 40

4.1.6 为网页插入视频 54

4.2 网页构成 54

4.2.1 点的应用 54

4.2.2 线的应用 57

4.2.3 面的应用 62

4.2.4 混合构成应用 65

第5章 网站推广和网络广告 68

5.1 网络推广 68

5.2 网络广告 68

5.2.1 GIF广告 69

5.2.2 Flash广告 69

5.2.3 流媒体广告 71

5.2.4 网络广告欣赏 71

第二篇 色彩知识篇 75

第6章 网页配色的常见问题 75

6.1 缺乏主色调 75

6.2 文字能见度低 75

6.3 增加视觉负担 77

6.4 风格与主题脱离 80

第7章 色彩构成 82

7.1 认识色彩 82

7.1.1 什么是色彩 82

7.1.2 光 82

7.1.3 色 82

7.2 色彩与视觉 83

7.2.1 色彩三要素 83

7.2.2 色调 84

第8章 色彩与情感 94

8.1 色彩的心理效应 94

8.1.1 色彩的象征 94

8.1.2 色彩的视觉效应 96

8.1.3 色彩的味觉效应 97

8.1.4 色彩的情绪效应 97

8.2 色彩表情 97

8.2.1 明朗灿烂的“黄” 97

8.2.2 神圣高贵的“金” 99

8.2.3 欢快活泼的“橙” 100

8.2.4 柔美浪漫的“红” 102

8.2.5 生机活力的“绿” 104

8.2.6 平静冷漠的“蓝” 105

8.2.7 神秘虔诚的“紫” 106

8.2.8 酷意十足的“黑” 108

第9章 常用色彩处理手法 111

9.1 色彩的对比 111

9.1.1 色相对比 111

9.1.2 明度对比 112

9.1.3 纯度对比 114

9.1.4 补色对比 114

9.1.5 冷暖对比 116

9.1.6 面积对比 117

9.2 色彩的调和 119

9.2.1 同类色调和 119

9.2.2 渐变色调和 122

9.2.3 对比与调和 125

第三篇 网页配色篇 129

第10章 网页色彩 129

10.1 216网页安全色 129

10.2 网页色彩模式 131

10.2.1 RGB色彩 131

10.2.2 Indexed色彩 131

10.3 网页配色原则 132

10.3.1 人性化 132

10.3.2 艺术性 132

10.3.3 符合网站风格和主题 133

10.3.4 个性鲜明 133

第11章 网页配色技巧 135

11.1 使用一种色彩 135

11.2 使用两种色彩 139

11.3 使用多种色彩 142

11.4 使用近似色彩 144

11.5 使用无彩色 147

第12章 网页文字配色 150

12.1 字号对文字显示的影响 150

12.2 文字与背景色彩的搭配 151

12.3 文字与图片的配色 160

第13章 网站色调与配色 164

13.1 红色系的配色 164

13.1.1 适用红色系的网站 164

13.1.2 红色系的网站配色讲解 167

13.2 橙色系的配色 184

13.2.1 适用橙色系的网站 184

13.2.2 橙色系的网站配色讲解 186

13.3 黄色系的配色 189

13.3.1 适用黄色系的网站 189

13.3.2 黄色系的网站配色讲解 192

13.4 金色系的配色 199

13.4.1 适用金色系的网站 199

13.4.2 金色系的网站配色讲解 202

13.5 绿色系的配色 205

13.5.1 适用绿色系的网站 205

13.5.2 绿色系的网站配色讲解 209

13.6 蓝色系的配色 216

13.6.1 适用蓝色系的网站 216

13.6.2 蓝色系的网站配色讲解 221

13.7 紫色系的配色 234

13.7.1 适用紫色系的网站 234

13.7.2 紫色系的网站配色讲解 237

13.8 无彩色的配色 241

13.8.1 白色的配色 241

13.8.2 灰色系的网站 244

13.8.3 黑色系的网站 248

第14章 网站风格与配色 252

14.1 简洁、质朴的配色 252

14.1.1 简洁类网站的特点 252

14.1.2 简洁类网站配色讲解 252

14.2 尊贵、华丽的配色 257

14.2.1 奢华类网站的特点 257

14.2.2 奢华类网站配色讲解 257

14.3 男性化的配色 264

14.3.1 男性化网站的特点 264

14.3.2 男性化网站配色讲解 264

14.4 女性化的配色 266

14.4.1 女性化网站的特点 266

14.4.2 女性化网站配色讲解 267

14.5 自然舒适的配色 270

14.5.1 自然舒适类网站的特点 270

14.5.2 自然舒适类网站配色讲解 270

14.6 古典主义的配色 272

14.6.1 复古类网站的特点 273

14.6.2 复古类网站配色讲解 273

14.7 生动活泼的配色 275

14.7.1 活泼类网站的特点 275

14.7.2 活泼类网站配色讲解 275

14.8 柔软稚嫩的配色 278

14.8.1 柔软稚嫩类网站的特点 278

14.8.2 柔软稚嫩类网站配色讲解 278

14.9 成熟稳重的配色 280

14.9.1 稳重类网站的特点 280

14.9.2 稳重类网站配色讲解 280

14.10 厚重、金属风格的配色 283

14.10.1 厚重、金属类网站的特点 283

14.10.2 厚重、金属类网站配色讲解 283

第15章 网站分类与配色 285

15.1 信息类网站配色 285

15.1.1 行业门户网站 285

15.1.2 资讯网站 288

15.1.3 机构网站 291

15.2 商业类网站配色 294

15.2.1 电子商务网站 294

15.2.2 企业网站 297

15.3 机械科技类网站配色 302

15.3.1 手机网站 302

15.3.2 汽车网站 308

15.3.3 计算机数码网站 313

15.4 休闲类网站配色 319

15.4.1 服饰品牌网站 319

15.4.2 美容化妆网站 323

15.4.3 饮食网站 330

15.4.4 体育网站 334

15.5 娱乐类网站配色 337

15.5.1 游戏网站 337

15.5.2 音乐网站 340

15.5.3 电影网站 343

15.6 个人网站配色 345

第四篇 作者配色案例篇 348

第16章 广聚福 348

16.1 与客户的沟通 348

16.2 素材参考 348

16.3 网页规划 351

16.3.1 网页结构框架安排 351

16.3.2 顶部通栏图像 351

16.4 网页配色的实现 351

16.4.1 插入图像 352

16.4.2 网页色彩搭配的实现 352

第17章 中药康复中心 354

17.1 与客户的沟通 354

17.2 素材参考 354

17.3 网页规划 356

17.4 网页配色的实现 357

第18章 华腾缘 359

18.1 与客户的初次沟通 359

18.2 素材参考 359

18.3 网页规划 362

18.4 网页配色的实现 363