从京东网站改版浅谈网页设计趋势

京东这次的改版,看到遍地都是网友吐糟的声音,什么设计太简单了、首页版块不明显、设计没个性等等,乱七八糟的一大堆差评。

对于这些吐糟的人,我将他们分为三类人:一类是专业的网页设计师,他们本就有着更高的见地;另一类是普通的用户,不管旧版是否合理,反正已经使用习惯了,对于新版的改变一下子无法适应过来,难于接受,或者潜意识下就产生了对新变化的抗拒心理;最后一类是属于随风逐流者,看到别人吐糟自己也跟着吐糟,可能有些人压根就没看过新版。

在这些吐糟人中,第一类人毕竟是少数,大多数往往属于后两类人。

好与差没有绝对的评判标准,只能说仁者见仁,智者见智。但是我认为如果一个新东西刚出来就马上做评价是极不公平和极不合理的,任何没有经过调研的言论都是扯谈。

所以,做为一个有态度、有思想、有责任的网页设计师,经过几个月对京东新版的体验,对于视觉方面,我在这里浅淡一下自己的观点(千万别误认为哥是五毛党),先申明,这仅仅代表我的个人观点。

首先让我们对比一下新旧版的首页截图:

从京东网站改版浅谈网页设计趋势,PS<a href=/photoshop/ target=_blank class=infotextkey>教程</a>,

我认为,京东网站这次的改版,就如它的新LOGO一样,更精简、更耐看、更内涵。(据说狗能克猫:))。

从京东网站改版浅谈网页设计趋势,PS教程,

我们可以看到,京东经过几次改版,最终还是选择了今年最流行的扁平化设计(有借鉴易迅的嫌疑,但不得不承认只有过之而无不及,要比易迅更简洁,更耐看)。由此看来,扁平化、极简主义已经成为目前网页设计的主流。

扁平化设计是指,抛弃那些已经流行多年的渐变、阴影、高光等拟真视觉效果,从而打造出一种看上去更“平”的界面。扁平风格的一个优势就在于它可以更加简单直接的将信息和事物的工作方式展示出来,减少认知障碍的产生。所以,这也是京东这次改版在视觉设计上与时俱进的表现。

很多人吐糟首页分类版块改得很不明显,看起来很辛苦,原来的每个版块都是以重色块来相隔,并以不同的颜色来区分,这样一目了然。如图:

从京东网站改版浅谈网页设计趋势,PS教程,

对于网友吐糟的这个问题,我反而觉得这恰是京东改版比较成功的地方。如果你是从通过首页的版块来寻找你要的商品的角度来考虑的话,这可以理解。但你有没有调查过,有多少人通过首页直接找到想要的商品?

据调查,在商城网站中,通过导航和搜索来寻找商品的用户各占40%左右,而通过首页版块来寻找商品的却20%都不到(调查数据有待进一步考证)。这是一个直得我们思考的数据,为什么浏览首页的用户这么少?这些用户又是属于什么类型的用户?

个人认为,如果有目的去找某一类商品的人几乎都会从导航或搜索进去了,看首页的一般是属于那些还没想好要买什么东西的人,这些人一般都是漫无目的的瞎逛,看在首页有没有特价的或便宜的东西被捡到。

所以,针对这些用户,在视觉设计方面我们就要做更多的考虑。现在是内容为王的年代,更多的焦点应该是转移到商品内容上面,而不是放在所谓的修饰元素上面。所以京东新版首页的布局排版与设计上都做了很大的调整,版块的划分和内容归类更加地清晰明确,以凸显商品内容为主,尽可能地减少其它色块元素的干扰。譬如首页每个版块左侧的导航和每个版块之间的相隔元素的色调尽量将它们淡化,这样视觉重心就自然转移到了每个版块中间的广告banner和商品上面,两侧保持视觉的平衡。每个版块由中间banner的颜色来区分,这样显得更有规律、更简约、不花哨。

除此之外,还做了一些细节上的规范,譬如首页商品的广告图片设计都有统一的设计规范(统一的背景和排版)。如图:

从京东网站改版浅谈网页设计趋势,PS教程,

总而言之,京东这次改版单从视觉的角度来看,个人认为算是比较成功的。但如果从用户的使用体验上来看的话,个人认为有些地方还是有待改进的。譬如首页承载的信息量还是过多了,太多的分类滑动门,过于复杂(这也是国内网站的通病),在这方面反而不如天猫和亚马逊。我们的主题是讲设计,关于使用体验方面这里就不细讲了。

在这一年来,国内很多大型的网站都在陆续地改版,包括天猫、亚马逊、国美在线、腾讯、网易、新浪和南都网等。不难发现,这些网站改版都有一个共同点,在视觉上做减法,越改越简约,这也再次印证了“内容为王”的硬道理。

京东改版不到半年,国美在线也改版了,打开一对比,噢我的妈呀,下面的layout几乎一模一样(没那么夸张,人家国美在线有”微创新”,起码右侧一栏对齐了)。别闹了,群众的眼睛是雪亮的。莫非京东的设计师跳槽到国美去了,接下来会不会跳到苏宁易购和易迅去呢?大家拭目以待。

从京东网站改版浅谈网页设计趋势,PS教程,