关于资讯展示的总结

前言

最近在做一款涉及资讯的校园类产品，由于之前对与资讯的原型设计排版了解不够深入，在设计中纠结了好几天。在那几天了，研究了一些关于新闻资讯有关的APP界面，收获颇多，事后想着总结一下，方便后期的整体整理(后期可能会通过小的功能去模块化分析)。

正文

---

资讯：目前市场上很多APP是通过资讯模块在做“流量”，资讯也是人们获取外界的资讯信息的重要途径。

参考依据

类别	研究对比APP
新闻类	QQ浏览器、华为手机自带浏览器、小米手机自带浏览器
内容平台类	简书、知乎
游戏体育类	掌上英雄联盟、虎扑
其他	网易星球、实习僧

对比维度

• 组合、排版

• 界面元素

---

组合、排版

类别	特点
纯标题	适合文章标题较长（一般需要标题换行类型）
标题+简介	文章没有图片；’片展示时效果不佳；文章标题过短
标题+图片（单张）	具有配图的资讯，样式一般为左右排布；
标题+图片（多张）	图文类型、多图文章；样式一般为上下样式
标题+视频	文章主打视频内容

详细说明

• 纯标题
  这种类型适合文章标题较长（一般需要标题换行类型），比较常用为官方新闻，政治新闻，简讯等

• 标题+简介类型
  这种类型适合用于文章没有图片，或者图片展示时效果不是很好（所以取消效果图片展示）。在展示的时候通过区别化标题文字大小，字体颜色来进行视觉上的主次归类。

• 标题+图片（单张）类型
  这种常用于具有配图的资讯，样式一般为左右排布。（特殊：上下排布一般用于广告，点击图片会进入广告，例如QQ浏览器中的京东商城广告）

• 标题+图片（多张）类型
  这种常用于图文类型，或者文章多图的展示，样式一般为上下样式

• 标题+视频类型
  这种适用于文章中存在视频或就是一些客户端支持视频格式的资讯。

---

界面元素

界面元素包括：标题、内容简介、发布时间、发布机构作者、阅读数、评论数、点赞数、赞赏数、标签（例如：置顶、奖品等特殊提示）、火热小标等等
总体来说，展示元素需要更具实际的使用情况进行选择。
必要元素：标题、发布机构作者
常用的简图

常用的简图

广告植入原则

• 格式统一
  格式应该符合总体的格式样式，要与资讯的样式规范相同。

• 广告标识
  要给用户提示这是广告，尊重用户选择，提高用户体验。

举例

图片来源网络

图片来源网络