成人亚洲综合,日韩高清一区二区三区五区七区,三级网址日本,亚洲激情成人,av成人在线电影,亚洲免费成人在线,超清首页国产亚洲丝袜

2016年電商設(shè)計(jì)的9個(gè)熱門趨勢

作者:
2016-07-05
8669

1)Material Design

Material Design繼續(xù)盛行,如今開始大范圍被電商企業(yè)采用。自2014年發(fā)布起,鮮明的、專注內(nèi)容的設(shè)計(jì)風(fēng)格便開始流行,而且還會在未來繼續(xù)引領(lǐng)風(fēng)潮。正是Material Design統(tǒng)一、切實(shí)、歡快的體驗(yàn),跨越各種設(shè)備與平臺,使得電商網(wǎng)站如此迷人。

(注:以下網(wǎng)站不搭梯子訪問速度會變慢)

Pa-design

1.jpg

盡管將Material Design應(yīng)用于在線商城是個(gè)讓人望而卻步的任務(wù),還是有些電商敢于冒險(xiǎn)嘗試,成功地運(yùn)用了這種設(shè)計(jì)風(fēng)格,PA Design和Bewakoof就是兩個(gè)例子。

Bewakoof

2.jpg

2)隱藏式菜單

隱藏式菜單,最常見的一種變化是漢堡菜單,已經(jīng)極為盛行了,因?yàn)榭梢郧謇?a rel="nofollow" rel="nofollow" title="查看 電商網(wǎng)站 中的全部文章" target="_blank" style="color: rgb(13, 164, 211); text-decoration: none; transition: all 0.18s ease-out; letter-spacing: 0px; padding: 0px 2px; background-image: none; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial; background-repeat: initial;">電商網(wǎng)站雜亂的版面。最初它們是為移動端設(shè)計(jì)的,但現(xiàn)在也越來越多用在桌面端的設(shè)計(jì)中。

House of Fraser

3 .jpg

2015年,許多在線銷售商在大大小小的屏幕上都使用了隱藏式導(dǎo)航菜單,節(jié)省了大量屏幕空間,這個(gè)趨勢在未來還會持續(xù)增長。如今許多知名在線商城都使用了隱藏式菜單,例如House of Fraser和EtQ。

EtQ

4.jpg

3)向上的響應(yīng)式

響應(yīng)式設(shè)計(jì)是2016年大多數(shù)網(wǎng)站的基本要素,但除了優(yōu)化移動端和平板,為大屏幕設(shè)備設(shè)計(jì)也至關(guān)重要。因?yàn)樵诟咔逶O(shè)備(例如電視)上瀏覽和購物是大勢所趨。

Firebox

5.jpg

超過32%的互聯(lián)網(wǎng)用戶擁有1920像素甚至更高的設(shè)備,這說明兼顧那些大屏幕有多么重要。整個(gè)2016年,會有越來越多電商網(wǎng)站致力于兼容大屏幕設(shè)備,比如Firebox、Smythson和Burberry。

Smythson

6.jpg

Burberry

7.jpg

4)豐富的動畫

動畫是吸引顧客、與他們溝通的良好方式,許多電商網(wǎng)站開始將它注入設(shè)計(jì)中,讓在線購物體驗(yàn)更加歡快好玩。如果使用位置和時(shí)機(jī)恰當(dāng),動畫會讓你的顧客感到你在真正關(guān)心他們的體驗(yàn)。

Nixon

8.jpg

在2016年,你會看到更多電商網(wǎng)站有創(chuàng)意地運(yùn)用動畫——例如按鈕旋轉(zhuǎn)、圖標(biāo)轉(zhuǎn)動和加載進(jìn)度條——為顧客留下深刻印象。想找點(diǎn)靈感嗎?看看Nixon、Fleet Feet Sports和Fallen Hero,它們在運(yùn)用動畫方面都做得非常棒。

Fleet Feet Sports

9.jpg

Fallen Hero

10.jpg

5)故事講述

在如今這個(gè)競爭激烈的電商領(lǐng)域,只有故事講述能讓你的品牌鶴立雞群。用一種獨(dú)特且引人入勝的方式呈現(xiàn)內(nèi)容,好的故事不僅在品牌與顧客之間建立情感連接,也能增加忠誠度與銷量。簡單說,故事講述能讓品牌起死回生。

Bonobos

11.jpg

雖然電商網(wǎng)站講述故事并不容易,但許多快速成長的電商都在實(shí)踐這種策略,作為他們的優(yōu)勢。有兩個(gè)電商網(wǎng)站充分利用了故事講述,Bonobos和Greats。

Greats

12.jpg

6)卡片式設(shè)計(jì)

近幾年,卡片式(類卡片式)布局在設(shè)計(jì)師當(dāng)中累積了極高的人氣,毫無疑問這個(gè)趨勢將延續(xù)至2016年甚至以后。首先,因?yàn)榭ㄆ荕aterial Design中最主要的元素之一;其次,因?yàn)樗鼈冊陧憫?yīng)式設(shè)計(jì)中表現(xiàn)非常好。

Rejuvenation

13.jpg

卡片布局最棒的一點(diǎn)就是對用戶友好。讓你可以排列組織產(chǎn)品,不僅讓訪客一眼看到所有相關(guān)信息,同時(shí)如果某件產(chǎn)品不合適,也能產(chǎn)生有效的增加銷售,讓顧客瀏覽更輕松。Rejuvenation和Lord & Taylor都將卡片運(yùn)用得登峰造極了。

Lord & Taylor

14.jpg

7)大號的活動文字

內(nèi)容為王是當(dāng)然的,但如何呈現(xiàn)內(nèi)容反映了它的力量有多大!同往年一樣,2016年也會以大號的響應(yīng)式文字著稱,它們適用于所有類型的設(shè)備,從小屏幕手機(jī),到大屏幕桌面顯示器。

AYR

15.jpg

要建立強(qiáng)有力的品牌視覺識別,文字至關(guān)重要,吸引潛在顧客購買你商城中的產(chǎn)品,大量的商城都熱衷于運(yùn)用這種技巧。AYR、Nasty Gal和Brdr. Krüger都很好地運(yùn)用了大號活動文字。

Nasty Gal

16.jpg

Brdr. Krüger

17.jpg

8)大幅背景

考慮過大號文字,我們再考慮一下大幅背景。它一直是最吸引人的網(wǎng)頁設(shè)計(jì)趨勢之一,所以并不意外,迷人的大幅產(chǎn)品照片在電商網(wǎng)站中得到廣泛運(yùn)用,讓產(chǎn)品更能激發(fā)購買欲。全屏背景圖片或視頻,為在線商城賦予了非常清爽、專業(yè)、時(shí)髦的外觀,迫使?jié)撛陬櫩瓦M(jìn)入商城后盡快購買。

Eyeheartworld

18.jpg

雖然大幅背景在主頁上效果很好,它也能用在產(chǎn)品頁上,讓顧客沉浸其中。在產(chǎn)品詳情頁面使用沉浸的交互式圖片或視頻,讓訪客在點(diǎn)擊購買按鈕前,就感覺像擁有了它一樣。

Bugaboo

19.jpg

9)動態(tài)搜索

最后,我注意到了一項(xiàng)新的設(shè)計(jì)趨勢異軍突起,動態(tài)搜索。2016年,許多電商網(wǎng)站會使用基于JavaScript和Ajax的搜索,動態(tài)展示產(chǎn)品。這項(xiàng)技術(shù)非常成功,尤其是當(dāng)你有龐雜的產(chǎn)品系列。

JadoPado

20.jpg

最具吸引力的電商網(wǎng)站案例,JadoPado,就運(yùn)用了這項(xiàng)令人稱奇的技術(shù)。去他們網(wǎng)站看看,搜點(diǎn)什么,你會看到頁面展示的產(chǎn)品動態(tài)變化。還有另一個(gè)很棒的動態(tài)搜索案例,Stuart Weitzman。

Stuart Weitzman

1.jpg

1
7
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動 Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號