首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >APP 中的新闻列表 5 种布局方式

APP 中的新闻列表 5 种布局方式

作者头像
2Broear
发布2024-03-12 09:57:28
发布2024-03-12 09:57:28
6480
举报

APP 中的新闻列表 5 种布局方式

经常看到一些新闻类或有新闻板块的APP,内容布局各不相同,呈现出的效果与用户实际体验也都不一样,下面总结为5种不同的新闻布局,并列出行业里使用不同布局的相应APP界面。

案例解析

  1. 第一种大图布局,如果希望重点突出的新闻,希望引起用户的注意,可以使用大图布局方式。
  2. 第二种多图布局,如果是娱乐新闻、社会新闻等以图片为主的内容可以使用多图布局方式,通过图片可以引起用户注意,并可以通过图片了解新闻的大致内容。
  3. 第三种左图右文,如果是以文字信息为主的新闻如科技新闻、财经新闻等,同时希望用户关注图片信息的时候,可采用左图右文的布局方式。
  4. 第四种右图左文,当更关注文字信息的新闻可采用右图左文的布局方式,标题的优先级最高,尽量保持标题的完整性。
  5. 第五种卡片列表,如果标题和图片同等重要的时候,可采用这种布局方式,将图片最大化。

总结

一共解析了五种新闻的布局方式,这些布局方式不仅仅运用于新闻列表,在以列表形式呈现的界面都能看到。做列表设计时,需要分析列表的内容和展示列表的目的,是要吸引用户关注还是要提高用户的阅读效率,根据具体的内容和目的再选择合适的布局方式。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022/06/18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • APP 中的新闻列表 5 种布局方式
    • 案例解析
    • 总结
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档