移动产品设计模式-复盘2

      哈哈，亲爱的小伙伴，我们继续来开始移动产品设计的第二类--列表模式。

      什么是列表模式？列表模式主要用于产品的内容设计模式，比如文字内容，视频内容，图片内容。如何运用有效的列表方式来表现我们的内容呢？

1垂直列表

      这个顾名思义就是内容从上至下，从左到右的排布，这种排布让内容看起来冷静清晰，诸如邮箱内容的显示就是垂直列表方式。

移动产品设计模式-复盘2

      这种列表方式主要有三种表现方式，标准模式，图文结合和控制模式，这在我们手机中随处可见啊，电话簿，微信好友，闹钟等各处。但是，其实像时间轴和对话框也算是垂直列表范畴，应用范围是的是广啊！

移动产品设计模式-复盘2 移动产品设计模式-复盘2

        这种列表形式需要注意的是条目的详细程度和页面展示数量之间的一个平衡。比如外卖软件店铺显示界面和客户订单界面的侧重方面就不同，前者着重在有限的界面内显示更多的店铺，而后者着重显示用户订单的详细内容即可。

移动产品设计模式-复盘2

      那么这种表现形式试不试用于我们上篇文章讲过的导航的表示呢。我都这么说了，答案肯定是必须滴！比如我们熟悉不过的微信发现界面，通过垂直列表的方式罗列多项控件，清晰简洁。

移动产品设计模式-复盘2

2轮播面板

      这种多见于需要大的广告位或者在有限空间需要展示更多内容的情况。诸如网易云首页中大轮播面板，ios中appstore 中小图的轮播面板，很多视频类应用也是这种轮播面板的用武之地。

移动产品设计模式-复盘2 移动产品设计模式-复盘2

3网格列表

      网格列表是垂直列表和水平轮播的集合，这种网格形式使内容平等罗列，看起来更加扁平。如果要想内容更加富于动感，我们也可以采用变形--瀑布流的形式，多见于图片展示类。

移动产品设计模式-复盘2 移动产品设计模式-复盘2

        这种类型的方式同样是适用于导航，叫宫格导航，比如我们常见的桌面，支付宝的首页显示。

移动产品设计模式-复盘2 移动产品设计模式-复盘2

      哈哈，到这里就结束了。这就是我们常见的移动产品设计的列表设计模式。欢迎交流，因为我也是在学习。。。。