從京東網(wǎng)站改版淺談網(wǎng)頁(yè)設計趨勢發(fā)布者：本站     時(shí)間：2021-12-09 09:12:04

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

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

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

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

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

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

從京東網(wǎng)站改版淺談網(wǎng)頁(yè)設計趨勢,PS教程,

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

從京東網(wǎng)站改版淺談網(wǎng)頁(yè)設計趨勢,PS教程,

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

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

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

從京東網(wǎng)站改版淺談網(wǎng)頁(yè)設計趨勢,PS教程,

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

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

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

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