找手机游戏就上xsk01 专业手游媒体门户网站!

网络游戏 | 休闲游戏 | 游戏工具 | 热门手游

我是市长布局图攻略-新闻列表应该采用什么样的布局?

时间:2023-01-01 22:13:30    编辑:佚名

每个人平时都会在手机上浏览各种新闻。 看了那么多新闻,你还记得大多数新闻列表的排版吗? 您是否注意到不同的新闻类型使用不同的布局? 今天我就来说说新闻列表应该采用什么样的布局。 下面我总结了五种布局风格:

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

我是市长布局图攻略

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

我是市长布局图攻略

1.大图布局

新闻列表一般不会在整个页面使用大图布局,因为新闻一般数量多、时效性强我是市长布局图攻略,使用大图布局会降低浏览效率。 如果是更重要的新闻或内容,你想让用户注意到,那么就会使用大图布局。 更多情况下,会结合使用大图布局和其他布局。 在众多的新闻中,利用大图版面突出某条新闻,吸引用户的注意力。

我是市长布局图攻略

我是市长布局图攻略

扩张

大图像布局也用于各种场景。 除了吸引用户,大图还可以展示更多的图像细节。 许多基于图像的产品(例如设计师灵感库)都使用大图像布局。 也使用大图布局列表向用户展示符合条件的民宿。 我们可以发现,在预订酒店时,列表往往是小图片布局,文字信息较多,因为酒店房间大体相同,没有更多的风格或特色。 人们关注酒店的品牌星级价格或设施。 民宿不同于酒店。 民宿往往各具特色,以独栋式的装修吸引客人。 干净、舒适、有特色的民宿图片,能吸引用户一下子点击。 通过浏览大图,用户可以大致了解民宿。 该环境无需再次点击查看,可提高用户浏览和搜索民宿的效率。

我是市长布局图攻略

2.多地图布局

多图布局每一行的内容主要是标题的三张图片。 通过对比发现,娱乐新闻在大多数新闻产品中都是这样布局的。 为什么? 娱乐新闻中的图片是比较重要的内容,更能吸引用户的注意力。 在列表中展示更多的图片可以满足用户的好奇心我是市长布局图攻略,提高用户浏览娱乐新闻的效率。 你可以判断它是否是你感兴趣的内容。除了娱乐新闻,社会新闻也采用这种布局。 它还使用图片来吸引用户,或者通过图片来了解一般的新闻内容。

我是市长布局图攻略

我是市长布局图攻略

我是市长布局图攻略

扩张

多图布局的方法大家一定非常熟悉了。 我们日常使用的微信、微博也采用了多图布局的方式。 这种方式可以让用户在短时间内了解所有图片的大概信息,方便用户快速浏览。 许多旅游应用中的旅游指南也使用多图布局。 旅游指南中经常使用大量的图片来展示某个旅游景点。 用户往往更关注图片,更容易被好看的旅游图片所吸引。 多图布局有点不同。 导游会选择最重要、最吸引人的图片以大图展示,其他图片以小图展示。 这种布局不仅可以让用户清楚地看到重要的图片细节,还可以让用户对攻略的内容有一个大概的了解。

我是市长布局图攻略

3.左图右文字

图文列表是最常见的列表样式。 一般用于科技、财经、时​​事、政治等比较注重文字信息的新闻。 根据用户的阅读习惯,左图右文会让用户先看图再看标题。 如果想让用户更加关注图片信息,可以使用左图右文的样式。

我是市长布局图攻略

我是市长布局图攻略

我是市长布局图攻略

4. 右图左文字

也适用于更注重文本信息的新闻。 相较于左图右文,图片的优先级降到了最低,让用户更加关注新闻内容本身。 此外,图片的大小和标题所携带的文字量也值得考虑。 下面的例子中,36氪的图片是最小的,给标题留了更多的空间,标题加粗了。 36氪以科技新闻为主。 对于这类新闻,用户更关注标题和新闻内容。 完整的标题可以提高用户的浏览效率,通过标题判断是否是自己感兴趣的内容。

我是市长布局图攻略

我是市长布局图攻略

扩张

大多数基于文本的内容以左图右文/右图左文的形式显示。 左边的图片和右边的文字的风格看起来比较工整,用户浏览界面的顺序一般是F字形或者Z字形。 上,用户浏览列表相对不太顺畅。 但是,如果用户更关注文本信息而不是图片信息,右图左文的风格可以让浏览更加高效。

我是市长布局图攻略

5.卡片列表

与前两种风格大致相同,只是用卡片来承载内容,并将图片信息最大化,让用户在关注标题的同时可以清楚的看到图片信息。 目前很少有产品使用这种布局。 我想可能是因为卡片式会让整体划分变强,降低阅读效率。 但是,卡片样式比以前的布局方式更加规则。 它是什么? 一种更好,需要一定的数据支持。

我是市长布局图攻略

我是市长布局图攻略

扩张

大多数大图列表其实都是以卡片式列表的形式呈现(详见大图列表的展开),而小图+文字信息列表以卡片式呈现的例子并不多。 我找到了两个产品案例。 第一个是收集全球艺术展厅/展览信息的APP。 您还可以在您所在的城市找到艺术展览。 名单采用小卡片形式,突出展会名称。 一个页面可以承载八个左右的展示,提高了用户浏览效率。 为什么美展榜单中的图片都用小图而不是大图来吸引用户? 我觉得有两个原因:1、产品更希望用户可以去现场看展,所以没有用大图来呈现更多的细节,留给用户更多的信息。 探索的空间。 2、在了解相关背景之前,很难通过图片了解展览内容。 在这种情况下,文本信息比图片信息更有效。 第二个产品是好奇日报。 将列表中的图片信息最大化,让图片展现更多细节,但总体来说,会感觉“太满”,增加视觉负担。

我是市长布局图攻略

总结

本文一共分析了五种新闻排版方式。 这些布局方式不仅仅应用于新闻列表,我们也可以在以列表形式呈现的界面中看到它们的身影。 在设计列表时,我们需要分析列表的内容和显示列表的目的,是为了吸引用户的注意力还是提高用户的阅读效率,然后根据具体的内容和目的选择合适的排版方式。

总结一下五种布局方式:

第一种大图版面,如果你想突出新闻,或者想引起用户的注意,可以使用大图版面。

第二种多图布局,如果是娱乐新闻、社会新闻等图片类的内容,可以采用多图布局的方式。 图片可以吸引用户的注意力,通过图片了解新闻的大致内容。

第三种是左图右文,如果新闻以文字信息为主,比如科技新闻、财经新闻等,又想让用户关注图片信息,可以采用左图右文布局。

第四种是右图左文字。 对于比较注重文字信息的新闻,可以使用右边的文字排版。 标题的优先级最高,尽可能保持标题的完整性。 第五张卡片列表,如果标题和图片同等重要,可以用这个布局最大化图片。

以上就是关于:我是市长布局图攻略-新闻列表应该采用什么样的布局?的相关内容,更多精彩请继续关注玩手游。

相关游戏
最新游戏