站内公告：
联系我们CONTACT
2019-12-06 点击量：
大家平时一定会在手机上浏览各种新闻，看了那么多新闻，你还能想起来大部分的新闻列表是以什么布局呈现的呢？你有没有发现不同的新闻类型采用的是不同的布局方式呢？今天就来讲讲新闻列表应该采用什么样的布局方式，下面我总结了五种布局样式：
1.大图布局，2.多图布局
3.左图右文，4.右图左文，5.卡片列表
新闻列表中一般不会在整个页面中采用大图布局，因为新闻一般数量较多且具有时效性，采用大图布局会降低浏览效率，如果是比较重要的新闻或者是希望用户注意到的内容则会采用大图布局。更多情况下，大图布局和其他布局会混合使用，在大量新闻中，用大图布局的方式突出某条新闻引起用户注意。
扩展
大图布局也被运用于多种场景中，大图除了吸引用户还能展现更多图片细节，在很多以图片为主的产品如设计师灵感库都采用大图布局的方式。airbnb同样采用大图布局列表向用户展示符合条件的民宿，我们能发现预定酒店时列表往往是以小图布局配合更多文字信息的布局方式，因为酒店房间大致相同，没有更多的风格或特色，人们关注酒店的品牌星级价格或设施等。而民宿和酒店不一样，民宿往往各有特色，以其独居风格的装饰来吸引住客，干净舒适和富有特色的民宿图片能一下子吸引用户点击，通过浏览大图用户就能了解民宿的大体环境，而不需要再次点击查看，能提高用户浏览查找民宿的效率。
多图布局中每行内容主要为标题 三张图片，通过对比发现，大部分的新闻产品中，嘉瑞广告，娱乐新闻都是以这种方式布局的，为什么呢？娱乐新闻中图片是较为重要的内容，也更能吸引用户的注意，在列表中展示更多的图片能够满足用户的好奇心，也能提高用户浏览娱乐新闻的效率，通过图片就能判断是否为自己感兴趣的内容。除了娱乐新闻，社会新闻也采用这种布局方式。同样也是用图片来吸引用户，或通过图片即可了解大概的新闻内容。
扩展
大家对多图布局方式一定非常熟悉了，我们每天都用的微信还有微博也是采用多图布局的方式，这种方式可以让用户短时间内了解所有图片的大致信息，利于用户快速浏览。很多旅游APP旅游攻略也采用多图布局的方式，旅游攻略中经常用大量的图片来展示某个旅游景点，用户往往更关注图片也更容易被好看的旅游图片所吸引，和朋友圈微博的多图布局方式稍微有些不同的是，旅游攻略会选择一张最重要最吸引用户的图片以大图方式展示，其他的图片则以小图方式展示，这种布局方式既能让用户看清楚重要图片的细节，也能对攻略的内容有个大概的了解。
图文列表是最常见的一种列表样式，一般用于更关注文字信息的科技、财经、时事政治等新闻，按照用户的阅读习惯，左图右文会让用户先看到图片再阅读标题，如果你希望用户更关注图片信息，那么就可以采用左图右文的样式。
同样适用于更关注文字信息的新闻，与左图右文相比，将图片的优先级降到最低，让用户更关注新闻内容本身。除此之外，图片的大小及标题承载的文字数量也值得思考，下面的例子中，36氪的图片最小，给了标题更多的空间并且将标题加粗。36氪主要以科技新闻为主，对于这类新闻，用户更关注标题和新闻内容，完整的标题可以提高用户的浏览效率，通过标题就判断是否为自己感兴趣的内容。
扩展
微信关注
手机网站