百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

检查一下,你的PPT图表页,是否也存在这些问题?

yuyutoo 2024-10-12 01:52 1 浏览 0 评论


图表,是各种 PPT 需求的重头戏,不会优化图表都不好意思说自己擅长 PPT 制作。


但图表和动画一样,都需要花大量的时间去深入学习,它们本身单独成一个体系。


如果感兴趣,可以去看一些数据图表书籍或课程,对 PPT 中的图表优化会有很大的帮助。


刚好上周给大家布置的打卡练习,就是数据图表相关的,咱们今天来分析拆解一下。


这是咱们的固定栏目,打卡问题解析,这已经是第 14 期了,本期的主题是稍复杂的数据图表练习。


如果你还没看过这个栏目,也可以了解一下上一期的内容:


  • PPT金句页:只有一句话的艺术!


每期我会从大家的练习作品中,挑出一些问题分析,并补充一些知识内容。


主要帮助大家理解 PPT 中的细节,方便查漏补缺,夯实基础。


要是你觉得一篇看不过瘾,也可以通过下文的网址,查看往期所有的练习作品哈。


不多说,咱们来看看上周的练习


上周的练习,要求根据所给的材料,制作一页数据图表页面,页面比例为16:9,风格不限,数据展现形式不做限制。


网址:https://www.aboutppt.com/app/25128.html


原稿如下:



这次的练习可能看起来难度比较大,一共收到近 50 份作品,而且挺多小伙伴和之前的水准有些差距,或许图表页真的练的比较少吧。


接下来,我给大家简单分析一下,这次练习中出现的一些问题。


01. 信息传达不准确


之所以用图表而不直接放 Excel 源数据,就是为了让受众更直观的了解重点信息,可以是数据分布或趋势变化之类的。


因此,在优化图表的时候,往往会让大家克制一些,尽可能的减少干扰项。


有些作品能看出花了不少心思,但还处于刚入门时啥都往上放的阶段。


@酥糖


这时候要尝试去掉非必要信息,只保留你想要突出的内容,先排版整齐大方即可。


而且,别人最好要能一眼看懂图表讲的什么内容,必要的信息需要前置或放大一些。


如果为了美观,把必要的标题或注释、单位删除与弱化,看起来就比较懵:


@渲子


而加上简单的文字说明,就更容易理解些:


@暗影蚊香


这也是很多教程常说的,图表需要结论先行。


我们做图表优化,首要的目的,一定是让数据与信息传达准确,不会产生歧义,其次才是细节的丰富,创意的表达。


此外,有些设计风格做图表,更为考验设计的“克制”能力,要不然页面会很乱。


@米兰不败
@HONG


孟菲斯也好,扁平插画的风格也好,色彩和元素的使用都比较大胆。


因此在制作的时候,需要有意识的去控制色彩占比,控制装饰元素的占比与位置,给图表添加色块衬底或做效果来突出。


需要弱化非必要元素,突出图表的内容,才不会看起来拥挤凌乱。


02. 图表类型不恰当


错误的图表类型,同样会传达出错误的信息,即使再好看也是不行的。


比如使用折线图,一般是用来看数据的趋势变化,但用来展示不同公众号的发文数量就不合适了:


@代表月亮消灭你


此外,虽然柱状图和条形图差不多,有一些相同的功能。


但柱状图多用于展示数据之间的趋势变化,比如不同月份的数据,不同年龄区间的数据。


条形图,则多用于不同数据间的数值比较。


而且,在数据名称比较长、比较多的时候,用柱状图往往需要斜排或竖排,尤其是中英混搭的时候会比较乱:


@PPT练习生水共
@


而如果使用条形图,文字内容就更方便排版对齐,也更为美观:


@吴吴吴小天


另外,也有一些习惯性的问题,一般条形图数据多的会放在最上方,右下角方便放一些其他内容来丰富。


而且我们用条形图展示的时候,往往是需要说明我们的数据比较好看,排名前列。


如果反过来,把数据最少的放上方,右上角就会显得很空,加内容加元素又容易造成误导:


@阿智


当然,除了用条形图来展示,也有小伙伴使用了玫瑰图,这种形式也可以:


@镜子
@九娃


至于具体的做法,大家可以网上搜索南丁格尔玫瑰图,有很多详细的教程。


03. 设计细节不到位


很多小伙伴在图文排版的时候,还会时刻记着各种设计原则,比如亲密、对齐、重复、对比等。


但到了图表优化的时候,却忽视了这些细节,因此出现了各种各样的问题:


★ 亲密性不对


@彭莎


内容的间距应该小于页边距,条形图放左侧更利于对齐,或者图表下方加一个边框或衬底。


★ 图表填充不对


@majdud


柱状图用图片填充有误,正常应该是这样:


@海贝


★ 对比不够


@


全是重点等于没有重点,配色方案可以再优化,页面留白也不够。


★ 对比有误


@赤鮮紅草


图标过大过于突出,应该强调数据或图表才对。


★ 没对齐


@Boom


问题比较多,几乎全都没对齐,圆角矩形没有横向分布,图表可以加个浅边框与上方对齐,上面的文字也全都没对齐。


★ 重复不够


@王yaso


重复不仅仅是元素的重复,配色方案,字体字号也算,这页就像是 3 个人做的,不够统一。


控制篇幅,更多设计问题就等大家去发现了。


其实,做一页内容花不了太多时间,而咱们的练习是以周为单位的,大家做完后剩余的几天,就可以去不断的迭代。


迭代的过程,往往比新开一个练习,更有意义。


好了,再带大家看一些作品吧:


@zl
@长乐未央
@刘先生
@一拳
@邵思云
@姜小白
@Nancy
@略
@三妹


更多打卡练习作品,大家有兴趣的话可以去围观一下:


网址:https://www.aboutppt.com/app/25128.html


最后,以上分析的作品问题,并不针对某个人,仅做学习交流与案例参考,希望上榜的同学不要多想哦。


如果你也打算加入,一起打卡交流提高,可以通过菜单栏参与进来。



以上,就是今天分享的全部内容,希望对你有所启发~


相关推荐

jQuery VS AngularJS 你更钟爱哪个?

在这一次的Web开发教程中,我会尽力解答有关于jQuery和AngularJS的两个非常常见的问题,即jQuery和AngularJS之间的区别是什么?也就是说jQueryVSAngularJS?...

Jquery实时校验,指定长度的「负小数」,小数位未满末尾补0

在可以输入【负小数】的输入框获取到焦点时,移除千位分隔符,在输入数据时,实时校验输入内容是否正确,失去焦点后,添加千位分隔符格式化数字。同时小数位未满时末尾补0。HTML代码...

如何在pbootCMS前台调用自定义表单?pbootCMS自定义调用代码示例

要在pbootCMS前台调用自定义表单,您需要在后台创建表单并为其添加字段,然后在前台模板文件中添加相关代码,如提交按钮和表单验证代码。您还可以自定义表单数据的存储位置、添加文件上传字段、日期选择器、...

编程技巧:Jquery实时验证,指定长度的「负小数」

为了保障【负小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【负小数】的方法。HTML代码<inputtype="text"class="forc...

一篇文章带你用jquery mobile设计颜色拾取器

【一、项目背景】现实生活中,我们经常会遇到配色的问题,这个时候去百度一下RGB表。而RGB表只提供相对于的颜色的RGB值而没有可以验证的模块。我们可以通过jquerymobile去设计颜色的拾取器...

编程技巧:Jquery实时验证,指定长度的「正小数」

为了保障【正小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【正小数】的方法。HTML做成方法<inputtype="text"class="fo...

jquery.validate检查数组全部验证

问题:html中有多个name[],每个参数都要进行验证是否为空,这个时候直接用required:true话,不能全部验证,只要这个数组中有一个有值就可以通过的。解决方法使用addmethod...

Vue进阶(幺叁肆):npm查看包版本信息

第一种方式npmviewjqueryversions这种方式可以查看npm服务器上所有的...

layui中使用lay-verify进行条件校验

一、layui的校验很简单,主要有以下步骤:1.在form表单内加上class="layui-form"2.在提交按钮上加上lay-submit3.在想要校验的标签,加上lay-...

jQuery是什么?如何使用? jquery是什么功能组件

jQuery于2006年1月由JohnResig在BarCampNYC首次发布。它目前由TimmyWilson领导,并由一组开发人员维护。jQuery是一个JavaScript库,它简化了客户...

django框架的表单form的理解和用法-9

表单呈现...

jquery对上传文件的检测判断 jquery实现文件上传

总体思路:在前端使用jquery对上传文件做部分初步的判断,验证通过的文件利用ajaxFileUpload上传到服务器端,并将文件的存储路径保存到数据库。<asp:FileUploadI...

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能。开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/R...

大数据开发基础之JAVA jquery 大数据java实战

上一篇我们讲解了JAVAscript的基础知识、特点及基本语法以及组成及基本用途,本期就给大家带来了JAVAweb的第二个知识点jquery,大数据开发基础之JAVAjquery,这是本篇文章的主要...

推荐四个开源的jQuery可视化表单设计器

jquery开源在线表单拖拉设计器formBuilder(推荐)jQueryformBuilder是一个开源的WEB在线html表单设计器,开发人员可以通过拖拉实现一个可视化的表单。支持表单常用控件...

取消回复欢迎 发表评论: