时尚电商网站交互分析(5)

鼠标Hover后,商品图片改变:

http://www.matchesfashion.com/search?text=jeans
国外品牌垂直类的B2C网站通常采用了白底来映衬出商品,商品的摆放方向和模特的Pose更趋于一致,并且可以提供多角度、多颜色等方式让用户浏览的更全面。商品图下的相关信息也更趋于简洁,只展示了商品标题和价格,或者通过图形展示颜色或尺码信息。
对于一些结合了各设计师、各品牌的综合B2C网站来看,还会在商品图下放上品牌的信息。
GILT女装-连衣裙:

http://www.gilt.com/sale/women/the-sheath-dress-2805
当鼠标Hover到某个商品后,还会提示该商品的尺码信息,对于无码的商品会用斜线划掉来提示给用户。
如果用户对商品感兴趣的话,在浮层中还可进行添加购物车或心愿单的操作。

Nastygal.com 女装

当鼠标hover某个商品后,商品图会以多角度幻灯变换的方式来让用户看到商品的细节。

http://www.nastygal.com/clothes-dresses/
四、商品的快速预览

对于商品详情的预览功能:
Revolveclothing.com

用户只需把鼠标Hover在商品图片上,页面的左侧就会出现该商品的细节大图,同时支持商品不同角度细节大图的切换。
本文地址:http://tuquu.com/tutorial/id1216.html
-
Macaron 马卡龙系色谱 ;附HC(16进制码)
Macaron 马卡龙系颜色表 色谱/色卡/色表 扩展阅读:马卡龙原指(Macaron
-
@media适配不同尺寸的手机
当下,不同分辨率,不同尺寸的移动设备越来越多,自适应也成了最热门的话题,下面就是图趣网整理到的
-
干货分享!推荐8个高清无水印无版权可商用图
在我们写文章的时候经常需要给文章配一个好图,或者是bannar等等,这就需要我们寻找一些好的无水印
-
国外黄色网站系列欣赏之一
黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩,黄色
-
CutterMan-一个好用的ps切图插件
cutterman--ps切图工具,方便快捷的用于网页开发/IOS/Android切图功能
-
ps像素图放大边缘模糊?一步搞定
ps像素图放大边缘模糊?我们将分享一个ps无损放大二维码的更方便快捷的实例...
-
庞门正道:好好玩耍的点线面(上)
庞门正道:好好玩耍的点线面(上)
-
经典网页配色方案之无色系
今天跟大家分享无色系配色---指除了彩色以外的其它颜色,常见的有金、银、黑、白、灰。明度从0变化
