Photoshop网页风格与配色设计全程揭秘PDF|Epub|txt|kindle电子书版本网盘下载

Photoshop网页风格与配色设计全程揭秘PDF格式电子书版下载

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

第1章 网页配色基础知识1

1.1 色彩基础知识1

1.1.1 色彩学1

1.1.2 色彩传达的意义1

1.1.3 色彩的属性2

1.1.4 色彩的联想4

1.1.5 RGB和HSB5

1.1.6 网页安全色6

1.2 色彩的搭配6

1.2.1 色彩搭配的基础6

1.2.2 色彩搭配的原则8

1.3 网页色彩的选择标准10

1.3.1 根据行业选择配色方案10

1.3.2 根据浏览者的差异选择配色方案11

1.3.3 根据色彩个性选择配色方案13

1.3.4 根据星座选择配色方案14

1.3.5 根据季节选择配色方案16

1.4 网页中色彩的应用20

1.4.1 网页中的色彩比例20

1.4.2 网页中的留白艺术22

1.4.3 色彩的层次23

1.5 本章小结23

第2章 配色与网页风格24

2.1 网页背景颜色24

2.1.1 使用颜色作为背景24

实例01＋视频：使用纯色作为背景25

实例02＋视频：使用渐变色作为背景27

2.1.2 使用图片作为背景29

实例03＋视频：使用图片作为背景29

2.2 网页文本颜色32

2.2.1 文字的排版规则32

2.2.2 文本配色之“黄金分割法”32

实例04＋视频：制作时尚网站首页33

2.3 网站图片的色系35

2.3.1 网站焦点图35

实例05＋视频：制作时尚图片网页36

2.3.2 网页配图39

实例06＋视频：制作清爽服装网页40

2.4 网页中的线条与图形43

2.4.1 在网页中使用线条43

实例07＋视频：制作典雅的个人主页43

2.4.2 在网页中使用形状46

实例08＋视频：制作有趣的设计网站47

2.5 常见网站风格分析50

2.5.1 中式风格网站分析50

2.5.2 日韩风格网站分析51

2.5.3 欧美风格网站分析52

2.6 本章小结54

第3章 网站配色设计应用——红色系55

3.1 正红55

3.1.1 配色分析55

3.1.2 配色实例56

实例09＋视频：设计家居类网站56

3.1.3 配色原理分析59

3.1.4 扩展方案59

3.2 深红色60

3.2.1 配色分析60

3.2.2 配色实例61

实例10＋视频：设计快餐类网站61

3.2.3 配色原理分析64

3.2.4 扩展方案64

3.3 朱红色64

3.3.1 配色分析64

3.3.2 配色实例65

实例11＋视频：设计书籍类网站66

3.3.3 配色原理分析69

3.3.4 扩展方案69

3.4 玫瑰红70

3.4.1 配色分析70

3.4.2 配色实例71

实例12＋视频：设计女性时尚生活类网站71

3.4.3 配色原理分析74

3.4.4 扩展方案74

3.5 紫红色75

3.5.1 配色分析75

3.5.2 配色实例76

实例13＋视频：设计美容护肤类网站76

3.5.3 配色原理分析79

3.5.4 扩展方案79

3.6 宝石红79

3.6.1 配色分析79

3.6.2 配色实例80

实例14＋视频：设计餐饮类网站81

3.6.3 配色原理分析83

3.6.4 扩展方案83

3.7 本章小结84

第4章 网站配色设计应用——橙色系85

4.1 正橙色85

4.1.1 配色分析85

4.1.2 配色实例86

实例15＋视频：制作活跃的美食网页86

4.1.3 配色原理分析89

4.1.4 扩展方案89

4.2 太阳橙90

4.2.1 配色分析90

4.2.2 配色实例91

实例16＋视频：制作亲切的产品宣传网页91

4.2.3 配色原理分析94

4.2.4 扩展方案94

4.3 杏黄色94

4.3.1 配色分析94

4.3.2 配色实例95

实例17＋视频：制作质朴的网络花店网页96

4.3.3 配色原理分析98

4.3.4 扩展方案99

4.4 浅土色99

4.4.1 配色分析99

4.4.2 配色实例100

实例18＋视频：制作温馨的电影动画网页101

4.4.3 配色原理分析103

4.4.4 扩展方案104

4.5 咖啡色104

4.5.1 配色分析104

4.5.2 配色实例105

实例19＋视频：制作高贵的西餐网页105

4.5.3 配色原理分析108

4.5.4 扩展方案109

4.6 棕色109

4.6.1 配色分析109

4.6.2 配色实例110

实例20＋视频：制作漂亮的卡通甜点网页110

4.6.3 配色原理分析113

4.6.4 扩展方案114

4.7 本章小结114

第5章 网站配色设计应用——黄色系115

5.1 鲜黄色115

5.1.1 配色分析115

5.1.2 配色实例116

实例21＋视频：制作明艳的商务网站116

5.1.3 配色原理分析119

5.1.4 扩展方案119

5.2 含羞草119

5.2.1 配色分析119

5.2.2 配色实例120

实例22＋视频：制作活跃的旅游度假网站121

5.2.3 配色原理分析124

5.2.4 扩展方案124

5.3 铬黄125

5.3.1 配色分析125

5.3.2 配色实例126

实例23＋视频：制作个性的艺术网站126

5.3.3 配色原理分析130

5.3.4 扩展方案130

5.4 香槟黄130

5.4.1 配色分析130

5.4.2 配色实例131

实例24＋视频：制作精致的美食网站132

5.4.3 配色原理分析135

5.4.4 扩展方案135

5.5 淡黄色135

5.5.1 配色分析135

5.5.2 配色实例137

实例25＋视频：制作悠闲的韩食网站137

5.5.3 配色原理分析139

5.5.4 扩展方案140

5.6 本章小结140

第6章 网站配色设计应用——绿色系141

6.1 苹果绿141

6.1.1 配色分析141

6.1.2 配色实例142

实例26＋视频：制作工作室网站142

6.1.3 配色原理分析145

6.1.4 扩展方案145

6.2 翡翠绿145

6.2.1 配色分析145

6.2.2 配色实例146

实例27＋视频：制作游戏类网站147

6.2.3 配色原理分析149

6.2.4 扩展方案150

6.3 黄绿色150

6.3.1 配色分析150

6.3.2 配色实例151

实例28＋视频：制作广告类网站151

6.3.3 配色原理分析154

6.3.4 扩展方案154

6.4 浓绿色155

6.4.1 配色分析155

6.4.2 配色实例156

实例29＋视频：制作保险类网站156

6.4.3 配色原理分析158

6.4.4 扩展方案159

6.5 浅绿色159

6.5.1 配色分析159

6.5.2 配色实例160

实例30＋视频：制作家居类网站160

6.5.3 配色原理分析163

6.5.4 扩展方案163

6.6 孔雀绿164

6.6.1 配色分析164

6.6.2 配色实例165

实例31＋视频：制作饮品类网站165

6.6.3 配色原理分析167

6.6.4 扩展方案168

6.7 本章小结168

第7章 网站配色设计应用——蓝色系169

7.1 天蓝色169

7.1.1 配色分析169

7.1.2 配色实例170

实例32＋视频：制作工作室网站170

7.1.3 配色原理分析173

7.1.4 扩展方案174

7.2 水蓝色174

7.2.1 配色分析174

7.2.2 配色实例175

实例33＋视频：制作体育类网站175

7.2.3 配色原理分析178

7.2.4 扩展方案178

7.3 深蓝色178

7.3.1 配色分析178

7.3.2 配色实例179

实例34＋视频：制作广告类网站179

7.3.3 配色原理分析182

7.3.4 扩展方案182

7.4 浅蓝色183

7.4.1 配色分析183

7.4.2 配色实例184

实例35＋视频：设计饮食类网站184

7.4.3 配色原理分析187

7.4.4 扩展方案187

7.5 蔚蓝色187

7.5.1 配色分析187

7.5.2 配色实例188

实例36＋视频：设计滑雪网站188

7.5.3 配色原理分析192

7.5.4 扩展方案192

7.6 深青色192

7.6.1 配色分析192

7.6.2 配色实例193

实例37＋视频：设计游戏类网站193

7.6.3 配色原理分析196

7.6.4 扩展方案196

7.7 本章小结196

第8章 网站配色设计应用——紫色系197

8.1 丁香紫197

8.1.1 颜色分析197

8.1.2 配色实例198

实例38＋视频：制作清爽的甜点页面198

8.1.3 配色原理分析201

8.1.4 扩展方案202

8.2 紫色202

8.2.1 颜色分析202

8.2.2 配色实例203

实例39＋视频：制作搜索引擎页面203

8.2.3 配色原理分析207

8.2.4 扩展方案207

8.3 深紫色207

8.3.1 颜色分析207

8.3.2 配色实例208

实例40＋视频：制作优雅的手机页面209

8.3.3 配色原理分析213

8.3.4 扩展方案213

8.4 菖蒲色213

8.4.1 颜色分析213

8.4.2 配色实例214

实例41＋视频：制作电子产品页面215

8.4.3 配色原理分析218

8.4.4 扩展方案218

8.5 浅莲灰218

8.5.1 颜色分析218

8.5.2 配色实例219

实例42＋视频：制作清爽漂亮的页面220

8.5.3 配色原理分析224

8.5.4 扩展方案224

8.6 本章小结224

第9章 网站配色设计应用——无彩色系225

9.1 白色225

9.1.1 配色分析225

9.1.2 配色实例226

实例43＋视频：制作时尚的时装网页226

9.1.3 配色原理分析228

9.1.4 扩展方案228

9.2 蓝灰色229

9.2.1 配色分析229

9.2.2 配色实例230

实例44＋视频：制作精致的饮料网页230

9.2.3 配色原理分析233

9.2.4 扩展方案233

9.3 中灰色234

9.3.1 配色分析234

9.3.2 配色实例235

实例45＋视频：制作豪华的汽车网页235

9.3.3 配色原理分析238

9.3.4 扩展方案238

9.4 浅灰色239

9.4.1 配色分析239

9.4.2 配色实例240

实例46＋视频：制作清凉的绿色食品网页240

9.4.3 配色原理分析243

9.4.4 扩展方案243

9.5 黑色244

9.5.1 配色分析244

9.5.2 配色实例245

实例47＋视频：制作华丽的电子产品网页245

9.5.3 配色原理分析248

9.5.4 扩展方案248

9.6 本章小结249

第10章 辅助配色软件250

10.1 使用配色软件ColorKey Xp250

10.1.1 软件简介250

10.1.2 软件基本功能251

10.1.3 配色实例254

实例48＋视频：制作化妆品网站254

10.2 使用配色软件Adobe Kuler257

10.2.1 软件简介257

10.2.2 软件基本功能257

10.2.3 配色实例259

实例49＋视频：制作娱乐休闲网站259

10.2.4 配色实例263

实例50＋视频：制作食品类网站263

10.3 本章小结267