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

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:designschool

关键词

国内电商设计师对于电商网站详情页设计有这丰富的经验,但是静态的产品介绍并不够。加拿大家居制造商 JM & Sons 在他们的产品介绍部分,用户可以360度全方位查看他们的家具的细节,满足用户的全部好奇心。这也会有效缓解到手之后“官图无限好”的感受。

09. 使用大量的留白

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

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

Best Made Co 是一个专门销售户外用的服装的在线电商,网页中使用了大量的留白,营造出干净整洁的感觉,即使产品很多也并未将页面空间堆满。

10. 使用字体设计

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

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

Leather Head Sports 是一家提供皮质体育用品的在线电商网站,网站的顶部使用了单独设计的英文字体,这些微妙的字体设计会让网站看起来更加优雅有品味,也足够个性化。

11. 用色彩高亮重要文本

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

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

用色彩来高亮文本本不是特别的设计手法,但是结合网站配色和UI来设定高亮文本的色彩,倒是常常能收到奇效。Longboard Living 则在网站文本高亮设计上非常用心,从侧边栏到正文部分都采用了这样的设计技巧,配合动效,兼顾到了美观和功能。

12. 让网站更加易于导航

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

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

导航、搜索、筛选是方便用户寻找想要内容的重要手段,也是用户获取有用信息的必要途径。LEIF 的网站不仅提供了常用的搜索功能,而且提供了相应的筛选功能,让用户很快定位并获取想要的东西。

13. 使用信息化的标题

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

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

视频公司 Graze 在网页设计上同样有独到之处。我们熟知的淘宝当中,专业的卖家会在标题中加入大量相关的文案,确保能能容易被搜索到。但是这还不够。Graze 还让产品的标题更加视觉化,根据每种小吃的色彩和特征来定制相应的字体,让标题的视觉信息更加丰富,看起来“更好吃”,用户可以更加快速地定位想要的食品。

14. 更好的客户支持

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

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

对于新兴的电商网站而言,客户支持是非常重要的事情。让用户能在网站中快速找到客服入口,是很有必要的。在Farmdrop 的网站中,右侧下方的常驻聊天对话图标会让用户可以随时同客服进行沟通,顶部的“更进一步沟通”也是常驻的入口。

15. 有趣的插画

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

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

毛巾制造商 Vertty 在自己的官网着陆页上放满了毛巾的插画,每个产品都有对应的插画。这些插画不仅代表了产品,而且让整个网站显得更加俏皮有趣。

 收藏