网页配色设计手册PDF电子书下载

第1章 网页的基础知识 1

1.1色彩的基础知识 2

1.1.1认识色彩 3

1.1.2网页色彩的特性 4

1.1.3色彩的属性 4

1.1.4色彩的分类 5

1.1.5色彩的心理感受 6

1.1.6主色、辅助色、点缀色的关系 7

1.2网页设计的点、线、面 8

1.2.1点 8

1.2.2线 9

1.2.3面 10

1.3网页的构成 10

1.3.1网页的尺寸 11

1.3.2网页标题 12

1.3.3网站的Logo 13

1.3.4网页页眉 14

1.3.5网页页脚 14

1.3.6网页导航 15

1.3.7网页的主体内容 15

第2章 网页设计的五大原则 16

2.1主题鲜明性原则 17

2.2形式统一性原则 20

2.3色彩和谐性原则 24

2.4简洁清晰性原则 27

2.5界面友好性原则 31

第3章 网页设计的基础色 35

3.1红 36

3.1.1认识红色 36

3.1.2洋红＆胭脂红 37

3.1.3玫瑰红＆朱红 37

3.1.4鲜红＆山茶红 38

3.1.5浅玫瑰红＆火鹤红 38

3.1.6鲑红＆壳黄红 39

3.1.7浅粉红＆博朗底酒红 39

3.1.8威尼斯红＆宝石红 40

3.1.9灰玫红＆优品紫红 40

3.2橙 41

3.2.1认识橙色 41

3.2.2橘红＆橘色 42

3.2.3橙色＆阳橙 42

3.2.4蜜橙＆杏黄 43

3.2.5沙棕＆米色 43

3.2.6灰土＆驼色 44

3.2.7椰褐＆褐色 44

3.2.8柿子橙＆酱橙色 45

3.2.9金茶色＆肤色 45

3.3黄 46

3.3.1认识黄色 46

3.3.2黄＆铬黄 47

3.3.3金色＆香蕉黄 47

3.3.4鲜黄＆月光黄 48

3.3.5柠檬黄＆万寿菊黄 48

3.3.6香槟黄＆奶黄 49

3.3.7土著黄＆黄褐 49

3.3.8卡其黄＆含羞草黄 50

3.3.9芥末黄＆秋菊色 50

3.4绿 51

3.4.1认识绿色 51

3.4.2黄绿＆苹果绿 52

3.4.3嫩绿＆叶绿 52

3.4.4草绿＆苔藓绿 53

3.4.5芥末绿＆橄榄绿 53

3.4.6枯叶绿＆碧绿 54

3.4.7绿松石绿＆青瓷绿 54

3.4.8孔雀石绿＆铬绿 55

3.4.9孔雀绿＆钴绿 55

3.5青 56

3.5.1认识青色 56

3.5.2青＆铁青 57

3.5.3深青＆天青 57

3.5.4群青＆石青 58

3.5.5青绿＆青蓝 58

3.5.6瓷青＆淡青 59

3.5.7白青＆青灰 59

3.5.8水青＆藏青 60

3.5.9清漾青＆浅葱色 60

3.6蓝 61

3.6.1认识蓝色 61

3.6.2蓝色＆天蓝色 62

3.6.3蔚蓝色＆普鲁士蓝 62

3.6.4矢车菊蓝＆深蓝 63

3.6.5道奇蓝＆宝石蓝 63

3.6.6午夜蓝＆皇室蓝 64

3.6.7浓蓝色＆蓝黑色 64

3.6.8爱丽丝蓝＆水晶蓝 65

3.6.9孔雀蓝＆水墨蓝 65

3.7紫 66

3.7.1认识紫色 66

3.7.2紫＆淡紫色 67

3.7.3靛青色＆紫藤 67

3.7.4木槿紫＆藕荷色 68

3.7.5丁香紫＆水晶紫 68

3.7.6矿紫＆三色堇紫 69

3.7.7锦葵紫＆淡紫丁香 69

3.7.8浅灰紫＆江户紫 70

3.7.9蝴蝶花紫＆蔷薇紫 70

3.8黑、白、灰 71

3.8.1认识黑、白、灰 71

3.8.2白＆月光白 72

3.8.3雪白＆象牙白 72

3.8.4 10%亮灰＆50%灰 73

3.8.5 80%炭灰＆黑 73

第4章 网页的布局 74

4.1网页的布局方式 75

4.1.1国字型布局 75

4.1.2拐角型布局 77

4.1.3封面型布局 80

4.1.4对称型布局 82

4.1.5口字型布局 84

4.1.6通栏型布局 85

4.1.7骨骼型布局 88

4.2网页版面设计的常用技巧 90

4.2.1对比技巧 90

4.2.2重复技巧 92

4.2.3分类技巧 92

4.3旅游主题网页设计 93

4.3.1设计说明 93

4.3.2不同布局方式解析 94

4.3.3其他旅游网站布局解析 95

4.3.4同类网页欣赏 96

第5章 不同行业的网页色彩搭配 98

5.1服饰类网页设计 99

5.1.1活泼风格的网页设计 100

5.1.2极简风格的网页设计 101

5.2美容、护肤类网页设计 103

5.2.1浪漫风格的美容、护肤类网页设计 103

5.2.2典雅风格的美容、护肤类网页设计 104

5.3食品类网页设计 106

5.3.1写实风格的食品类网页设计 107

5.3.2清爽风格的食品类网页设计 108

5.4数码类网页设计 110

5.4.1理性风格的数码类网页设计 111

5.4.2新锐风格的数码类网页设计 112

5.5汽车类网页设计 114

5.5.1含蓄风格的汽车类网页设计 115

5.5.2高调风格的汽车类网页设计 116

5.6奢侈品类网页设计 118

5.6.1优雅风格的奢侈品类网页设计 119

5.6.2神秘风格的奢侈品类网页设计 120

5.7艺术设计类网页设计 122

5.7.1插画风格的艺术设计类网页设计 123

5.7.2拼贴风格的艺术设计类网页设计 124

5.8游戏类网页设计 126

5.8.1趣味风格的游戏类网页设计 126

5.8.2未来感风格的游戏类网页设计 128

5.9旅游类网页设计 130

5.9.1民族风格的旅游类网页设计 131

5.9.2轻松风格的旅游类网页设计 132

5.10家居类网页设计 134

5.10.1温馨风格的家居类网页设计 135

5.10.2素雅风格的家居类网页设计 136

5.11购物类网页设计 138

5.11.1时尚风格的购物类网页设计 138

5.11.2活泼风格的购物类网页设计 140

5.12教育类网页设计 142

5.12.1创新风格的教育类网页设计 143

5.12.2严肃风格的教育类网页设计 144

5.13医疗类网页设计 146

5.13.1简洁风格的医疗类网页设计 147

5.13.2现代风格的医疗类网页设计 148

5.14体育类网页设计 150

5.14.1积极风格的体育类网页设计 151

5.14.2整洁风格的体育类网页设计 152

5.15餐饮类网页的设计方案 154

5.16企业类网页的设计方案 155

5.17数码类网页的设计方案 156

5.18公益类网页的设计方案 157

5.19农业类网页的设计方案 159

第6章 网页色彩的视觉印象 161

6.1清凉 162

6.2热情 164

6.3干净 166

6.4环保 168

6.5坚硬 170

6.6理性 172

6.7健康 174

6.8甜蜜 176

6.9生机 178

6.10朴实 180

6.11清新 182

6.12欢乐 184

6.13温柔 186

6.14成熟 188

6.15音乐狂欢夜活动的网页设计 190

6.15.1设计说明 190

6.15.2不同视觉印象解析 191

6.15.3其他音乐网页不同视觉感受解析 193

6.15.4同类网页欣赏 194

第7章 网页设计秘笈 195

7.1网页文字的排版技巧 196

7.2首页设计的重要性 197

7.3如何把握网页的一致性 198

7.4首页中的文字处理技巧 200

7.5导航栏的种类 201

7.6网页Banner的构图技巧 202

7.7网页配色的基本原则 204

7.8网页设计中要提高用户体验 204

7.9扁平化设计五大原则 205

7.10网页背景常用的表现方法 206