首页 / 技术 / 正文

浅谈网站配色方案的选择

2014年10月15日 暂无评论 ... 技术

网页的设计好坏,给浏览者的感受,至关重要的就是网站的色调,一个调色合理的网站,不但给人浏览者舒服的感觉,而且还会在潜意识里面影响浏览者下一步的行动,如果按照一个专业的web前端开发者来讲,在网页设计的每一个细节都要考虑到,甚至于字体的颜色和样式,在经过大量的数据统计发现,一个设计严密合理的网页产生的价值要比华丽的辞藻强很多。

一个网站的主题不一样,所以色调自然要不同,如果说到网站颜色的搭配问题,首先就是要考虑颜色的整体分类,这里只考虑web颜色。颜色大体可以分为两类:暖色和冷色,暖色指的是由太阳衍生出来的颜色,红、橙、黄等,以及衍生的颜色,冷色指的是绿、蓝、紫等以及其衍生颜色。两种色系给人的感受是不一样的,如同它们的名称一样,暖色系的给人一种温暖的感觉,冷色系给人冰冷的感受。道理也就简单了,如果网站是活泼可爱温馨的,最佳匹配就是暖色系,如果网站是庄严肃穆的,最佳匹配就是冷色系。对于颜色的细分对人的感受,也是很有讲究的,对于颜色的感受,最佳的方式就是去看那些优秀的网页的配色方案。

国家官方网站

中国人民网,是中国的官方网站,内容自然是庄严肃穆的,所以网站采取了蓝色的色调,以灰色和红色陪衬。想不到截图的时候发现网站居然改版了,之前都是一片火红的网页,想不到官方网站也要开始走清新路线了。

 

新浪网

新浪网,门户网站,可以看得出来,新浪的首页颜色比较少,白色为主,以灰色和蓝色为陪衬,但是页面结构很合理,表现出专业的感觉。同样是有一种清新的感觉,可以说清新的设计路线越来越受欢迎,用户体验也最好。

 

平安银行

平安银行,一个与金融有关的,整体网页是橙色色调的,橙色给人的感觉是安全可靠健康,作为一个吸引客户投资的网站,采取这种颜色除了有安全可靠的感觉还会有一种冲动的错觉,提高自己生意成功的比例。

 

哔哩哔哩

哔哩哔哩弹幕网站,一个宅男腐女的聚集地,动漫达人的天堂,网站的色调偏暖,给人亲和自然的感觉,而且哔哩哔哩网站会根据不同的季节变换不同的色调。

 

网站的配色选定方案除了要看目标网站的主题属性,也要考虑到颜色不宜过多,一般一个网站除了基本的白色和灰度的陪衬色,其他颜色一般不会超过三种,如果超过这个数量了,色彩的撞击会让人产生烦躁,影响网站的浏览情绪。这三种颜色的选择也不是任意选择的,最好是找相关的颜色。

颜色有三原色,色料的三原色分别是青(Cyan)、品红(Magenta)和黄(Yellow),所有的其他颜色都是在这三种颜色中改变色相、明度、纯度,调整这三个属性就可以产生各种不同的颜色,网站颜色的选择一般在同色调的情况下选择不一样的亮度或者在相同亮度的情况下选择色调。在软件选择的方式就是选择色块面板中临近的颜色,抑或按照ccs色相环中画正三角形然后选择箭头指向的三种颜色。

色环

 

除此之外,还有很多配色的网站可以拿来使用,实在没有主见可以去百度搜索,让软件推荐配色方案。

 

其实,归根到底,网站的颜色选择主观上取决于设计者对颜色的喜好,毕竟,网页设计也是展示自己个性的方式,大部分设计者自然不愿意放弃这个绝佳的机会。当然啦,当今最火热的还是metro风格和清新风格,所幸的是,我也很喜欢清新风格的。

暂无评论

发布评论