网页设计与配色经典案例解析

第一篇网页设计篇

序章

第1章网页设计规划

1.1为网站制定目标

1.1.1对市场的预测和分析

1.1.2网站的项目规划

1.1.3网站建设

1.2与客户的有效沟通

第2章网页结构

2.1栏目结构划分

2.1.1规则的栏目组合方式

2.1.2不规则的栏目组合方式

2.2网页版式划分

第3章网页创意和风格

3.1网页的创意

3.1.1创意是网页的灵魂

3.1.2创意的方法

3.2网页风格

第4章网页视觉设计

4.1网页布局

4.1.1网页的规格

4.1.2网页的Logo

4.1.3顶部通栏

4.1.4网页文本

4.1.5图像的设计

4.1.6为网页插入视频

4.2网页构成

4.2.1点的应用

4.2.2线的应用

4.2.3面的应用

4.2.4混和构成应用

第5章网站推广和网络广告

5.1网络推广

5.2网络广告

5.2.1GIF广告

5.2.2Flash广告

5.2.3流媒体广告

5.2.4网络广告欣赏

第二篇色彩知识篇

第6章网页配色的常见问题

6.1缺乏主色调

6.2文字能见度低

6.3增加视觉负担

6.4风格与主题脱离

第7章色彩构成

7.1认识色彩

7.1.1什么是色彩

7.1.2光

7.1.3色

7.2色彩与视觉

7.2.1色彩三要素

7.2.2色调

第8章色彩与情感

8.1色彩的心理效应

8.1.1色彩的象征

8.1.2色彩的视觉效应

8.1.3色彩的味觉效应

8.1.4色彩的情绪效应

8.2色彩表情

8.2.1明朗灿烂的“黄”

8.2.2神圣高贵的“金”

8.2.3欢快活泼的“橙”

8.2.4柔美浪漫的“红”

8.2.5生机活力的“绿”

8.2.6平静冷漠的“蓝”

8.2.7神秘虔诚的“紫”

8.2.8酷意十足的“黑”

第9章常用色彩处理手法

9.1色彩的对比

9.1.1色相对比

9.1.2明度对比

9.1.3纯度对比

9.1.4补色对比

9.1.5冷暖对比

9.1.6面积对比

9.2色彩的调和

9.2.1同类色调和

9.2.2渐变色调和

9.2.3对比与调和

第三篇网页配色篇

第10章网页色彩

10.1216网页安全色

10.2网页色彩模式

10.2.1RGB色彩

10.2.2Indexed色彩

10.3网页配色原则

10.3.1人性化

10.3.2艺术性

10.3.3符合网站风格和主题

10.3.4个性鲜明

第11章网页配色技巧

11.1使用一种色彩

11.2使用两种色彩

11.3使用多种色彩

11.4使用近似色彩

11.5使用无彩色

第12章网页文字配色

12.1字号对文字显示的影响

12.2文字与背景色彩的搭配

12.2.1与图像背景的搭配

第13章网站色调与配色

13.1红色系的配色

13.1.1适用红色系的网站

13.1.2红色系的网站配色讲解

13.2橙色系的配色

13.2.1适用橙色系的网站

13.2.2橙色系的网站配色讲解

13.3黄色系的配色

13.3.1适用黄色系的网站

13.3.2黄色系的网站配色讲解

13.4金色系的配色

13.4.1适用金色系的网站

13.4.2金色系的网站配色讲解

13.5绿色系的配色

13.5.1适用绿色系的网站

13.5.2绿色系的网站配色讲解

13.6蓝色系的配色

13.6.1适用蓝色系的网站

13.6.2蓝色系的网站配色讲

13.7紫色系的配色

13.7.1适用紫色系的网站

13.7.2紫色系的网站配色讲解

13.8无彩色的配色

13.8.1白色的配色

13.8.2灰色系的网站

13.8.3黑色系的网站

第14章网站风格与配色

14.1简洁、质朴的配色

14.1.1简洁类网站的特点

14.1.2简洁类网站配色讲解

14.2尊贵、华丽的配色

14.2.1奢华类网站的特点

14.2.2奢华类网站配色讲解

14.3男性化的配色

14.3.1男性化网站的特点

14.3.2男性化网站配色讲解

14.4女性化的配色

14.4.1女性化网站的特点

14.4.2女性化网站配色讲解

14.5自然舒适的配色

14.5.1自然舒适类网站的特点

14.5.2自然舒适类网站配色讲解

14.6古典主义的配色

14.6.1复古类网站的特点

14.6.2复古类网站配色讲解

14.7生动活泼的配色

14.7.1活泼类网站的特点

14.7.2活泼类网站配色讲解

14.8柔软稚嫩的配色

14.8.1柔软稚嫩类网站的特点

14.8.2柔软稚嫩类网站配色讲解

14.9成熟稳重的配色

14.9.1稳重类网站的特点

14.9.2稳重类网站配色讲解

14.10厚重、金属风格的配色

14.10.1厚重、金属类网站的特点

14.10.2厚重、金属类网站配色讲解

第15章网站分类与配色

15.1信息类网站配色

15.1.1行业门户网站

15.1.2资讯网站

15.1.3机构网站

15.2商业类网站配色

15.2.1电子商务网站

15.2.2企业网站

15.3机械科技类网站配色

15.3.1手机网站

15.3.2汽车网站

15.3.3计算计数码网站

15.4休闲类网站配色

15.4.1服饰品牌网站

15.4.2美容化妆网站

15.4.3饮食网站

15.4.4体育网站

15.5娱乐类网站配色

15.5.1游戏网站

15.5.2音乐网站

15.5.3电影网站

15.6个人网站配色

第四篇作者配色案例篇

第16章广聚福

16.1与客户的沟通

16.2素材参考

16.3网页规划

16.3.1网页结构框架安排

16.3.2顶部通栏图像

16.4网页配色的实现

16.4.1插入图像

16.4.2网页色彩搭配的实现

第17章中药康复中心

17.1与客户的沟通

17.2素材参考

17.3网页规划

17.4网页配色的实现

第18章华腾缘

18.1与客户的初次沟通

18.2素材参考

18.3网页规划

18.4网页配色的实现

　　本书从网站规划、创意入手，对色彩搭配的原理、色彩对心理的影响进行深入的分析，有助于各位读者从中汲取营养。　　网页配色有着很强的艺术性，不同的色彩搭配方案就会让人产生不一样的感受。书中例举了大量国内的优秀网页作品进行点评，并将众多网站归纳为色调、风格、类别，三大部分内容，便于读者索引和查找。对于初学者来说，模仿是最容易看到效果的方法，经验丰富的设计师则需要博采众家之所长，形成自己的风格，多欣赏优秀作品并不断地分析、比较，必然会使你的配色能力逐渐增长和提高。　　本书以介绍色彩知识为主线，从色彩原理入手，辅以大量优秀网页便于读者对色彩搭配的理解，同时也使读者了解到更多关于网页设计的知识，注重读者色彩基础的培养，用通俗易懂的语言将复杂的配色原理表述出来。　　翻开目录，你会发现本书并不是一本仅仅讲解色彩搭配的图书，其中还有大量的关于创意、视觉设计、网站建设等方面的知识，可谓一书在手，建站无忧，而且在讲解知识的过程中穿插了大量作者的提示、心得体会，读者会在阅读的过程中发现这些提示将对知识的掌握大有帮助。　　本书以“战略”的高度去讲述色彩知识，旨在逐步培养读者的审美能力、色彩搭配能力，并可应用于网络广告、网页创意、网页设计等领域。　　本书适合有志于从事网页设计的读者阅读，对于已具备部分基础知识，但仍在许多地方不甚理解的读者，也可以通过阅读本书有所收获。