精选潮流时尚的优秀电商网站设计欣赏(3)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:designschool

关键词

16. 卡片式布局

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

多产品展示型电商网站同卡片式布局有着先天的契合,Oliver Bonas 的网站就使用卡片展示不同的产品和信息。不同的卡片相互组合成有机的整体,围绕着品牌,让网站总体上看起来协调而统一。

17. 补充视频影像

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

Bellroy 和360度细节展示一项,补充视频影像资料会让用户更好地了解他们将要购买的产品的细节,满足他们的好奇心。

18. 使用纹理背景

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

潮流潮流,纹理的使用并未过时。Dollar Shave Club 网页中的拇指纹理赋予整个页面以质感和阳刚的气息,这不仅符合产品的定位,而且在视觉上有着突出的效果。

19. 折叠大量文本

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

将页面用大量的信息堆满不仅过时,而且难看。Hand Graft 同样需要在网页中呈现他们产品的全部细节,但是要为大量文本而牺牲美观似乎不现实。所以设计师将文字折叠起来,这样不仅拥有漂亮的外观,而且保持了界面的清爽干净。

20. 用视频背景替代Banner大图

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

动态的视频背景无疑可以承载远超单一图片的信息,如果你不想将网站制作成长滚动单页,那么使用视频背景是非常不错的选择。漂亮的视频背景不仅让整个页面鲜活起来,还很好地起到了产品展示的功能。

21. 提供多级侧边栏

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

相比于传统的顶部多级导航栏,侧边栏会让页面显得更加整齐易用。Carolina Herrera 的侧边栏设计则更有意思,它采用的是多级侧边栏,功能上不弱于前者,提升了浏览体验,而视觉上的效果则更加突出。

22.无需跳转的购物车管理

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

作为电商网站,编辑管理购物车是重要的功能之一。为了提升整体体验,Everlane 的设计师允许用户将鼠标悬停在某个产品上,选择大小类别,添加到购物车,整个过程无需离开相关页面。无需跳转搞定一切,用户可以更便捷地完成购物环节。

23. 使用简明的布局

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

Helmut Lang 是以为奥地利时装设计师,他在维也纳创办了自己的设计工作室。在构建他的在线购物网站之时,Lang将他简单到无与伦比的设计风格也引入到网页设计中来,他将他认为最重要也是最关键的元素保留下来,而其核心,就是他的收藏。

24. 用轮播图做页头

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

精选潮流时尚的优秀电商网站设计欣赏,PS教程,思缘教程网

Groovemade 是著名的数码设备配件制造商,他们为Apple 的数码产品提供优雅的木质外设。而他们的网站也采用了同样的优雅设计,精心拍摄的动态轮播图会让用户快速了解他们的产品,整栏式的高清大图能给用户极致的视觉冲击力,无需更多文案,一图胜千言。

 收藏