一道最近碰见的笔试题，贴在这里存个档
单双列信息流有着各自的优缺点，而首先，我们需要先给他们系统的分一下类：
单列信息流可以分为
- 左图右文/左文右图 （好奇心日报，网易新闻）
- 上图下文/下图上文 （Medium）
双列信息流可以分为
- 双列等高（淘宝，天猫）
- 双列错位（Pinterest，小红书）
以下为各自的优缺分析
单列
1.png
左图右文/左文右图
此种样式多见于强阅读型产品，缩小图片区域，让出更多空间给标题文字。
优点：
阅读舒适性好，视线从上至下不易被打断，可以迅速捕捉文字信息。
缺点
页面样式略显呆板，图片区域小导致图片的效果无法充分表现。
2.png
上图下文/下图上文
此种样式同样多见于强阅读型产品，但是与上面的案例不同的是，这种样式并没有妥协文字和图片的任何一方。他们都获得了很好的展示。
优点
文字和图片的展示都非常清晰。没有妥协任何一方。
缺点
由于放给文字和图片较大的展示空间，单页的内容承载量很有限，内容较多且需要甄选阅读时无法概览。
双列
3.png
双列等高
多见于电商类产品
优点
给了图片非常大的展示空间。用户浏览时，以图片检索为主。可以配上少量文字描述。等高的单元使视线横向浏览时比较平滑，保证了一定的舒适性。
缺点
文字描述无法展示很多。由于文字描述的单行字数很少，阅读中需要频繁换行。舒适性欠佳。登高的单元格样式保证了秩序感，但相比下面错位的样式，版面活泼性稍有下降。
4.png
双列错位
多见于图片社区
优点
可以最大化利用屏幕空间，充分保证图片展示的效果和效率，可以说是最佳的纯图片流浏览样式。视线在水平浏览时呈阶梯状下降，页面活泼性很高。
缺点
不太适合配以多行文字描述。阅读时的频繁换行会使体验大大减分。
非常看重图片质量，由于放弃了秩序性的等高样式，所以如果图片内容比较杂乱，质量较低时，会加重版面的混乱感。
总结
单列与双列视图的选择问题，更像是文字与图片展示倾向性的问题。产品设计中，应该针对需要展现的内容方向（图还是文），利用一些推荐频道来分化不同倾向性的内容。给对应内容选择最适合它的容器。
网友评论