网页配色设计手册【2025|PDF下载-Epub版本|mobi电子书|kindle百度云盘下载】

网页配色设计手册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网站的Logo13

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