從京東網(wǎng)站改版淺談網(wǎng)頁設(shè)計(jì)趨勢(shì)發(fā)布者:本站 時(shí)間:2021-12-09 09:12:04
京東這次的改版,看到遍地都是網(wǎng)友吐糟的聲音,什么設(shè)計(jì)太簡(jiǎn)單了、首頁版塊不明顯、設(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ì)比一下新舊版的首頁截圖:
從京東網(wǎng)站改版淺談網(wǎng)頁設(shè)計(jì)趨勢(shì),PS教程,
我認(rèn)為,京東網(wǎng)站這次的改版,就如它的新LOGO一樣,更精簡(jiǎn)、更耐看、更內(nèi)涵。(據(jù)說狗能克貓:))。
從京東網(wǎng)站改版淺談網(wǎng)頁設(shè)計(jì)趨勢(shì),PS教程,
我們可以看到,京東經(jīng)過幾次改版,最終還是選擇了今年最流行的扁平化設(shè)計(jì)(有借鑒易迅的嫌疑,但不得不承認(rèn)只有過之而無不及,要比易迅更簡(jiǎn)潔,更耐看)。由此看來,扁平化、極簡(jiǎn)主義已經(jīng)成為目前網(wǎng)頁設(shè)計(jì)的主流。
扁平化設(shè)計(jì)是指,拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真視覺效果,從而打造出一種看上去更“平”的界面。扁平風(fēng)格的一個(gè)優(yōu)勢(shì)就在于它可以更加簡(jiǎn)單直接的將信息和事物的工作方式展示出來,減少認(rèn)知障礙的產(chǎn)生。所以,這也是京東這次改版在視覺設(shè)計(jì)上與時(shí)俱進(jìn)的表現(xiàn)。
很多人吐糟首頁分類版塊改得很不明顯,看起來很辛苦,原來的每個(gè)版塊都是以重色塊來相隔,并以不同的顏色來區(qū)分,這樣一目了然。如圖:
從京東網(wǎng)站改版淺談網(wǎng)頁設(shè)計(jì)趨勢(shì),PS教程,
對(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ī)律、更簡(jiǎn)約、不花哨。
選擇我們,優(yōu)質(zhì)服務(wù),不容錯(cuò)過
1. 優(yōu)秀的網(wǎng)絡(luò)資源,強(qiáng)大的網(wǎng)站優(yōu)化技術(shù),穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn),優(yōu)秀的技術(shù)和設(shè)計(jì)水平,更放心
3. 全程省心服務(wù),不必?fù)?dān)心自己不懂網(wǎng)絡(luò),更省心。
------------------------------------------------------------
24小時(shí)聯(lián)系電話:021-58370032
關(guān)鍵詞標(biāo)簽:上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)