网站设计中的配色规则和技巧
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
在网站设计中,许多企业和站长往往过多的看重网站布局,而往往忽视了网站色彩的搭配。
网站的色彩搭配对用户体验有着很重要的影响,而色彩搭配有一定的规则和技巧,掌握这些规则和技巧才能设计出一个优秀的网站。
网页的配色规则是根据网页具体位置的不同功能而设定的。
下面按照网页标题,网页链接,网页文字及网页标志的层次进行介绍。
1 网页标题
网页标题是网站的指路灯,浏览者要在网页间跳转,要了解网站的结构和网站的内容,必须通过导航或者页面中的一些小标题。
所以可以使用稍微具有跳跃性的色彩,吸引浏览者的视线,让其感觉网站清晰明了,层次分明,如果色彩相近度高,会让浏览者感到混乱。
例如拿比较出名的A5网站举例,网站背景是白色,所以导航标题采用了相近度较远的深蓝色,这样可以对用户产生视觉冲击,使用户在看到第一眼时就知道这个导航标题非常重要。
2 网页链接
任何网站都不可能只有单一的一页,所以文字和图片的链接是网站中不可或少的一部分。
尤其是文字的链接,因为文字链接和文字不同,所以文字链接的颜色和文字的颜色绝对不能一样。
现代人的生活节奏都很快,没有人会花很多精力在寻找网站的链接上。
因此,设置独特的链接颜色,让人感觉其独特性,从而驱使用户移动鼠标,点击链接。
3 网页文字
如果一个网站使用了背景颜色,就必须考虑背景颜色与前景文字的搭配问题。
一般的网站侧重的是文字,所以背景可以选择纯度或者明度较低的色彩,文字用较为突出的亮色,让人一目了然。
当然,有些网站为了让浏览者对其留下深刻的印象,经常在背景上做文章。
比如一个空白页的某个部分用了很亮的一个大色块,可以让用户感受到豁然开朗。
此时网站为了吸引浏览者的视线,突出的是背景,所以文字就要显得暗一些,这样文字才能跟背景分离开来,便于浏览者阅读文字。
4 网页标志
网页标志是宣传网站最重要的部分之一,所以这部分一定要在页面上凸现出来。
读者可以将logo和Banner做得鲜亮一些来实现突出显示,也就是色彩方面跟网页的肾虚主题色分离开来。
有时候为了是网页标志更突出,也可以选用于主题色相反的色彩。
A5网站的网页标志采用的是非常醒目的红色,所以在白色背景和深蓝色导航的衬托下,显的非常醒目。
A5网站对白色,蓝色,红色的协调运用,给人感觉非常美观大方,印象深刻。
为了能让自己的网页设计的更靓丽,更舒适,更具有可阅读性,必须合理恰当的运用和搭配页面各要素间的色彩!本文由进行整理,资料收集来源于A5站长网。