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

京東這次的改版，看到遍地都是網友吐糟的聲音，什么設計太簡單了、首頁版塊不明顯、設計沒個性等等，亂七八糟的一大堆差評。

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

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

好與差沒有絕對的評判標準，只能說仁者見仁，智者見智。但是我認為如果一個新東西剛出來就馬上做評價是極不公平和極不合理的，任何沒有經過調研的言論都是扯談。

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

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

從京東網站改版淺談網頁設計趨勢,PS教程,

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

從京東網站改版淺談網頁設計趨勢,PS教程,

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

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

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

從京東網站改版淺談網頁設計趨勢,PS教程,

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

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

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

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