网页设计与配色经典案例解析
2009-6
电子工业出版社
旭日东升 编
366
无
时至今日，互联网已经具备和报纸、广播、电视、杂志四大媒体平起平座的实力，成为宣传效果明显的第五大媒体，网络上大大小小的网站如雨后春笋般茁壮成长起来，作为放置信息的容器，我们可以把网站想象成一座摩天大楼，楼的内部有很多的房间，而不同的信息则放在相应的房间里。 对于美术基础薄弱的读者来说，用什么样的色彩搭配在一起好看并不是一件容易的事情，学习任何知识都需要耐心，打好基础才是关键，万丈高楼平地起，靠的是稳固的地基和坚实的骨架，基础不牢必然导致大楼的倒塌，温故而知新才是永恒的主题，只有扎扎实实走好每一步才能水到渠成。 网站的色彩就像是人的外表一样，如果打扮得美观大方，就会给人一种魅力四射的感受，而不修边幅则让人感到粗糙毛草，因此，网页的色彩搭配将直接影响访问者对网站的印象。本书从网站规划、创意入手，对色彩搭配的原理、色彩对心理的影响进行深入的分析，有助于各位读者从中汲取营养。 网页配色有着很强的艺术性，不同的色彩搭配方案就会让人产生不一样的感受。书中例举了大量国内的优秀网页作品进行点评，并将众多网站归纳为色调、风格、类别，三大部分内容，便于读者索引和查找。对于初学者来说，模仿是最容易看到效果的方法，经验丰富的设计师则需要博采众家之所长，形成自己的风格，多欣赏优秀作品并不断地分析、比较，必然会使你的配色能力逐渐增长和提高。 本书把色彩构成、色彩与情感、色彩处理手法与配色常见问题等基础知识有机地整合起来，旨在帮助各位读者在阅读的过程中逐步掌握，网页配色的规律、技巧并用通俗易懂的语言讲述出来，便于读者轻松，愉快的阅读。在学习的道路上，没有老师，只有班长，书中不足之处希望各位读者与笔者多多交流、沟通，大家可以发送邮件到笔者的信箱，信箱地址为。 最后，笔者衷心希望各位读者读过此书后能有所收获、有所启示、有所感悟，并在配色实践中获得此书的帮助。
《网页设计与配色经典案例解析（全彩）》以介绍色彩知识为主线，从色彩原理入手，辅以大量优秀网页便于读者对色彩搭配的理解，同时也使读者了解到更多关于网页设计的知识，注重读者色彩基础的培养，用通俗易懂的语言将复杂的配色原理表述出来。 翻开目录，你会发现《网页设计与配色经典案例解析（全彩）》并不是一本仅仅讲解色彩搭配的图书，其中还有大量的关于创意、视觉设计、网站建设等方面的知识，可谓一书在手，建站无忧，而且在讲解知识的过程中穿插了大量作者的提示、心得体会，读者会在阅读的过程中发现这些提示将对知识的掌握大有帮助。 《网页设计与配色经典案例解析（全彩）》以“战略”的高度去讲述色彩知识，旨在逐步培养读者的审美能力、色彩搭配能力，并可应用于网络广告、网页创意、网页设计等领域。 《网页设计与配色经典案例解析（全彩）》适合有志于从事网页设计的读者阅读，对于已具备部分基础知识，但仍在许多地方不甚理解的读者，也可以通过阅读《网页设计与配色经典案例解析（全彩）》有所收获。
第一篇 网页设计篇序章第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 网页的Logo4.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.1 GIF 广告5.2.2 Flash 广告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.1 216 网页安全色10.2 网页色彩模式10.2.1 RGB 色彩10.2.2 Indexed 色彩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 网页配色的实现
黑色 黑色联想到的形容词： 正面的：神秘、干练、威严、权威、教养、力量、强势、攻击； 负面的：恐怖、不安、绝望、悲伤、沉默、虚无、孤独。 黑色象征着崇高、严肃、粗莽、沉默、退缩、沉稳、黑暗，有消极、谦逊的意味，有高贵、稳重、科技的意象。电视、汽车、音响、仪器的色彩大多采用黑色，生活用品和服饰设计也大多利用黑色来塑造高贵的形象，黑色也是万能色，可以和任何色彩搭配。 黄色 黄色联想到的形容词： 正面的：快乐、轻快、撒娇、可爱、理解、智慧、幸福、和平、明朗、希望； 负面的：卑鄙、嫉妒、欺骗、偏见、破坏、神经质。 黄色是喜庆的用色，象征着明朗、高贵、希望、发展、警示，黄色是明度最高的色彩，有警示的作用，是引起注意的代表色彩，有集中视线的效果，常用于道路的标志线、禁止通行路障、工程用的大型机器等。 黄色还象征智慧和光明，在古代的中国，黄色常用于皇室，是权利的象征。 橙色 橙色联想到的形容词： 正面的：活力、健康、创造力、能力、快乐、华丽、社交性； 负面的：不安。 橙色象征着光明、华丽、甜蜜、快乐、辉煌、动感，极具扩展性，在工业安全用色中，橙色是警戒色，登山服装、背包、救生衣等常用橙色引起别人的注意，橙色是由红色和黄色混合而成的，是一种能引起食欲的色彩。 橙色给人一种朝气活泼、积极向上的感觉，有平易近人的亲和力。 红色 红色联想到的形容词： 正面的：热情、感动、勇气、力量、生命力、能量、爱情、温暖、开放、社交性； 负面的：兴奋、攻击、恐怖、危险、情欲、冲动。 红色象征着幸福、吉祥、热情、活泼、革命、温暖，是所有色彩中最鲜艳、纯净的色彩，红色容易引起注意，在各种媒体中被广泛利用，红色也常用来作为警告、危险、禁止、防火等标志的指定用色，有着强烈的刺激情感，给人带来最快速的反应。 在中国，红色代表权利、喜庆、忠诚、革命。 绿色 绿色联想到的形容词： 正面的：生命、丰盛、繁荣、希望、和平、舒适、安定、理性、正直、宽容； 负面的：猜忌心、自我压抑、贪婪、腐蚀。
现在方案，即查即用；配色理念，边用边学；一书在手，建站无忧。 本书汇集500余个网页案例，通过详细的色彩讲解、丰富的视觉设计、独到的网页创意，带你学习最新、最流行的网页配色方案。
无