(2)使用邻近色
邻近色就是在色带上相邻近的颜色,例如绿色和蓝色,红色和黄色就互为邻近色。采用邻近色设计网页可以使网页避免色彩杂乱,易于达到页面的和谐统一,这是一种最保险的色彩搭配方式。
(3)使用对比色
对比色可以突出重点,产生了强烈的视觉效果,通过合理使用对比色能够使网站特色鲜明、重点突出。在设计时一般以一种颜色为主色调,对比色作为点缀,可以起到画龙点睛的作用。
(4)黑白灰的使用
黑白灰是万能色,可以跟任意一种色彩搭配。对一些明度较高的网站,配以黑色,可以适当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间,作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白,给人一个遐想的空间,让人感觉心情舒适,畅快。恰当的留白对于协调页面的均衡起到相当大的作用。
(5)背景色的使用
背景色一般采用素淡清雅的色彩,避免采用花纹复杂的图片和纯度很高的色彩作为背景色,同时背景色要与文字的色彩对比强烈一些。
(6)网页安全色
在 HTML 中,颜色表示成十六进制值(如 #FF0000)或者表示为颜色名称。网页安全色是指以 256 色模式运行时,在各种浏览器显示相同的颜色。有 216 种常见颜色,而且任何结合了 00、33、66、99、CC 或 FF 对(RGB 值分别为 0、51、102、153、204 和 255)的十六进制值都代表网页安全色。在网页设计中,尽量使用“网页安全色”,它可以让你的页面在大部分的浏览器里看起来效果一致。
2、网页主题色
网站色彩如果太单一,会使人感觉单调,乏味;但如果运用太多的颜色,又会让人感觉轻浮,花俏。所以必须根据网站性质确定一种或两种主题色,其它色彩从属于主题色,当主题色确定好以后,考虑其它配色时,一定要考虑其它配色与主题色的关系,要体现什么样的效果,另外要考虑哪种因素占主要地位,是明度,纯度还是色相。一个页面尽量不要超过4种色彩,用太多的色彩让人视觉疲劳。如用粉色为主题色可体现女性站点的柔性,暖色系一般应用于购物类网站,电子商务网站,儿童类网站等等,用以体现商品的琳琅满目,儿童类网站的活泼,温馨等等效果。冷色系一般应用于一些高科技,游戏类网站,主要表达严肃,稳重等效果。
独特、合适、艺术性是主题色使用的基本原则。三者有机有融合,从而设计出既具创新又符合艺术规律、风格独特、个性鲜明、引人入胜的网站。
3、各页面元素的色彩处理
(1)网页内容
如果一个网站用了背景颜色,必须要考虑到与前景文字的搭配等问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色。让人一目了然。当然,有些网站为了让浏览者对网站留有深刻的印象,他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块,使人豁然开朗,此时为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。
(2)Logo和Banner
Logo和Banner是宣传网站最重要的部分之一,所以这两个部分一定要在页面上突出来。可以将Logo和Banner做的鲜亮一些,具有较高的对比度,色彩方面可以跟网页的主题色分离开来。有时候为了更突出,也可以使用与主题色相反的颜色。
(3)导航与小标题
导航、小标题是网站的指路灯。浏览者要在网页间跳转,要了解网站的结构,网站的内容,都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让他们感觉网站清晰、明了、层次分明。
(4)链接颜色设置
一个网站不可能只是单一的一页,所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接,鼠标移动到文字上的颜色即链接的颜色,链接的颜色不能跟文字的颜色一样,链接的颜色应保持文字的清晰明了,设置了独特的链接颜色,让人感觉他的独特性,自然而然好奇心吸引浏览者移动鼠标,点击鼠标。
(5)页脚,这一项包含的是版权信息、联系方式等,这些内容不应该喧宾夺主,可以使用暗一些的颜色。
网页配色是一项艺术性和技术性都很强的工作,网页设计师应深知色彩心理,根据网站本身的特点选色,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。