16. 卡片式布局


多產品展示型電商網站同卡片式布局有著先天的契合,Oliver Bonas 的網站就使用卡片展示不同的產品和信息。不同的卡片相互組合成有機的整體,圍繞著品牌,讓網站總體上看起來協調而統一。
17. 補充視頻影像


Bellroy 和360度細節展示一項,補充視頻影像資料會讓用戶更好地了解他們將要購買的產品的細節,滿足他們的好奇心。
18. 使用紋理背景


潮流歸潮流,紋理的使用并未過時。Dollar Shave Club 網頁中的拇指紋理賦予整個頁面以質感和陽剛的氣息,這不僅符合產品的定位,而且在視覺上有著突出的效果。
19. 折疊大量文本


將頁面用大量的信息堆滿不僅過時,而且難看。Hand Graft 同樣需要在網頁中呈現他們產品的全部細節,但是要為大量文本而犧牲美觀似乎不現實。所以設計師將文字折疊起來,這樣不僅擁有漂亮的外觀,而且保持了界面的清爽干凈。
20. 用視頻背景替代Banner大圖


動態的視頻背景無疑可以承載遠超單一圖片的信息,如果你不想將網站制作成長滾動單頁,那么使用視頻背景是非常不錯的選擇。漂亮的視頻背景不僅讓整個頁面鮮活起來,還很好地起到了產品展示的功能。
21. 提供多級側邊欄


相比于傳統的頂部多級導航欄,側邊欄會讓頁面顯得更加整齊易用。Carolina Herrera 的側邊欄設計則更有意思,它采用的是多級側邊欄,功能上不弱于前者,提升了瀏覽體驗,而視覺上的效果則更加突出。
22.無需跳轉的購物車管理


作為電商網站,編輯管理購物車是重要的功能之一。為了提升整體體驗,Everlane 的設計師允許用戶將鼠標懸停在某個產品上,選擇大小類別,添加到購物車,整個過程無需離開相關頁面。無需跳轉搞定一切,用戶可以更便捷地完成購物環節。
23. 使用簡明的布局


Helmut Lang 是以為奧地利時裝設計師,他在維也納創辦了自己的設計工作室。在構建他的在線購物網站之時,Lang將他簡單到無與倫比的設計風格也引入到網頁設計中來,他將他認為最重要也是最關鍵的元素保留下來,而其核心,就是他的收藏。
24. 用輪播圖做頁頭


Groovemade 是著名的數碼設備配件制造商,他們為Apple 的數碼產品提供優雅的木質外設。而他們的網站也采用了同樣的優雅設計,精心拍攝的動態輪播圖會讓用戶快速了解他們的產品,整欄式的高清大圖能給用戶極致的視覺沖擊力,無需更多文案,一圖勝千言。
情非得已
40款優秀的色彩搭配網頁設計案例欣賞2013-11-16
70個暗黃色風格的復古網頁設計欣賞2013-09-17
精選國外紅色大氣的網頁設計欣賞2013-08-15
精選設計師朱騰鵬網頁設計作品欣賞2013-07-31
35個國外超贊的蘋果APP網站設計欣賞2013-06-17
2010年網頁設計的流行與趨勢2010-06-27
50個漂亮的藍色網站設計欣賞2010-06-25
讓你一眼就能記住的博客設計欣賞2010-06-23
50個黃色為主的網頁設計欣賞2010-03-15
26個創意布局的網站界面設計2010-02-03
以插畫為設計元素的優秀網站欣賞
相關文章3742019-03-20
40個創意爆棚的電商網站設計欣賞
相關文章2772019-02-17
20個簡潔風格的設計師網站設計欣賞
相關文章3062019-01-10
精選國外優秀大氣WEB網頁設計欣賞
相關文章3812018-11-08
優秀的天貓雙11預售頁面設計欣賞
相關文章4232018-11-05
10款精美的旅游網站設計欣賞
相關文章3612018-01-25
10個優秀手機應用界面設計欣賞
相關文章4432018-01-10
20個優秀手機界面扁平化設計欣賞
相關文章5102017-12-13
