站点导航 | 千客杂志 | 我要投稿 | | RSS

您现在的位置:首页 > 网络 > 设计方略 > 网站设计中的配色规则和技巧简述

网站设计中的配色规则和技巧简述

2012-06-16 10:27:18 人点击
导读:网站设计配色规则和技巧网站的色彩搭配对用户体验有着很重要的影响,而色彩搭配有一定的规则和技巧,掌握这些规则和技巧才能设计出一个优秀的网站。网页的配色规则是根据网页具

30.jpg

网站设计配色规则和技巧

网站的色彩搭配对用户体验有着很重要的影响,而色彩搭配有一定的规则和技巧,掌握这些规则和技巧才能设计出一个优秀的网站。

网页的配色规则是根据网页具体位置的不同功能而设定的。下面按照网页标题,网页链接,网页文字及网页标志的层次进行介绍。

1 网页标题

网页标题是网站的指路灯,浏览者要在网页间跳转,要了解网站的结构和网站的内容,必须通过导航或者页面中的一些小标题。所以可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让其感觉网站清晰明了,层次分明,如果色彩相近度高,会让浏览者感到混乱。

例如拿比较出名的A5网站举例,网站背景是白色,所以导航标题采用了相近度较远的深蓝色,这样可以对用户产生视觉冲击,使用户在看到第一眼时就知道这个导航标题非常重要。

2 网页链接

任何网站都不可能只有单一的一页,所以文字和图片的链接是网站中不可或少的一部分。尤其是文字的链接,因为文字链接和文字不同,所以文字链接的颜色和文字的颜色绝对不能一样。

现代人的生活节奏都很快,没有人会花很多精力在寻找网站的链接上。因此,设置独特的链接颜色,让人感觉其独特性,从而驱使用户移动鼠标,点击链接。

3 网页文字

如果一个网站使用了背景颜色,就必须考虑背景颜色与前景文字的搭配问题。一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色,让人一目了然。

当然,有些网站为了让浏览者对其留下深刻的印象,经常在背景上做文章。比如一个空白页的某个部分用了很亮的一个大色块,可以让用户感受到豁然开朗。此时网站为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。

4 网页标志

网页标志是宣传网站最重要的部分之一,所以这部分一定要在页面上凸现出来。读者可以将logo和Banner做得鲜亮一些来实现突出显示,也就是色彩方面跟网页的主题色分离开来。有时候为了是网页标志更突出,也可以选用于主题色相反的色彩。

A5网站的网页标志采用的是非常醒目的红色,所以在白色背景和深蓝色导航的衬托下,显的非常醒目。A5网站对白色,蓝色,红色的协调运用,给人感觉非常美观大方,印象深刻。

为了能让自己的网页设计的更靓丽,更舒适,更具有可阅读性,必须合理恰当的运用和搭配页面各要素间的色彩!

文章来源:千客网 编辑:文仔
Tags: