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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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