中国设计网:新闻列表应该采用什么样的布局方式?

设计资讯
发布日期
2020-04-13 17:50
发送

大家平时一定会在手机上浏览各种新闻,看了那么多新闻,你还能想起来大部分的新闻列表是以什么布局呈现的呢?你有没有发现不同的新闻类型采用的是不同的布局方式呢?今天就来讲讲新闻列表应该采用什么样的布局方式,下面我总结了五种布局样式:

1.大图布局,2.多图布局

3.左图右文,4.右图左文,5.卡片列表

一、大图布局

新闻列表中一般不会在整个页面中采用大图布局,因为新闻一般数量较多且具有时效性,采用大图布局会降低浏览效率,如果是比较重要的新闻或者是希望用户注意到的内容则会采用大图布局。更多情况下,大图布局和其他布局会混合使用,在大量新闻中,用大图布局的方式突出某条新闻引起用户注意。

扩展

大图布局也被运用于多种场景中,大图除了吸引用户还能展现更多图片细节,在很多以图片为主的产品如设计师灵感库都采用大图布局的方式。airbnb同样采用大图布局列表向用户展示符合条件的民宿,我们能发现预定酒店时列表往往是以小图布局配合更多文字信息的布局方式,因为酒店房间大致相同,没有更多的风格或特色,人们关注酒店的品牌星级价格或设施等。而民宿和酒店不一样,民宿往往各有特色,以其独居风格的装饰来吸引住客,干净舒适和富有特色的民宿图片能一下子吸引用户点击,通过浏览大图用户就能了解民宿的大体环境,而不需要再次点击查看,能提高用户浏览查找民宿的效率。

二、多图布局

多图布局中每行内容主要为标题 三张图片,通过对比发现,大部分的新闻产品中,娱乐新闻都是以这种方式布局的,为什么呢?娱乐新闻中图片是较为重要的内容,也更能吸引用户的注意,在列表中展示更多的图片能够满足用户的好奇心,也能提高用户浏览娱乐新闻的效率,通过图片就能判断是否为自己感兴趣的内容。除了娱乐新闻,社会新闻也采用这种布局方式。同样也是用图片来吸引用户,或通过图片即可了解大概的新闻内容。

扩展

大家对多图布局方式一定非常熟悉了,我们每天都用的微信还有微博也是采用多图布局的方式,这种方式可以让用户短时间内了解所有图片的大致信息,利于用户快速浏览。很多旅游APP旅游攻略也采用多图布局的方式,旅游攻略中经常用大量的图片来展示某个旅游景点,用户往往更关注图片也更容易被好看的旅游图片所吸引,和朋友圈微博的多图布局方式稍微有些不同的是,旅游攻略会选择一张最重要最吸引用户的图片以大图方式展示,其他的图片则以小图方式展示,这种布局方式既能让用户看清楚重要图片的细节,也能对攻略的内容有个大概的了解。

三、左图右文

图文列表是最常见的一种列表样式,一般用于更关注文字信息的科技、财经、时事政治等新闻,按照用户的阅读习惯,左图右文会让用户先看到图片再阅读标题,如果你希望用户更关注图片信息,那么就可以采用左图右文的样式。

四、右图左文

同样适用于更关注文字信息的新闻,与左图右文相比,将图片的优先级降到最低,让用户更关注新闻内容本身。除此之外,图片的大小及标题承载的文字数量也值得思考,下面的例子中,36氪的图片最小,给了标题更多的空间并且将标题加粗。36氪主要以科技新闻为主,对于这类新闻,用户更关注标题和新闻内容,完整的标题可以提高用户的浏览效率,通过标题就判断是否为自己感兴趣的内容。

扩展

责编:春林
THE END

本文标题:中国设计网:新闻列表应该采用什么样的布局方式?
本文链接:https://www.chinadesignw.com/sjzx/1141.html

相关热点

10月22-23日,第28届中国(深圳)国际礼品及家居用品展览会(秋季展)即将在深圳国际会展中心举办,作为最具影响力的礼业顶级盛会,本届展会携手产业上下游4000+展商继续逐浪前行、斩获...
设计资讯/ 2020-09-11
聚焦设计价值 深耕设计师生态圈 躺平设计家平台拥有超1000万全球注册设计师,遍布200多个国家与地区,并与全球5万个商家建立了深度合作。 躺平设计家以免费、简单、高效的3D设计工...
设计资讯/ 2020-09-07
首届福佑文玩乐淘节今日开幕 上海福佑文玩城今天举行首届福佑文玩乐淘节开幕仪式。 本次文玩乐淘节邀请到了全国各地500多位文玩藏家齐聚福佑,并特设六场专业的主题活动:海上...
设计资讯/ 2020-09-03
9月1日是全省中小学开学的日子,江北设计小镇正式启用的金陵中学浦口分校迎来了首个开学日。 据了解,金陵中学浦口分校是江北设计小镇为提高教育水平和办学质量,新引进的公办...
设计资讯/ 2020-09-02
8月28日,同裳@东方 2020大浪杯中国女装设计大赛暨十周年颁奖盛典在深圳大浪时尚小镇盛大举行。星光璀璨,万众期待,最终18号选手杨岳凭借作品《拾荒者的乐趣》突出重围,一举夺...
设计资讯/ 2020-09-01
以升级住房消费健康绿色建筑为主题的第十六届国际绿色建筑与建筑节能大会暨新技术与产品博览会(以下称:绿建大会)2020年8月26至27日在苏州国际博览中心完美收官。2005年至今,绿建...
设计资讯/ 2020-09-01

相关推荐

3