网站设计：网页设计的颜色搭配

很久以前，我象众多新手一样，苦恼于网页色调如何设计。就象装饰设计效果图一样，网页设计资料里也提供一些色系搭配，咱就跟着来呗，然而，默默唧唧始终做出好的色调来。然而，的确存在普适的色调搭配，比如用到电脑IT行业的科技蓝，比如用到教育领域的苹果绿，比如用到女性系列的玫瑰红等等。那时咱也是个菜鸟，照搬吧，就只会用一种颜色，所有的界面元素按一种颜色不同色阶来处理，结果呢，要么一身蓝，要么一身绿。回想以前，现在告诉大家，连分割线都用彩色的，一定是菜鸟中的菜鸟。

后来，咱不满足了，要“色彩缤呈”。一次次的试验，都完蛋了，红一块，蓝一块，绿一块，组装到一起，能好看吗？这个程度的属于菜鸟中的菜鸟的进化阶段，尚属于有发展潜力的，大家要注意花时间培养，等待他开悟突破瓶颈。

再后来，发现自己搞色调搭配实在不在行，鉴赏力还是有的，起码能分辨出好坏来，逮住一个好的站，抄吧。想突破又没有突成的，回归到抄上来的，这个程度的，一般来说有两年经验了，大家用这样的人，就比较顺手了，起码的工资应该到1500-2500。

再再后来，抄着抄着，功力大进，反手为云，覆手为雨了，什么颜色都运用自如了。这样的人，起码给到2500以上了。

从色彩看设计师的发展路程，当然到达高端警戒的人的这个过程中还充斥着规划设计、组件设计、元素分类、代码规范、样式表、布局设计、目录结构、JS效果、Flash多媒体等等一系列扁平化的综合应用知识。单就这些知识的积累来说，时间得用多少呢？不多说了吧。给多少工资能得到这样一个人呢？也不多说了吧。如果他是一个有个人思想体系的人的话，价码就更不言而喻了。

上面说的，是设计师的本事和价码，打家可以对号入座培养自己的设计师了。

好了，现在才开始进入正题：色彩运用。

下面我整理出一个简单的纲要，来说明一下，高效的简化通用程式。

一、白 纸 黑 字

白纸黑字是所有出版物的主题。网页这种屏幕出版也不例外，但对于屏幕来说，有个特点，字最好不要纯黑，那样太刺激，一般选用深灰。

二、分割线用一律用浅灰

为啥，分栏、模块的边际线，其存在的目的是什么？只有一个，就是把不同的内容“区分”开来。所以分割线的颜色一定要浅，能让用户感受的内容的区分就可以了，那为啥要有灰色而不用彩色呢？因为灰色是通用色，适用于任何色系的网站。如果分割线用彩色，或者区块的背景用彩色，那么就会压过你的内容或产品，让用户的视觉受到“色诱”干扰，甚至影响到你产品的品相。突出产品，就要弱化装饰，弱化分割线，弱化背景，弱到不能在弱。

三、如何呈现网页的主色调

已经是白纸黑字了，怎么能让用户更好的体验专业性的网页设计行业色系呢？很简单，导航、Logo、功能按钮、功能链接，这些有用户操作性的重功能区，用彩色来点题。换句话说，如果一张白纸信笺，页眉是红线的就是红头文件，页眉是蓝线的就是蓝头文件。彩色用到重功能区，直接就定义了网页主调。而不是处处用红色，才是红调网页。

四、如何处理不搭调的颜色

网页上有时需要处理一些广告图片，有些颜色放到一起不鲜亮，怎么也调不好颜色。比如红配蓝讨人嫌，红配绿狗臭屁，还有鸭屎绿，狗屎黄等等一些不好处理的颜色。怎么办？很简单。用白色把两种不搭调的颜色葛开少许距离。一下问题就解决了。字体不鲜亮，描个边就完事，一个边不出效果，多描几层就OK了。

五、关于韩灰

韩国网站兴起一股韩风，然后大家就跟在棒子后面学Flash导航，学韩灰。学来学去，没有掌握其本质精髓。为啥韩风未艾，这得从东西方文字说起。西方文字以26个英文字母为主，每个字母都无大多内涵，而一个单词，一个句话，缺形成一种优美的线条，而且英文字母最小能到6个像素，英文越小越显出一种精致的美感。而汉字就不同了，每个字都是一个故事一个典故一个艺术体，但一行字就没多大美感了，如果是一篇文章满满的黑字在屏幕上显示，那就是丑陋了。GB2312国标字体不同于书法，不能像毛笔字一样体现艺术美，这个道理大家都能理解。

六、视觉传达

上海艾艺软件开发公司小编觉得，所有的颜色搭配都是为了视觉上更好的传达，增加用户的体验感，这也是UI设计的重要因素之一，那么就有二个问题了，第一个问题如何改善这个东方文字在屏幕显示上的丑陋呢，第二个问题谁在网页上首先普及性地解决了这个问题呢？

哈哈，是韩国棒子。古代的韩国是没有官方文字的，用的是汉字，即便后来发明了自己的文字，其韩文但也受到中国文化的深远影响。所以棒子的方法同样可以运用到汉字和日文上。方法很简单，就是把字体颜色改用深灰色，而慎用纯黑。这样就弱化了白纸黑方块字感觉像一张白纸上爬满苍蝇的感觉——这就是韩灰的本质。不了解东西方文字的本质区别，一样做不好中英文双版的网站。棒子的网站设计，网站开发其可去之处，不在于用拙而炫的Flash去满足爆发户的喜好，而在于其对文字的弱化处理。学会弱化、学会釜底抽薪的手段，不仅仅能解决界面设计问题，也是种政治手段。

最后鄙视一下，功能性网站，加Flash以炫取巧的手段。以后有时间讲讲Flash什么时候该用，什么时候不改用。