网页色彩搭配基础.ppt

网页制作与网站建设网页的色彩是树立网站形象的关键之一。网页的背景，文字，图标，边框，超链接等，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵？（一）色彩的基本知识
显示器的颜色属于光源色。所以颜色的以光学颜色RGB为主。在显示器屏幕内侧均匀分布着红色（RED）、绿色（GREEN）、蓝色（BLUE）的荧光粒子，当接通显示器电源时显示器发光并以此显示出不同的颜色。显示器的颜色是通过光源三原色的混合显示出来的。显示器可以显示出多达1600万种颜色。
（一）色彩的基本知识色相明度紫色（#993399）跟黄色（#ffff00）暗红（#cc3300）跟草绿（#99cc00）暗蓝（#0066cc）跟橙色（#ff9933）纯度相近色：
色环中相邻的三种颜色。如黄绿色，黄色和桔黄色。相近色的搭配给人的视觉效果很舒适，很自然。所以相近色在网站设计中极为常用。互补色：
在色环上，相对的两种颜色（即：在同一条直径上的两种颜色）为一组补色，如：红和绿，橙和蓝，黄和紫都是补色。补色的对比十分强烈，视觉上给人不和谐的感觉。补色的组合可以使人感觉红的更红绿的更绿，虽然不和谐，但如果运用得好的话也可以很漂亮，给人视觉冲击力很强，如果运用得不好，就会给人俗气，刺眼得感觉。补色在网站设计中用得也极为普遍。

补色对比
将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置，使色彩感觉更为鲜明，纯度增加，称为补色对比。暖色
暖色，如黄色，橙色，红色，紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。冷色色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。
红色
是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。被用来传达有活力，积极，热诚，温暖，前进等涵义的企业形象与精神。动态效果强烈的鲜明对比色彩赋于站点奔放、激情的个性。绿色
介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。

绿色和淡白淡白搭配，可以产生优雅，舒适的气氛。
紫色
紫色色彩心理象征着女性化，代表这高贵和奢华，优雅和魅力，也象征着神秘与庄重、神圣和浪漫。橙色
也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。黄色
具有快乐，希望，智慧和轻快的个性，它的明度最高。
蓝色
是最具凉爽，清新，专业的色彩。由于蓝色沉稳的特性，具有理智，准确的意象，在商业设计中，强调科技，效率的商品或企业形象，大多选用蓝色当标准色，企业色。它和白色混合，能体现柔顺，淡雅，浪漫的气氛。
白色
在商业设计中，白色具有高级，科技的意象，通常需和其他色彩搭配使用并且可以和任何颜色作搭配。

黑色
在商业设计中，黑色具有高贵，稳重，科技的意象，许多科技产品的用色，如电视，跑车，摄影机，音响，仪器的色彩，大多采用黑色，在其他方面，黑色的庄严的意象，也常用在一些特殊场合的空间设计。
灰色
在商业设计中，灰色具有柔和，高雅的意象，而且属於中间性格，男女皆能接受，所以灰色也是永远流行的主要颜色，在许多的高科技产品，尤其是和金属材料有关的，几乎都采用灰色来传达高级，科技的形象，使用灰色时，大多利用不同的层次变化组合或他配其他色彩，才不会过於素，沉闷，而有呆板，僵硬的感觉。
网页制作用彩色还是非彩色好呢？
根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。
通常的做法是：主要内容文字用非彩色（黑色），边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。网页色彩搭配的原理
1、非彩色的搭配
黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。
灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。网页色彩搭配的原理
2、彩色的搭配
2.5.2网页色彩搭配技巧2.5.2网页色彩搭配技巧2.5.2网页色彩搭配技巧2.5.2网页色彩搭配技巧2.5.2网页色彩搭配技巧