电商设计中的细节2--商品列表页的几种展现形式

  1. 上图下文双栏宫格式
  • 图占比高,精致感,展示商品数量多
  • 适用于图片为主要选择因素的品类:服装、蛋糕


  1. 左图右文单栏列表式

    • 文字区域多,可以展现更多信息
    • 适用于型号参数等文字描述为主要选择因素的品类,比如手机,以规格型号参数为主要决策因素


  2. 上图下文单栏列表式

    • 图占比最高,但信息密度最低
  • 扩展性强,流式结构增加展示信息时,不需要所有商品一致,不会有混乱感
  • 一般用于商品数量较少时,或用于强调主推单品,一般用于个性化推荐


  1. 变式:常规列表+推荐(促销推荐、专题推荐、关联推荐)
  • 这里的推荐通常占用一个商品展示位
  • 针对性导购,对提高转化有帮助


  1. 左右滑动式
  • 较小屏幕空间内展示较多商品
  • 通常用于商品非常丰富时首页展示,增加商品露出率


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,376评论 25 709
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,205评论 4 61
  • 在使用微信等APP中,我们经常会看到切换语言的功能,那么这个功能是怎么实现的呢,让我们来一探究竟。 关键字:NSL...
    xudehuai001阅读 5,183评论 0 0
  • 今天周末,听说你们有约会,听说你们在想哪个人,刚过去的520和521似乎并没有消退恋爱的热情,可是我现在预感到我今...
    王梦宇阅读 2,823评论 0 0