2016年電商設計的9個熱門趨勢

 　　Material Design、向上的響應式、動態搜尋…… 如果你正要搭建(或者翻新)線上商城，你就得瞭解電商 領域當下的流行趨勢，今天我們來深入瞭解下即將主導2016年的熱門電商 設計趨勢 。

　　在當今這個瞬息萬變的電商世界，對於任何一位設計師，預測未來都極具挑戰。今天新潮，明天就會落伍!作為設計師，想要給顧客營造順暢的購物體驗，同時使自己領先於競爭者，你得持續不斷評估當下趨勢的價值。

　　1)Material Design

　　Material Design繼續盛行，如今開始大範圍被電商企業採用。自2014年發布起，鮮明的、專註內容的設計風格便開始流行，而且還會在未來繼續引領風潮。正是Material Design統一、切實、歡快的體驗，跨越各種裝置與平台，使得電商網站 如此迷人。

　　(註：以下網站不搭梯子訪問速度會變慢)

　　Pa-design

　　儘管將Material Design應用於線上商城是個讓人望而卻步的任務，還是有些電商敢於冒險嘗試，成功地運用了這種設計風格，PA Design和Bewakoof就是兩個例子。

　　Bewakoof

　　2)隱藏式菜單

　　隱藏式菜單，最常見的一種變化是漢堡菜單，已經極為盛行了，因為可以清理電商網站 雜亂的版面。最初它們是為移動端設計的，但現在也越來越多用在案頭端的設計中。

　　House of Fraser

　　2015年，許多線上銷售商在大大小小的螢幕上都使用了隱藏式導覽功能表，節省了大量螢幕空間，這個趨勢在未來還會持續增長。如今許多知名線上商城都使用了隱藏式菜單，例如House of Fraser和EtQ。

　　EtQ

　　3)向上的響應式

　　響應式設計是2016年大多數網站的基本要素，但除了最佳化移動端和平板，為大螢幕裝置設計也至關重要。因為在高清裝置(例如電視)上瀏覽和購物是大勢所趨。

　　Firebox

　　超過32%的互連網使用者擁有1920像素甚至更高的裝置，這說明兼顧那些大螢幕有多麼重要。整個2016年，會有越來越多電商網站致力於相容大螢幕裝置，比如Firebox、Smythson和Burberry。

　　Smythson

　　Burberry

　　4)豐富的動畫

　　動畫是吸引顧客、與他們溝通的良好方式，許多電商網站開始將它注入設計中，讓線上購物體驗更加歡快好玩。如果使用位置和時機恰當，動畫會讓你的顧客感到你在真正關心他們的體驗。

　　Nixon

　　在2016年，你會看到更多電商網站有創意地運用動畫——例如按鈕旋轉、表徵圖轉動和載入進度條——為顧客留下深刻印象。想找點靈感嗎?看看Nixon、Fleet Feet Sports和Fallen Hero，它們在運用動畫方面都做得非常棒。

　　Fleet Feet Sports

　　Fallen Hero

　　5)故事講述

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

　　Bonobos

　　雖然電商網站講述故事並不容易，但許多快速成長的電商都在實踐這種策略，作為他們的優勢。有兩個電商網站充分利用了故事講述，Bonobos和Greats。

　　Greats

　　6)卡片式設計

　　近幾年，卡片式(類卡片式)布局在設計師當中累積了極高的人氣，毫無疑問這個趨勢將延續至2016年甚至以後。首先，因為卡片是Material Design中最主要的元素之一;其次，因為它們在響應式設計中表現非常好。

　　Rejuvenation

　　卡片布局最棒的一點就是對方便使用。讓你可以排列組織產品，不僅讓訪客一眼看到所有相關資訊，同時如果某件產品不合適，也能產生有效增加銷售，讓顧客瀏覽更輕鬆。Rejuvenation和Lord & Taylor都將卡片運用得登峰造極了。

　　Lord & Taylor

　　7)大號的活動文字

　　內容為王是當然的，但如何呈現內容反映了它的力量有多大!同往年一樣，2016年也會以大號的響應式文字著稱，它們適用於所有類型的裝置，從小螢幕手機，到大螢幕案頭顯示器。

　　AYR

　　要建立強有力的品牌視覺識別，文字至關重要，吸引潛在客戶購買你商城中的產品，大量的商城都熱衷於運用這種技巧。AYR、Nasty Gal和Brdr. Krüger都很好地運用了大號活動文字。

　　Nasty Gal

　　Brdr. Krüger

　　8)大幅背景

　　考慮過大號文字，我們再考慮一下大幅背景。它一直是最迷人的網頁設計 趨勢之一，所以並不意外，迷人的大幅產品照片在電商網站中得到廣泛運用，讓產品更能激發購買慾。全屏背景圖片或視頻，為線上商城賦予了非常清爽、專業、時髦的外觀，迫使潛在客戶進入商城後儘快購買。

　　Eyeheartworld

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

　　Bugaboo

　　9)動態搜尋

　　最後，我注意到了一項新的設計趨勢 異軍突起，動態搜尋。2016年，許多電商網站會使用基於JavaScript和Ajax的搜尋，動態展示產品。這項技術非常成功，尤其是當你有龐雜的產品系列。

　　JadoPado

　　最具吸引力的電商網站案例，JadoPado，就運用了這項令人稱奇的技術。去他們網站看看，搜點什麼，你會看到頁面展示的產品動態變化。還有另一個很棒的動態搜尋案例，Stuart Weitzman。

　　Stuart Weitzman