我比较懒,尤其是在做一个新网站的时候,不知道如何下手,包括原型、配色、流程等等。于是我通常会把“拿来主义”作为偷懒的借口,与其自己苦思冥想,不如看看别人是怎么做的,也许会有意外的收获也不一定。
既然要在互联网上偷师学艺,只看一个人的怎么行?互联网表象的背后都是数据,如果我们把规模性的数据进行定量分析,对于我们想要得到的结果,相信有更加准确的判断(如果继续往大规模的说的话,那就是大数据干的事情了)。
色彩的启示
两年前,曾负责一个P2P网站重构,今天就拿怎么给网站配色来说,在取色之前选择了当时的“十大P2P网站”进行分析。
即便是不动色彩理论,我们做网站的也应该知道网页配色关乎冷暖主色,对比色、互补色分别应用在提醒、按钮、背景等不同层面。
第一个网站:微贷网

我们会发现这个网站色彩整体是淡蓝色,或者是暗蓝色,因为这次分析把首个banner也都放进去了,色彩分布较杂,并没有特别吸引眼球的亮点,也没有感觉特别舒服的切换。略感山寨。
第二个网站:投哪网

第二个整体色彩还比较一致,但是颜色过于单一,没有对比色突出重点。
第三个网站:红岭创投

虽然这是2014年的首页,但是毕竟是大公司出品,比起前两者已经有了鲜明的主色对比。
剩下的仅供罗列,不再一一分析:






把这些数据都列出来了之后,怎么进行汇总分析呢?
很简单:

我把所有颜色都放在一起不就很明了了吗?
我们会很清楚的在这张图中看出当时P2P网站主要取色以蓝色和橙红为主。
那么下面我们就可以决出优胜者了!

再回到陆金所的色谱分析可以看到,紫色其实是蓝色的互补色,并没有离蓝色主色调偏离太远,而页面内红色和黄色作为对比色足够突出重点,因此在这么多网站里,陆金所的配色个人认为是最棒的。
拿来主义加上一些简单的统计分析,我们很容易就能借鉴前人辛苦劳作的结晶,不仅是色彩,在注册、购买、售后等诸多流程,与其拼了老命的在YY客户脑子里想什么,不如看看那些做的好的行家,也许会省去一番内心思想的斗争。
PS:本文PPT作于2014年7月,所以很多网站并不是现在这样,或者已经倒闭了~
PPS:网页色彩分析工具谷歌上搜索很多,个人强烈推荐一个http://webcolourdata.com/
PPPS:上不了谷歌的可以用我的镜像https://g.sunwenbing.com/
欢迎关注并回复我的公众号来聊一聊你有哪些更好的途径来分析网站/网页?
对于今天的话题如果有想说的欢迎直接回复我的公众号,如果有更好的话题讨论请记得告诉我。如果对本文感兴趣请多多关注我的个人公众号-秉烛夜谈,如果赞同我的观点请点赞并分享,如果不赞同欢迎直接回复拍砖,我是一秉,大家晚安。





