网页布局与配色实战【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

网页布局与配色实战PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 网页设计入门2

1.1 网页设计的原则2

1.1.1 了解用户需要2

1.1.2 内容与形式的统一2

1.1.3 主题鲜明4

1.1.4 易用性4

1.1.5 整体统一6

1.1.6 对比性7

1.2 网页设计的定位7

1.2.1 什么才是好的网页设计7

1.2.2 怎样做好网页设计8

1.3 色彩在网页设计中的重要性11

第2章 网站页面的策划与布局11

2.1 网站栏目和页面设计策划14

2.1.1 为什么要进行策划14

2.1.2 网站的栏目策划15

2.1.3 网站的页面策划16

2.2 网站布局的基本元素17

2.2.1 网站Logo17

2.2.2 网站Banner17

2.2.3 导航栏18

2.2.4 主体内容18

2.2.5 文本19

2.2.6 图像19

2.2.7 Flash动画19

2.2.8 页脚20

2.2.9 广告区20

2.3 版面布局设计20

2.3.1 版面布局原则21

2.3.2 纸上布局22

2.3.3 软件布局23

2.4 常见的版面布局形式23

2.4.1 “国”字型布局23

2.4.2 “厂”字型布局23

2.4.3 “框架”型布局24

2.4.4 “封面”型布局24

2.4.5 Flash型布局24

2.5 页面排版布局趋势25

第3章 网站页面的视觉元素设计25

3.1 网页构成28

3.1.1 点的应用28

3.1.2 线的应用28

3.1.3 面的应用29

3.2 页面中的文字设计29

3.2.1 文字的字体、字号、行距30

3.2.2 文字的颜色30

3.2.3 文字的图形化31

3.2.4 让文字易读31

3.3 页面中的图像应用32

3.3.1 常见的网页图像格式32

3.3.2 网页中应用图像的注意要点33

3.3.3 让图片更合理34

3.4 网站导航设计35

3.4.1 导航设计的基本要求35

3.4.2 全局导航的基础要素36

3.4.3 导航设计注意要点36

3.4.4 让按钮更易点击37

第4章 网站页面创意和风格37

4.1 页面设计创意思维40

4.1.1 什么是创意40

4.1.2 创意思维的原则40

4.1.3 创意过程41

4.2 创意的方法41

4.2.1 富于联想42

4.2.2 巧用对比42

4.2.3 大胆夸张42

4.2.4 趣味幽默43

4.2.5 善用比喻43

4.2.6 以小见大43

4.2.7 偶像崇拜44

4.2.8 古典传统44

4.2.9 流行时尚44

4.2.10 设置悬念45

4.2.11 突出人物45

4.2.12 神奇梦幻45

4.2.13 综合创意46

4.3 网站页面风格46

4.3.1 金属风格46

4.3.2 大幅配图47

4.3.3 面板风格47

4.3.4 像素风格47

4.3.5 三维风格47

4.3.6 书报风格48

4.4 网页的创意视觉表现48

第5章 页面色彩搭配基础知识48

5.1 色彩的原理52

5.2 色彩的分类52

5.2.1 无彩色52

5.2.2 有彩色53

5.3 色彩的三要素54

5.3.1 明度54

5.3.2 色相55

5.3.3 纯度55

5.4 色彩模式56

5.4.1 RGB模式56

5.4.2 CMYK模式56

5.4.3 Lab模式57

5.5 色调分析57

5.5.1 纯色调57

5.5.2 中纯调58

5.5.3 低纯调58

5.5.4 明灰调58

5.5.5 中灰调58

5.5.6 暗灰调59

5.5.7 中暗调59

5.5.8 深暗调59

第6章 常用色彩处理手法62

6.1 色彩对比62

6.1.1 色相对比62

6.1.2 明度对比67

6.1.3 纯度对比68

6.1.4 色彩的面积对比70

6.1.5 色彩的冷暖对比71

6.2 色彩的调和73

6.2.1 色彩调和的原则73

6.2.2 色彩调和的基本方法75

6.3 色彩调和的类型76

6.3.1 同类色调和76

6.3.2 渐变色调和77

6.3.3 对比调和78

6.3.4 同一调和78

6.3.5 面积调和79

第7章 网页配色标准与技巧79

7.1 网页配色安全82

7.1.1 216网页安全色82

7.1.2 网页安全色配色辞典82

7.1.3 使用各种不同的安全色调色板83

7.2 网页配色技巧84

7.2.1 背景与文字颜色搭配84

7.2.2 使用一种色彩86

7.2.3 两色搭配是用色的基础86

7.2.4 色彩的数量87

7.3 使用配色软件88

7.3.1 ColorKey Xp软件88

7.3.2 ColorScheme Designer88

7.3.3 Check My Colours89

7.3.4 ColorJack89

7.3.5 Color Schemer Online v290

第8章 主色、辅助色、点缀色90

8.1 主色的魅力92

8.1.1 主色可以决定整个作品风格92

8.1.2 主色的面积原理92

8.1.3 区别主色的关键94

8.2 辅助色的秘密94

8.2.1 辅助色的功能94

8.2.2 背景色是特殊的辅助色95

8.2.3 选择辅助色的诀窍96

8.3 点缀色的应用96

8.3.1 点缀色也会影响页面风格96

8.3.2 点缀色能让页面放光彩97

第9章 常见基本配色搭配方案97

9.1 配色色标100

9.2 强烈102

9.2.1 推荐配色方案102

9.2.2 配色解析103

9.3 丰富103

9.3.1 推荐配色方案103

9.3.2 配色解析105

9.4 浪漫105

9.4.1 推荐配色方案105

9.4.2 配色解析106

9.5 奔放106

9.5.1 推荐配色方案107

9.5.2 配色解析108

9.6 柔和108

9.6.1 推荐配色方案108

9.6.2 配色解析109

9.7 热情109

9.7.1 推荐配色方案110

9.7.2 配色解析111

9.8 动感111

9.8.1 推荐配色方案111

9.8.2 配色解析112

9.9 高雅112

9.9.1 推荐配色方案113

9.9.2 配色解析114

9.10 流行114

9.10.1 推荐配色方案114

9.10.2 配色解析116

9.11 清新116

9.11.1 推荐配色方案116

9.11.2 配色解析117

9.12 古典118

9.12.1 推荐配色方案118

9.12.2 配色解析119

9.13 堂皇119

9.13.1 推荐配色方案119

9.13.2 配色解析121

9.14 神奇121

9.14.1 推荐配色方案121

9.14.2 配色解析122

9.15 职业122

9.15.1 推荐配色方案123

9.15.2 配色解析124

第10章 网站色相与配色126

10.1 红色系的配色126

10.1.1 红色系的分类126

10.1.2 红色适合的配色方案128

10.1.3 适用红色系的网站130

10.2 橙色系的配色131

10.2.1 橙色系的分类131

10.2.2 橙色适合的配色方案133

10.2.3 适用橙色系的网站134

10.3 黄色系的配色135

10.3.1 黄色系的分类135

10.3.2 黄色适合的配色方案137

10.3.3 适用黄色系的网站138

10.4 紫色系的配色141

10.4.1 紫色系的分类141

10.4.2 紫色适合的配色方案142

10.4.3 适用紫色系的网站144

10.5 绿色系的配色146

10.5.1 绿色系的分类146

10.5.2 绿色适合的配色方案147

10.5.3 适用绿色系的网站149

10.6 蓝色系的配色151

10.6.1 蓝色系的分类151

10.6.2 蓝色适合的配色方案153

10.6.3 适用蓝色系的网站154

10.7 无彩色的配色157

10.7.1 白色系的网站157

10.7.2 灰色系的网站157

10.7.3 黑色系的网站157

第11章 各类网站设计与配色案例解析157

11.1 个人网站160

11.1.1 个人网站特点160

11.1.2 页面分析160

11.1.3 网站配色讲解161

11.2 政府网站161

11.2.1 政府网站的特点161

11.2.2 页面分析163

11.2.3 网站配色讲解164

11.3 艺术网站164

11.3.1 艺术网站的特点164

11.3.2 页面分析165

11.3.3 网站配色讲解165

11.4 在线视频网站166

11.4.1 在线视频网站的特点166

11.4.2 页面分析166

11.4.3 网站配色讲解167

11.5 音乐网站167

11.5.1 音乐网站的特点167

11.5.2 页面分析168

11.5.3 网站配色讲解168

11.6 游戏网站168

11.6.1 游戏网站的特点168

11.6.2 页面分析170

11.6.3 网站配色讲解171

11.7 婚恋交友网站171

11.7.1 婚恋交友网站的特点171

11.7.2 页面分析172

11.7.3 网站配色讲解172

11.8 旅游网站173

11.8.1 旅游网站的特点173

11.8.2 页面分析175

11.8.3 网站配色讲解176

11.9 医疗保健网站176

11.9.1 医疗保健网站的特点176

11.9.2 页面分析177

11.9.3 网站配色讲解178

11.10 设计装饰类网站179

11.10.1 设计装饰类网站的特点179

11.10.2 页面分析179

11.10.3 网站配色讲解180

11.11 房地产网站180

11.11.1 房地产网站的特点180

11.11.2 页面分析180

11.11.3 网站配色讲解181

11.12 餐饮酒店网站182

11.12.1 餐饮酒店网站的特点182

11.12.2 页面分析182

11.12.3 网站配色讲解183

11.13 新闻网站184

11.13.1 新闻网站的特点184

11.13.2 页面分析185

11.13.3 网站配色讲解187

11.14 教育网站188

11.14.1 教育网站的特点188

11.14.2 页面分析188

11.14.3 网站配色讲解189

11.15 综合门户网站189

11.15.1 综合门户网站的特点190

11.15.2 页面分析190

11.15.3 网站配色讲解191

11.16 女装网站191

11.16.1 女装网站的特点191

11.16.2 页面分析192

11.16.3 网站配色讲解192

11.17 美容化妆网站193

11.17.1 美容化妆网站的特点193

11.17.2 页面分析194

11.17.3 网站配色讲解195

11.18 IT数码网站196

11.18.1 IT数码网站的特点196

11.18.2 页面分析197

11.18.3 网站配色讲解198

11.19 家居日用品网站198

11.19.1 家居日用品网站的特点198

11.19.2 页面分析199

11.19.3 网站配色讲解200

11.20 男性商品类网站201

11.20.1 男性商品类网站的特点201

11.20.2 页面分析201

11.20.3 网站配色讲解201

11.21 鞋类网站202

11.21.1 鞋类网站的特点202

11.21.2 页面分析202

11.21.3 网站配色讲解202

11.22 童装网站204

11.22.1 童装网站的特点204

11.22.2 页面分析204

11.22.3 网站配色讲解204

11.23 珠宝饰品网站206

11.23.1 珠宝饰品网站的特点206

11.23.2 页面分析206

11.23.3 网站配色讲解207

11.24 食品网站207

11.24.1 食品网站的特点207

11.24.2 页面分析208

11.24.3 网站配色讲解208

附录1 各行业网站色彩搭配209

附录2 配色形容词色卡214

附录3 页面安全色218

附录4 160种配色方案221