@靖觀天下事 京東這次的改版，看到遍地都是網(wǎng)友吐糟的聲音，什么設(shè)計(jì)太簡(jiǎn)單了、首頁(yè)版塊不明顯、設(shè)計(jì)沒(méi)個(gè)性等等，亂七八糟的一大堆差評(píng)。

對(duì)于這些吐糟的人，我將他們分為三類人：一類是專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)師，他們本就有著更高的見(jiàn)地；另一類是普通的用戶，不管舊版是否合理，反正已經(jīng)使用習(xí)慣了，對(duì)于新版的改變一下子無(wú)法適應(yīng)過(guò)來(lái)，難于接受，或者潛意識(shí)下就產(chǎn)生了對(duì)新變化的抗拒心理；最后一類是屬于隨風(fēng)逐流者，看到別人吐糟自己也跟著吐糟，可能有些人壓根就沒(méi)看過(guò)新版。

在這些吐糟人中，第一類人畢竟是少數(shù)，大多數(shù)往往屬于后兩類人。

好與差沒(méi)有絕對(duì)的評(píng)判標(biāo)準(zhǔn)，只能說(shuō)仁者見(jiàn)仁，智者見(jiàn)智。但是我認(rèn)為如果一個(gè)新東西剛出來(lái)就馬上做評(píng)價(jià)是極不公平和極不合理的，任何沒(méi)有經(jīng)過(guò)調(diào)研的言論都是扯談。

所以，做為一個(gè)有態(tài)度、有思想、有責(zé)任的網(wǎng)頁(yè)設(shè)計(jì)師，經(jīng)過(guò)幾個(gè)月對(duì)京東新版的體驗(yàn)，對(duì)于視覺(jué)方面，我在這里淺淡一下自己的觀點(diǎn)（千萬(wàn)別誤認(rèn)為哥是五毛黨），先申明，這僅僅代表我的個(gè)人觀點(diǎn)。

首先讓我們對(duì)比一下新舊版的首頁(yè)截圖：

我認(rèn)為，京東網(wǎng)站這次的改版，就如它的新LOGO一樣，更精簡(jiǎn)、更耐看、更內(nèi)涵。（據(jù)說(shuō)狗能克貓：)）。

我們可以看到，京東經(jīng)過(guò)幾次改版，最終還是選擇了今年最流行的扁平化設(shè)計(jì)（有借鑒易迅的嫌疑，但不得不承認(rèn)只有過(guò)之而無(wú)不及，要比易迅更簡(jiǎn)潔，更耐看）。由此看來(lái)，扁平化、極簡(jiǎn)主義已經(jīng)成為目前網(wǎng)頁(yè)設(shè)計(jì)的主流。

扁平化設(shè)計(jì)是指，拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真視覺(jué)效果，從而打造出一種看上去更“平”的界面。扁平風(fēng)格的一個(gè)優(yōu)勢(shì)就在于它可以更加簡(jiǎn)單直接的將信息和事物的工作方式展示出來(lái)，減少認(rèn)知障礙的產(chǎn)生。所以，這也是京東這次改版在視覺(jué)設(shè)計(jì)上與時(shí)俱進(jìn)的表現(xiàn)。

很多人吐糟首頁(yè)分類版塊改得很不明顯，看起來(lái)很辛苦，原來(lái)的每個(gè)版塊都是以重色塊來(lái)相隔，并以不同的顏色來(lái)區(qū)分，這樣一目了然。如圖：

對(duì)于網(wǎng)友吐糟的這個(gè)問(wèn)題，我反而覺(jué)得這恰是京東改版比較成功的地方。如果你是從通過(guò)首頁(yè)的版塊來(lái)尋找你要的商品的角度來(lái)考慮的話，這可以理解。但你有沒(méi)有調(diào)查過(guò)，有多少人通過(guò)首頁(yè)直接找到想要的商品？

據(jù)調(diào)查，在商城網(wǎng)站中，通過(guò)導(dǎo)航和搜索來(lái)尋找商品的用戶各占40%左右，而通過(guò)首頁(yè)版塊來(lái)尋找商品的卻20%都不到（調(diào)查數(shù)據(jù)有待進(jìn)一步考證）。這是一個(gè)直得我們思考的數(shù)據(jù)，為什么瀏覽首頁(yè)的用戶這么少？這些用戶又是屬于什么類型的用戶？

個(gè)人認(rèn)為，如果有目的去找某一類商品的人幾乎都會(huì)從導(dǎo)航或搜索進(jìn)去了，看首頁(yè)的一般是屬于那些還沒(méi)想好要買什么東西的人，這些人一般都是漫無(wú)目的的瞎逛，看在首頁(yè)有沒(méi)有特價(jià)的或便宜的東西被撿到。

所以，針對(duì)這些用戶，在視覺(jué)設(shè)計(jì)方面我們就要做更多的考慮。現(xiàn)在是內(nèi)容為王的年代，更多的焦點(diǎn)應(yīng)該是轉(zhuǎn)移到商品內(nèi)容上面，而不是放在所謂的修飾元素上面。所以京東新版首頁(yè)的布局排版與設(shè)計(jì)上都做了很大的調(diào)整，版塊的劃分和內(nèi)容歸類更加地清晰明確，以凸顯商品內(nèi)容為主，盡可能地減少其它色塊元素的干擾。譬如首頁(yè)每個(gè)版塊左側(cè)的導(dǎo)航和每個(gè)版塊之間的相隔元素的色調(diào)盡量將它們淡化，這樣視覺(jué)重心就自然轉(zhuǎn)移到了每個(gè)版塊中間的廣告banner和商品上面，兩側(cè)保持視覺(jué)的平衡。每個(gè)版塊由中間banner的顏色來(lái)區(qū)分，這樣顯得更有規(guī)律、更簡(jiǎn)約、不花哨。

除此之外，還做了一些細(xì)節(jié)上的規(guī)范，譬如首頁(yè)商品的廣告圖片設(shè)計(jì)都有統(tǒng)一的設(shè)計(jì)規(guī)范（統(tǒng)一的背景和排版）。如圖：

總而言之，京東這次改版單從視覺(jué)的角度來(lái)看，個(gè)人認(rèn)為算是比較成功的。但如果從用戶的使用體驗(yàn)上來(lái)看的話，個(gè)人認(rèn)為有些地方還是有待改進(jìn)的。譬如首頁(yè)承載的信息量還是過(guò)多了，太多的分類滑動(dòng)門，過(guò)于復(fù)雜（這也是國(guó)內(nèi)網(wǎng)站的通病），在這方面反而不如天貓和亞馬遜。我們的主題是講設(shè)計(jì)，關(guān)于使用體驗(yàn)方面這里就不細(xì)講了。

在這一年來(lái)，國(guó)內(nèi)很多大型的網(wǎng)站都在陸續(xù)地改版，包括天貓、亞馬遜、國(guó)美在線、騰訊、網(wǎng)易、新浪和南都網(wǎng)等。不難發(fā)現(xiàn)，這些網(wǎng)站改版都有一個(gè)共同點(diǎn)，在視覺(jué)上做減法，越改越簡(jiǎn)約，這也再次印證了“內(nèi)容為王”的硬道理。

京東改版不到半年，國(guó)美在線也改版了，打開(kāi)一對(duì)比，噢我的媽呀，下面的layout幾乎一模一樣（沒(méi)那么夸張，人家國(guó)美在線有”微創(chuàng)新”，起碼右側(cè)一欄對(duì)齊了）。別鬧了，群眾的眼睛是雪亮的。莫非京東的設(shè)計(jì)師跳槽到國(guó)美去了，接下來(lái)會(huì)不會(huì)跳到蘇寧易購(gòu)和易迅去呢？大家拭目以待。

?原文地址：http://www.web78.cn/blog/view.asp?id=568
作者：@靖觀天下事

 
================微信推薦================
想在手機(jī)上、被窩里獲取網(wǎng)頁(yè)設(shè)計(jì)教程、無(wú)線端設(shè)計(jì)經(jīng)驗(yàn)分享和各種意想不到的資源"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：