一组国外优质电商网站设计实例(2)

UI / UI设计 / 网页设计 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词
24. 用轮播图做页头

46_Groovemade_1-662x402

47_Groovemade_2-662x402

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

25. 高大上的俯拍图

48_Munchery_1-662x402

49_Munchery_2-662x402

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

26. 用网站来补充配色

51_Harrys_1-662x402

52_Harrys_2-662x402

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

27. 信息化的产品简介

53_BeoPLay_1-662x402

54_BeoPLay_2-662x402

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

28. 提供滚动式交互

55_Pencil_1-662x402

56_Pencil_2-662x402

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

29. 用产品制作图案

57_Aark_1-662x402

58_Aark_2-662x402

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

 收藏