All above from Wucaijuan.
52我爱CSS（http://www.52css.com/）
该网站以简洁、清雅为特点。银灰色的背景，再加上惹人醒目的天蓝色的导航条，顿时让整个页面显得质朴和内向，与技术网站的风格比较和谐。再又搭配上红色５２让整个页面不会太过于沉闷。
它的是传统的三栏布局，中间一栏是主体，其中有好多小模块，之间用虚线间隔开来，前面用蓝灰色的箭头标注，与整个页面融为一体。左边一栏是这个网站的经典模块，所以用图片进行链接，图片的颜色也是以暗红和灰色为主。右边一栏也是这个网站的板块分区，是蓝色和黑色的字体。网页的最下面是淡蓝色背景，蓝色字体做成的友情链接。
中国ＮＢＡ(http://china.nba.com/)
这是一个中国官方网站，又是一个体育运动网站，整个页面的色彩分为两部分，刚打开页面是充满整个屏幕的蓝色，然后拖动滚动条就变成白色，这种颜色上的转换导致了浏览者视觉上的跳动。再说，整个页面除了颜色造成的跳动感外，照片的跳动，还有大量的ｆｌａｓｈ，这都是网站的主题——运动相符的。再说布局方面，它也是三栏，只是与上面的那个网站不同的是它的内容比较多，所以就分了好多板块。每个板块都是淡蓝色标题栏，黑色的字体，网页最下面的也是友情链接。
http://www.donews.com/
这个网站因为信息量比较大，所以分为了四栏，有好多个板块，但是却不显得杂乱，而是井然有序，现在我们来仔细地分析一下它吧。左边一栏比较窄，贯穿上下，是对近几天的新闻进行投票；因为整个页面比较长，所以中间的两栏上下之间均匀地穿插了四幅图片。在页面下面从左到右都是以蓝色为主体的链接。整个页面是以淡蓝色为主题，基本上没有其他的颜色。
依儿酷站（http://www.yi2.net/）
颜色分非彩色和彩色两类，非彩色是指黑，白，灰系统色，彩色是指除了非彩色以外的所有色彩。这个网站采用的就是非彩色的搭配，黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。白、黑灰这三种色组成了一个具有艺术气息的网站。
中国艺术设计联盟 （http://www.arting365.com/）
整个页面以红色为主色调，白色为背景，红色是一种激奋的色彩，刺激效果，能使人产生冲动，热情，活力的感觉。再加上黄色的辅助色，显得特别醒目，意蕴深厚，也不会太张扬刺眼。网页布局也是分为三列，右两栏是连在一起的，是对不同内容的分类。整个页面充满了图片，展现出活力与激情，与红色相呼应。
收成在线（http://www.sc98.cn/）
页面开头和结尾都以翠绿色为背景，而整个网页就好像嵌在黑灰色的大背景上。感觉底蕴深厚，翠绿色又体现出了活泼和生机。这个网页大致可以分为两列，左列是对本站的介绍和网站推广，右列就是主体了，它有分了6行。各个小标题都是绿色的，其它都是白底黑字。给人以一种大方得体的感觉。
中国设计秀（http://www.cnwebshow.com/）
背景是土黄色，两边还留了白，色调比较暗，但是页面上图片比较多，而且颜色比较鲜艳，给原本暗淡的背景上增加了一些亮眼的东西，使浏览者的眼睛为之一亮，带来了跳动的视觉感。各个小标题都是用黄色箭头来指示的，与背景相映生辉。这个网页是标准的三栏布局，图片是以行的形式插在各个栏中的。
设计前沿（http://www.wzsky.net/）
这也是个专门设计的网站，但是它的风格跟之前的那几个网站都不一样，相比之下它显得淡雅朴素，网页是以淡蓝色为主调，淡雅之外又透着清新，这个网页内容比较多，所以内容就比较繁杂，但是网页分割的小板块和小板块之间比较整齐，所以看上去看到的是一个一个的板块。
猫扑（http://tech.mop.com/）
整个页面是以淡蓝色为主色调，白色为背景，好像这是个经典的搭配，永远都不落俗套，再在banner处加上了鲜黄的颜色，为这个网页加上了一点人文的色彩，多了种厚实的感觉。
中国高等教育学生信息网（http://www.chsi.com.cn/?）
这是一个教育性质的网页，整个色调是天蓝色，蓝色是最具凉爽，清新，专业的色彩。用在这里很合适。板块的框架边线也是用蓝色勾勒出来的，这个网页的布局是方方正正的三列。
通过以上分析，可以得出网页色彩搭配应该注意的问题：
1.使用单色
尽管网站设计要避免采用单一色彩，以免产生单调的感觉，但通过调整色彩的饱和度和透明度也可以产生变化，使网站避免单调。
2.使用邻近色
所谓邻近色，就是在色带上相邻近的颜色，例如绿色和蓝色，红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱，易于达到页面的和谐统一。
3.使用对比色
对比色可以突出重点，产生了强烈的视觉效果，通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调，对比色作为点缀，可以起到画龙点睛的作用。
4.黑色的使用
黑色是一种特殊的颜色，如果使用恰当，设计合理，往往产生很强烈的艺术效果，黑色一般用来作背景色，与其它纯度色彩搭配使用。
5.背景色的使用
背景色一般采用素淡清雅的色彩，避免采用花纹复杂的图片和纯度很高的色彩作为背景色，同时背景色要与文字的色彩对比强烈一些。
6.色彩的数量
一般初学者在设计网页时往往使用多种颜色，使网页变得很“花”，缺乏统一和协调，表面上看起来很花哨，但缺乏内在的美感。事实上，网站用色并不是越多越好，一般控制在三种色彩以内，通过调整色彩的各种属性来产生变化。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/23616.html