网店配色与布局 好网站，要出“彩”！PDF电子书下载

第1章 色彩基础知识 1

本章简介 2

理论讲解 2

1.1色彩的由来 2

1.1.1色彩的产生 2

1.1.2光源色、固有色和环境色 3

1.2色彩属性 7

1.2.1色相 7

1.2.2明度 9

1.2.3纯度 9

1.3色环知识 10

1.3.1色环的概念 10

1.3.2色环的组成 11

1.4色彩的感觉 14

1.4.1冷暖感觉 14

1.4.2轻重感觉 14

1.4.3进退感觉 15

1.4.4兴奋、沉静感觉 15

1.4.5味觉感受 16

1.5色彩的象征意义 16

1.5.1红色 17

1.5.2橙色 19

1.5.3黄色 21

1.5.4绿色 23

1.5.5蓝色 24

1.5.6紫色 27

1.5.7黑色 29

1.5.8白色 30

1.5.9灰色 31

1.5.10色彩属性与色彩意向 33

1.6计算机的显示色彩 34

1.6.1 RGB色彩模式 34

1.6.2计算机色彩原理 34

1.7网页安全色 35

1.7.1网页安全色的由来 35

1.7.2网页安全色的意义 37

1.7.3 Photoshop中的网页安全色 37

1.7.4安全色调色板 38

1.7.5演示案例——“蓝色经典”汽车网页 41

1.8网页设计中色彩的作用 45

1.8.1视觉区域划分 45

1.8.2引导主次关系 48

1.8.3营造气氛 50

实战案例 54

实战案例1——制作双驰企业网站 54

实战案例2——使用安全色给网页穿新衣 58

本章总结 61

本章作业 62

第2章 网页配色基础 65

本章简介 66

理论讲解 66

2.1网页配色原则 66

2.1.1整体性 66

2.1.2适用性 67

2.1.3独特性 68

2.1.4艺术性 69

2.2网页配色技巧 69

2.2.1使用一种色彩 69

2.2.2使用两种色彩 73

2.2.3使用一种色系 73

2.2.4使用黑色和另一种色彩 74

2.2.5尽量把色彩控制在三种以内 76

2.3网页文字配色 78

2.3.1字号对文字显示的影响 78

2.3.2文字与背景色彩的搭配 78

2.3.3文字与图片的搭配 80

2.3.4演示案例——网页修补大师 81

2.4网页配色常见问题 85

2.4.1缺乏主色调 85

2.4.2文字易见度低 85

2.4.3增加视觉负担 87

实战案例 88

实战案例1——给牙科医院网页整形 88

实战案例2——网页换装 89

本章总结 91

本章作业 92

第3章 网页配色应用 95

本章简介 96

理论讲解 96

3.1网站色调与配色 96

3.1.1红色系配色 96

3.1.2橙色系配色 99

3.1.3黄色系配色 103

3.1.4绿色系配色 108

3.1.5青色系配色 111

3.1.6蓝色系配色 115

3.1.7紫色系配色 119

3.1.8黑色系配色 124

3.1.9白色系配色 125

3.2网站风格与配色 127

3.2.1简约、质朴的配色 127

3.2.2尊贵、华丽的配色 127

3.2.3男性化配色 128

3.2.4女性化配色 129

3.2.5自然风格配色 129

3.2.6时尚风格配色 130

3.2.7生动活泼的配色 130

3.2.8成熟稳重的配色 130

3.3根据行业选择配色方案 131

3.4网页中色彩的应用 132

3.4.1网页中的色彩比例 132

3.4.2色彩的层次 135

实战案例 137

实战案例1——调整钻石网站 137

实战案例2——咖啡主题网页配色 141

本章总结 147

本章作业 148

第4章 网页布局基础 151

本章简介 152

理论讲解 152

4.1布局的概念 152

4.1.1布局的概念 152

4.1.2实现案例1——“解剖”魔兽世界网站 159

4.2网页的组成元素 162

4.2.1网页的组成元素 162

4.2.2广告也精彩 168

4.3网页布局设计的方法 170

4.3.1网页布局的方法 171

4.3.2实现案例2——使用Photoshop完成服装类网站页面布局 174

4.4布局的原理、步骤和设计原则 177

4.4.1布局的步骤 178

4.4.2布局的设计原则 179

4.4.3实现案例3——根据页面布局制作服装类网站页面 181

实战案例 185

实战案例1——使用Photoshop绘制企业页面布局 185

实战案例2——根据页面布局制作企业类网站页面 187

本章总结 190

本章作业 191

第5章 网页布局制作 195

本章简介 196

理论讲解 196

5.1网页布局的制作工具 196

5.1.1九宫格构图和网页布局 197

5.1.2黄金分割法和网页布局 200

5.1.3网格的运用 203

5.1.4实现案例1——使用黄金分割法给网页添加标题 205

5.2网页的布局形式 209

5.2.1布局形式分类分析 210

5.2.2实现案例2——拼贴“T”形结构网页 214

5.3网页布局的常见结构 216

5.4少见结构式和不规则结构式 221

5.5实现案例3——根据上下结构布局制作个人网页 222

实战案例 230

实战案例1——拼贴“□”形布局网页 230

实战案例2——制作上下结构网页 232

本章总结 236

本章作业 237

第6章 网页布局版式类型 239

本章简介 240

理论讲解 240

6.1网页转型最给力——网页布局的风格类型 240

6.1.1网页风格特点 241

6.1.2实现案例1——网页转型最给力 248

6.2网页布局的版式类型 252

6.2.1骨骼型 252

6.2.2满版型 254

6.2.3分割型 254

6.2.4中轴型 255

6.2.5曲线型 256

6.2.6倾斜型 257

6.2.7对称型 257

6.2.8焦点型 258

6.2.9三角型 259

6.2.10自由型 259

6.3网页布局的主题类型 260

6.3.1企业型网站布局 261

6.3.2论坛类型网站布局 262

6.3.3非商业网站布局 263

6.3.4个人网站布局 264

6.3.5实现案例2——二级网页也美丽 265

实战案例 276

实战案例1——网页新面孔 276

实战案例2——设计临摹典型商业型网站 279

本章总结 282

本章作业 283

第7章 项目综合案例 287

本章简介 288

项目实战 288

7.1新蛋购物网站主页制作 288

7.1.1理论概要 289

7.1.2技术要点 296

7.1.3案例分析 297

7.1.4案例制作 301

7.1.5案例总结 315

7.2绘制17173精灵乐章专区网页 315

7.2.1理论概要 316

7.2.2技术要点 317

7.2.3案例分析 317

7.2.4案例制作 318

7.2.5案例总结 324