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

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:designschool

关键词

25. 高大上的俯拍图

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

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

近年来俯拍图是营造网站设计感的流行手法之一。Munchery 作为一个美食类的网站,自然也不能落于人后,俯拍图不仅能呈现出美食的全貌,而且能够营造出整齐而优雅的质感。

26. 用网站来补充配色

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

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

时尚剃须刀品牌Harry的网站配色方案是参考他们的产品配色来做的,背景色会随着操作而改变,剃须刀本身的橙色、棕色和深蓝色也是贯穿整个网站设计的配色方案。

27. 信息化的产品简介

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

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

Beo Play 在线商店将产品的信息以漂亮的信息图展现出来,在其他的产品还在简单展现名称和价格标签的同时,Beo Play 更有前瞻性地将图片展示、版本信息、新系列的相关信息都合理地整合到了一起。

28. 提供滚动式交互

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

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

著名的品牌53为iPad 提供的触控笔Paper Pencil 想必各位不会感到陌生,这款革命性的手写笔为现在的Apple Pencil 提供了设计灵感。他们的网上商店用无限滚动的交互方式将笔的所有零部件拆开给你看,用漂亮的高清图片来讲述他们的产品设计故事。

29. 用产品制作图案

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

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

Aark Collective 的产品展示方式和传统的略显不同,相比于高清大图、系列特写,他们更喜欢将自家产品整齐地摆放成不同的图案。这些漂亮的手表均匀排放着,配合干净而宁和的配色方案,使得整个网站显得优雅而不同凡响。

30. 360度全景展示

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

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

高端手包品牌 Bagigia 源自意大利,他们的网站会将产品以360度全景展示出来,让用户可以在网站上了解这些高端手包的全部细节。网站的配色方案更多的是配合这些产品的配色来进行调整的,目标非常明确。

31. 稍加调整的经典栅格系统

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

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

Diesel 基于传统的对称式栅格系统来展示他们的产品,不过他们在经典的栅格系统上稍稍做了点调整,覆盖上了白色的纹理。如何使用经典的方案设计出现代的风格?这是一个不错的案例。

 收藏