UI设计中设计文章列表左右的思考
作者：优漫动游设计部
2023-08-17 15:35
查看: 232
当我们仔细看APP的文章列表时我们会发现：有些采用的是左文右图;有些采用的则是左图右文。这个时候我们有没有进一步思考过，这两种方式有什么区别呢?各自的优缺点又是什么呢?
在对比各大APP时，我们会发现文章列表的排版方式有些是左文右图，有些是左图右文。
左文右图你可能知道就是文字比较重要，但是同样是新闻类的App你也会看到这两种情况都存在，因此还不单单是文字重要的原因，下面我就分别从左文右图和左图右文分别来说。
一、左文右图
左文右图我们看到大多数新闻类APP都是这样做的。
1.优势：
1.人的阅读习惯：从左至右，从上至下。采用左文右图的布局，可以提高用户阅读的流畅性;
2.发布者有第三方，质量不能保证：今日头条、网易新闻其发布者有些不是专业的媒体人，文章质量高低不齐，同时有可能出现没有的情况。因此为了界面统一，放在右侧是不错的选择。
2.缺点：
由于人的视线往往先关注，因此当用户看到感兴趣的内容时，阅读的顺序先是然后文字，因此在阅读上也会有一定的阻碍。
因此，左文右图的文章结构在使用时需要根据产品具体属性来分析，比如今日头条，其内容主要来自一些不专业的用户，同时其产品属性又多以文字为主，因此他在使用时就采用左文右图的结构。
二、左图右文
左图右文，往往从产品属性来说以为主，我们常见的电商类产品多以该结构为主。不过在新闻类APP中，来分析左图右文有缺点：
1.优势：
1.文章内容往往由专业人士发布，因此相对于今日头条和网易新闻，其质量有所保证，同时不会出现有些有图，有些没用图的情况;
2.可以用内容引发用户兴趣，UI设计中设计文章列表左右的思考作为营销的手段提高转化率，比如，当你看到照片，你是不是大概就能够猜到新闻内容，从而进一步了解新闻内容。
2.缺点：
1.如果与内容没啥关系，就会增加碍眼的污染信息，影响用户的阅读速度;
2.如果主要是以营销为目的的，久而久之用户就会下意识自动过滤左侧的，就成了无用的障碍信息。
因此，左图右文的文章结构在使用时需要根据产品具体属性来分析，比如搜狐，其内容主要来自一些专业的用户发布，在左边可以有效的引导用户阅读，同时它不存在没有的情况，因此采用左图右文的结构比较好。
三、总结
了解了左文右图和左图右文，那么在具体操作时就能够更好、更快的确定使用哪种结构了，下面再来回顾下：
左文右图：适合用户量较大，其内容主要来自一些不专业的用户，同时其产品属性又多以文字为主;
左图右文：适合于细分类APP，其内容质量高，主要由一些专业人士编辑的APP。
广州UI设计培训，系统学习，融会贯通，直奔主流技术，节省时间，老师督促指导，学习效率高，随堂练习，及时解决问题，企业IT大牛指导实战落地项目，与企业需求无缝连接，签订就业协议，诸多合作名企，4个月后直接走向工作岗位，避免工作后的水土不服。高薪名企有增加！了解详情请登陆广州UI设计培训官网
预约申请试听课
填写下面表单即可预约申请试听！怕钱不够？可就业挣钱后再付学费！ 怕学不会？助教全程陪读，随时解惑！
担心就业？一地学习，可全国推荐就业！
-
上一篇：
-
下一篇：
IT培训问答
开班时间
