单双列信息流优缺点分析

一道最近碰见的笔试题，贴在这里存个档
单双列信息流有着各自的优缺点，而首先，我们需要先给他们系统的分一下类：

单列信息流可以分为

双列信息流可以分为

1.png

左图右文/左文右图
此种样式多见于强阅读型产品，缩小图片区域，让出更多空间给标题文字。

优点：
阅读舒适性好，视线从上至下不易被打断，可以迅速捕捉文字信息。

缺点
页面样式略显呆板，图片区域小导致图片的效果无法充分表现。

2.png

上图下文/下图上文
此种样式同样多见于强阅读型产品，但是与上面的案例不同的是，这种样式并没有妥协文字和图片的任何一方。他们都获得了很好的展示。

优点
文字和图片的展示都非常清晰。没有妥协任何一方。

缺点
由于放给文字和图片较大的展示空间，单页的内容承载量很有限，内容较多且需要甄选阅读时无法概览。

3.png

双列等高
多见于电商类产品

优点
给了图片非常大的展示空间。用户浏览时，以图片检索为主。可以配上少量文字描述。等高的单元使视线横向浏览时比较平滑，保证了一定的舒适性。

缺点
文字描述无法展示很多。由于文字描述的单行字数很少，阅读中需要频繁换行。舒适性欠佳。登高的单元格样式保证了秩序感，但相比下面错位的样式，版面活泼性稍有下降。

4.png

双列错位
多见于图片社区

优点
可以最大化利用屏幕空间，充分保证图片展示的效果和效率，可以说是最佳的纯图片流浏览样式。视线在水平浏览时呈阶梯状下降，页面活泼性很高。

缺点
不太适合配以多行文字描述。阅读时的频繁换行会使体验大大减分。
非常看重图片质量，由于放弃了秩序性的等高样式，所以如果图片内容比较杂乱，质量较低时，会加重版面的混乱感。

单列与双列视图的选择问题，更像是文字与图片展示倾向性的问题。产品设计中，应该针对需要展现的内容方向（图还是文），利用一些推荐频道来分化不同倾向性的内容。给对应内容选择最适合它的容器。