精通色彩搭配 100%全能网页配色密码PDF|Epub|txt|kindle电子书版本网盘下载

精通色彩搭配 100%全能网页配色密码PDF格式电子书版下载

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

第1篇 基础篇2

第1章 初识网站色彩2

1.1 色彩基础知识3

1.2 认识网页色彩8

1.3 Web 216安全色10

1.4 色彩的三要素与色立体12

1.4.1 色彩的色相12

1.4.2 色彩的明度13

1.4.3 色彩的纯度13

1.5 网站的色彩应用14

1.5.1 购物网站色彩应用14

1.5.2 社交网站色彩应用15

1.5.3 企业门户网站色彩应用16

1.5.4 休闲旅游网站色彩应用17

1.5.5 时政新闻网站色彩应用18

1.5.6 微博/博客色彩应用18

1.5.7 影音视频网站色彩应用19

1.5.8 电子商务网站色彩应用20

高手私房菜21

技巧1：配色前不能忽略的前期工作21

技巧2：特殊配色效果的实现22

第2章 色彩与情感表达23

2.1 如何选择网页的基本色24

2.2 与行业特点相匹配的色彩选择28

2.3 增强食欲的餐饮类网站色彩选择33

2.4 男性青睐的色彩选择34

2.5 女性青睐的色彩选择35

2.6 与季节对应的色彩选择36

2.7 体现都市氛围的色彩选择39

2.8 体现自然氛围的色彩选择40

2.9 表现健康形象的色彩选择44

高手私房菜45

技巧：不同配色风格的融合方法——采用“隐藏”手段45

第3章 网页配色必备的6种手法47

3.1 手法一：动静交映——网页中的“静态色彩”与“动态色彩”48

3.1.1 静态色彩48

3.1.2 动态色彩49

3.2 手法二：重点突出——网页中主题色彩的运用50

3.3 手法三：一枝独秀——单一页面的色彩布局53

3.3.1 色彩平衡53

3.3.2 色彩面积对比55

3.3.3 色彩情感与插图情感一致56

3.4 手法四：层峦叠嶂——多栏目页面的色彩布局57

3.5 手法五：色以类聚——网站同色系规划60

3.5.1 “可读性”的色彩设计60

3.5.2 色彩计划62

3.6 手法六：我行我素——色彩设计与网站风格64

高手私房菜66

技巧：网页配色——透明度66

第2篇 进阶篇68

第4章 网站配色要领68

4.1 网页的版式结构69

4.1.1 “国”字型网站结构69

4.1.2 “吕”字型网站结构70

4.1.3 “川”字型网站结构71

4.1.4 “回”字型网站结构72

4.2 网站配色常识73

4.2.1 网站Logo的配色常识73

4.2.2 网站Banner的配色常识76

4.2.3 网站导航的配色常识79

4.2.4 网站主页面的配色常识81

4.2.5 网站子页面的配色常识83

4.3 网页配色技巧84

4.3.1 巧用对比色配色84

4.3.2 巧用邻近色配色85

4.3.3 巧用冷暖互补配色87

4.3.4 巧用色彩的叠加配色88

4.3.5 巧用色彩的柔光配色90

4.3.6 巧用色彩的透明度配色91

高手私房菜93

技巧1：自由格式型网站93

技巧2：色彩搭配原则94

第5章 网页设计中的色彩应用技巧95

5.1 基于色相、色调的配色方案96

5.1.1 认识色相与色调96

5.1.2 实例1——科技网配色101

5.2 基于色彩情感的配色方案102

5.2.1 认识色彩情感103

5.2.2 实例2——女性购物网配色106

5.3 体现节奏和韵律的色彩107

5.3.1 认识色彩的韵律107

5.3.2 实例3——家居生活网配色109

高手私房菜113

技巧：体现节奏和韵律的色彩在网站制作中的应用113

第6章 配色工具的使用115

6.1 建立漂亮的颜色方案116

6.2 通过内置的工具获取配色方案117

6.3 高级颜色公式118

6.4 高级颜色方案分析122

6.5 网页配色工具的使用125

6.5.1 使用Kuler网页配色工具125

6.5.2 使用Web Safe Colours网页配色工具127

6.5.3 使用Color Schemer网页配色工具130

6.5.4 使用Colortoy网页配色工具131

6.5.5 使用Colorjack网页配色工具132

高手私房菜132

技巧：配色工具Color Scheme Designer的应用133

第7章 网站文字与色彩139

7.1 网站标志色彩的分析140

7.2 网页插图色彩的选取与使用141

7.3 图像色彩艺术143

7.4 文字色彩艺术145

7.4.1 字号对文字显示的影响145

7.4.2 文字与背景色彩的搭配147

7.4.3 文字与图片的配色149

7.5 图文色彩排版152

高手私房菜153

技巧：常用文字颜色的搭配方案153

第8章 根据网站色调配色155

8.1 红色主题色调网站156

8.1.1 网站类型分析156

8.1.2 配色详解157

8.2 橙色和黄色主题色调网站159

8.2.1 网站类型分析159

8.2.2 配色详解160

8.3 黄绿色主题色调网站162

8.3.1 网站类型分析162

8.3.2 配色详解163

8.4 绿色和青绿色主题色调网站165

8.4.1 网站类型分析165

8.4.2 配色详解166

8.5 蓝色和蓝紫色主题色调网站170

8.5.1 网站类型分析170

8.5.2 配色详解171

8.6 紫色主题色调网站175

8.6.1 网站类型分析175

8.6.2 配色详解176

8.7 紫红色主题色调网站177

8.7.1 网站类型分析177

8.7.2 配色详解178

8.8 黑色主题色调网站179

8.8.1 网站类型分析179

8.8.2 配色详解180

8.9 白色主题色调网站181

8.9.1 网站类型分析181

8.9.2 配色详解182

8.10 灰色主题色调网站183

8.10.1 网站类型分析183

8.10.2 配色详解184

高手私房菜185

技巧：适用粉色系的网站配色185

第9章 根据网站风格配色187

9.1 简洁、质朴的配色188

9.1.1 配色分析188

9.1.2 配色详解189

9.2 尊贵、华丽的配色190

9.2.1 配色分析190

9.2.2 配色详解192

9.3 男性化的配色193

9.3.1 配色分析193

9.3.2 配色详解194

9.4 女性化的配色194

9.4.1 配色分析194

9.4.2 配色详解195

9.5 自然舒适的配色196

9.5.1 配色分析196

9.5.2 配色详解197

9.6 古典主义的配色197

9.6.1 配色分析197

9.6.2 配色详解199

9.7 生动活泼的配色199

9.7.1 配色分析199

9.7.2 配色详解200

9.8 柔软稚嫩的配色201

9.8.1 配色分析201

9.8.2 配色详解202

9.9 成熟稳重的配色203

9.9.1 配色分析203

9.9.2 配色详解204

9.10 厚重、金属风格的配色204

9.10.1 配色分析204

9.10.2 配色详解206

9.11 不同国家的配色206

9.11.1 韩国风格的网站配色分析207

9.11.2 欧洲风格的网站配色分析208

9.11.3 印度风格的网站配色分析209

9.11.4 日本风格的网站配色分析210

9.11.5 中国风格的网站配色分析211

9.11.6 美国风格的网站配色分析213

9.11.7 加拿大风格的网站配色分析214

高手私房菜215

技巧1：不同国家的男性化网站配色215

技巧2：不同国家的女性化网站配色216

第10章 根据网站类别配色217

10.1 购物网站配色218

10.1.1 配色分析218

10.1.2 制定配色方案218

10.1.3 配色步骤219

10.2 社交网站配色219

10.2.1 配色分析220

10.2.2 制定配色方案220

10.2.3 配色步骤220

10.3 企业门户网站配色222

10.3.1 配色分析222

10.3.2 制定配色方案222

10.3.3 配色步骤223

10.4 休闲旅游网站配色224

10.4.1 配色分析224

10.4.2 制定配色方案224

10.4.3 配色步骤225

10.5 时政新闻网站配色225

10.5.1 配色分析225

10.5.2 制定配色方案226

10.5.3 配色步骤226

10.6 微博/博客配色227

10.6.1 配色分析227

10.6.2 制定配色方案228

10.6.3 配色步骤228

10.7 影音视频网站配色229

10.7.1 配色分析229

10.7.2 制定配色方案230

10.7.3 配色步骤230

10.8 电子商务网站配色232

10.8.1 配色分析232

10.8.2 制定配色方案232

10.8.3 配色步骤233

高手私房菜234

技巧：搜索网站配色234

第11章 根据网站区域配色235

11.1 千变万化的导航区域配色236

11.2 导航区域配色分析237

11.3 导航区域配色详解238

11.4 网站主体内容色彩为主239

11.5 网站主体内容配色分析240

11.6 网站主体内容配色详解240

11.7 周边色彩为辅242

11.8 网站边缘配色分析243

11.9 网站边缘配色详解245

11.10 导航与网站风格协调统246

11.11 可用性Flash导航247

11.12 网站区域配色的基本法则248

高手私房菜251

技巧：色彩的黄金法则（60：30：10）251

第3篇 实战案例篇254

第12章 购物网站配色全过程254

12.1 实例解析255

12.2 主要配色法则及设计256

12.3 实战操作257

高手私房菜261

技巧：如何让网站的主题更加突出261

第13章 社交网站配色全过程265

13.1 实例解析266

13.2 主要配色法则及设计267

13.3 实战操作272

高手私房菜276

技巧：社交网站的配色276

第14章 企业门户网站配色全过程279

14.1 实例解析280

14.2 主要配色法则及设计284

14.3 实战操作286

高手私房菜289

技巧：企业门户网站的配色289

第15章 休闲旅游网站配色全过程291

15.1 实例解析292

15.2 主要配色法则及设计296

15.3 实战操作298

高手私房菜301

技巧：休闲旅游网站的配色301

第16章 时政新闻网站配色全过程303

16.1 实例解析304

16.2 主要配色法则及设计306

16.3 实战操作309

高手私房菜313

技巧：时政新闻类网站的配色313

第17章 微博/博客配色全过程315

17.1 实例解析316

17.2 主要配色法则及设计320

17.3 实战操作321

高手私房菜326

技巧：微博/博客的配色326

第18章 影音视频网站配色全过程329

18.1 实例解析330

18.2 主要配色法则及设计334

18.3 实战操作336

高手私房菜339

技巧：影音视频网站的配色339

第19章 电子商务网站配色全过程341

19.1 实例解析342

19.2 主要配色法则及设计343

19.3 实战操作345

高手私房菜349

技巧：电子商务网站的配色349