萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 2013淺談網頁設計趨勢

2013淺談網頁設計趨勢

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

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

  在這些吐糟人中,第一類人畢竟是少數,大多數往往屬於後兩類人。

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

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

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

2013淺談網頁設計趨勢 三聯

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

pic2

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

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

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

pic3

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

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

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

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

  除此之外,還做了一些細節上的規范,譬如首頁商品的廣告圖片設計都有統一的設計規范(統一的背景和排版)。如圖:

pic4

  總而言之,京東這次改版單從視覺的角度來看,個人認為算是比較成功的。但如果從用戶的使用體驗上來看的話,個人認為有些地方還是有待改進的。譬如首頁承載的信息量還是過多了,太多的分類滑動門,過於復雜(這也是國內網站的通病),在這方面反而不如天貓和亞馬遜。我們的主題是講設計,關於使用體驗方面這裡就不細講了。

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

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

pic5
copyright © 萬盛學電腦網 all rights reserved