新闻列表布局方式大揭秘，这几种样式你知道吗？

你在刷新闻之际，可曾觉察到，有的列表图片极大，有的却仅有一行字？事实上，这背后隐匿着产品经理以及设计师的巧妙心思，选对了布局方式，能够使你刷新闻的效率实现成倍增长，然而倘若选错了，或许就会致使你划走了最为关键的信息。今日我们便要来谈论一下新闻列表的五种经典布局，瞧瞧它们各自适配于何种场景。

大图布局

在新闻列表里，大图那种布局实际上并不怎么常见，这是由于新闻注重时效性以及信息的密集度，要是每条新闻都配上一张大图，那么一屏你或许只能看到两三条呀，这样刷起来会特别累呢。然而恰恰是因为大图占地方，所以它倒成了编辑们用来“喊话”的工具，一旦某条新闻极为重要，或者平台想要重点推荐给你看该条新闻时，就会借助大图将它突显出来。

比如，你开启今日头条，偶然间会瞧见第一条新闻搭配着几乎占满屏幕广度的大图，这便示出这条内容的优先级相当高。在一些民宿预订类App像爱彼迎之中，大图排版极为常见，缘由在于房东得凭借高清大图去展现房间的特色以及细节，借此吸引你点击进去进行预订，此刻图片的吸引力相较于文字描述更为关键。

多图布局

多图布局想必你不会陌生，它是在一行之中放置三张缩略图，并且配上标题。这种布局在娱乐新闻当中最为常用，像腾讯新闻或者网易新闻的娱乐版块便是如此，由于明星动态、活动现场，用户更加想要看的是图片，凭借几张图便能够迅速判断这篇新闻有没有自己感兴趣的爱豆，浏览效率相当高。

你每日所刷的朋友圈以及微博，同样是典型的多图布局样式，其最多能够展示九张图。这般设计致使你在不点开的状况下，便可大致知晓朋友去往了何处，又吃了些什么。另外存在一些旅游攻略类App，像是马蜂窝，会将最为吸引人的一张图进行放大处理，而把其他的图缩小后依次排列，如此一来，既突出了精华景点部分，又能让你对于攻略的整体内容心里存有一定概念。

左图右文

图片于左，标题与摘要靠右对齐，如此这般的左图右文乃是最为工整的布局之态。鉴于人眼阅读习惯呈现为从左到右、从上到下的F型轨迹模样，这般布局能够使得你顺畅地先行看图，而后视线自然而然地滑至标题之处，浏览起来极为顺畅。众多综合类新闻App，诸如如今日头条的信息流那般，大量采用了这种样式之形。

要是你对文字自身更为看重，那么这般布局也能够使图文关系达成平衡。图片的存有并不会干扰你的阅读进程，反倒好似一个个明晰的锚点，助力你迅速分辨各异的新闻条目。它不但留存了图片的提示功效，还保障了标题以及导语的阅读全面性，是适用范围最为广泛的一种方案。

右图左文

图在右而文于左，此与上述情形恰为相反，图片被置于右侧。或许你会认为这不就是镜像翻转么？实则其中大有讲究。当用户对标题本身更为关注，而非着眼于图片之际，将标题放置于左边，可使视线一开始便落于文字之上，36氪这类科技媒体的列表常采用此种方式，缘由在于科技新闻的读者更倾向于先看标题以判断价值。

布局呈现右图左文的形式，将文字的优先级提升至最高级别，图片则退居到次要的辅助位置。这一情况要求标题自身务必足够精炼、具备吸引人的特质，原因在于它是决定用户会不会点击的关键所在。这样的设计能够让你迅速扫视标题，过滤掉下那些不感兴趣的内容，对于那些把深度内容以及信息密度当作核心的新闻产品而言，效率是非常高的。

卡片列表

“小卡片”是独立的，每一条新闻都被装进其中，处于卡片里的有图片和文字，于是形成了卡片列表。这样的布局能够使界面看上去更加规整，模块感十分强烈。然而，如今在纯新闻的产品当中，其使用频率已有所降低，这是由于卡片的分割感会破坏连续阅读的流畅性。但是，在一些特定的场景之下，例如在豆瓣的同城活动列表里，卡片能够对不同的活动进行很好的区分。

有一种变体，是将图片在卡片里放至最大，如同好奇心日报的列表那般，图片占据了卡片的主要面积，视觉冲击力颇为强烈，然而却容易致使页面看起来过于繁杂。设计上的抉择不存在绝对的好坏一说，例如一个收集艺术展信息的 App，因为要鼓励你去现场进行探索，反倒会采用小图卡片，倾力突出展览标题，使你能够在一屏当中见到更多可供选择的项目。