北京网站建设,北京网站制作,北京网站设计,北京网络公司

当前位置:首页 > 建站智库 > 设计前沿

网页设计中颜色的选用方法

时间:2014-04-10 18:38:23 北京网站建设凡度网络

195601M40-0.jpg

一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。

从色彩研究的方向来看,色彩分为色调、饱和度、明度三方面,颜色的运用是纯色之间的关系,以及它们混合在一起的效果。我们可以从当前众多的网络应用中的实例,找到色彩运用的一些广泛的色彩关系和配色方案,通过这些色彩的关系,可以作为实际工作学习中配色的指南。

颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用。所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。

在网页设计中,很多设计师都忘记了颜色搭配选用的重要性,因为设计稿通不过验收往往有很多返工的现象,其实最根本的问题就是颜色的选用,友好的颜色搭配才能呈现出更好的页面。

在设计网页之前,客户或产品经理会提出对网页视觉风格设计的期望:活跃、大气、稳重、信赖、都市化….. 设计师一听到关键词或许很自然地在心里蹦出几个配色与“关键词”相匹配了。网页的色彩,是访问者登录页面时的第一印象,好的页面色彩能给用户留下深刻的印象,并且能产生很好的视觉效果和营造网站整体氛围的作用。

然而,很多浏览器只能呈现256种颜色,并且不同的浏览器,呈现出的256种颜色也不同,通常这些浏览器只能共享216种颜色。设计网站重要内容时,应该运用这216种颜色。

    如果利用浏览器中不存在的颜色(此216种颜色以外的颜色),浏览器会混合这些颜色,这些颜色会出现小圆点,浏览器会显示出一种与其相近的颜色,这种现象称为抖动。一些显示器会扭曲这些圆点,图片就会失真。如果出现这种情况,文本就会难以阅读,所以利用纯色作为设计元素时,使用浏览器安全色(216种颜色)。有时,即使是网络安全色,也要谨慎利用。

眼睛使用时间太长,容易产生视觉疲劳。我会利用一个例子证明这个观点(7年前了解的这个测试方法,效果很明显)。这项测试很简单,只需45秒钟。测试完以后,你会更加了结下面的内容。

    浏览白盒子时,看到了什么呢?有没有看到蓝绿颜色呢?如果没有,重新测试。这不是幻觉,是一种正常现象。下面我来解释这种现象。

    眼睛后方,存在一种包含数百万感光神经细胞的薄层组织,我们称之为杆状细胞、圆锥细胞。圆锥细胞可以对特殊波长的光产生反应,当观看红盒子时,眼睛容易产生疲劳感,这时,与其相对的圆锥细胞就会出现,因此你看到了蓝绿光。你可以把这个原理应用于网站设计中。

    我想你已经注意到,警告标志通常为黄色的,因为黄色光首先进入你的视线,所以你会首先关注黄色。利用这种颜色设计的广告,会吸引用户的注意,但我建议你不要过多使用此种颜色。访问者登录后,网站没有必要采用明亮的颜色,否则用户会产生反感。如果访问者已经在浏览你的网站,这就证明你的设计很成功。

    网站中避免出现太多的黄色、红色内容,这些颜色应该只出现在需要用户关注的内容中。网站避免出现大量红色内容,否则用户会感到视觉疲劳,他们就不会长时间浏览网站。颜色不应该成为访问者离开网站的原因。

北京网站建设 北京网页设计 北京网络公司(www.sun66.net)

建站智库

核心服务

相关文章

最新文章

热门文章

联系我们:

北京市海淀区苏州街3号大恒科技大厦5层
电话:010-51668909
邮箱:kefu@fandoo.cn
在线QQ:83321348、382317942
邮编:100088
官方微信:fandoocn

分享到: