华中科技大学 发表于 2019-5-18 16:38:31

今天给大家推荐一篇高效率图表颜值提升的文章,希望能对大家的工作学习有所帮助。
平时,我们在制作幻灯片的时候,常常会遇到要处理大量数据的问题,而如何将这些数据通过图形化的方式表达显得尤为重要。所谓一图胜千言,图表用的好,真的是会事半功倍的。但现实情况下,很多小伙伴遇到的问题是:

你做的图表太丑了。
你做的图表到底想表达什么?
图表太多,该用哪一个更好呢?

所以今天的这篇文章就是为了解决这些问题,期待你可以有所收获并多加练习,用行动去重新理解并转化为自己的知识!

【1】关于信息图的认知

在制作幻灯片时,很多人都难以按照这样的一个制作流程去绘制图表:                                                                                                  

[attach]1802[/attach]

因为它足够考验我们三个方面的能力:①分析能力;②整理能力;③设计能力很多人做不出高质量的图表,可能也是因为这个原因。


[attach]1803[/attach]

我们首先要明白:用图形化语言来传达信息的首要原则是:


[attach]1804[/attach]

所以,基于上述原则!

❶即使你图表做的再酷炫,别人看不懂那也是无用功。

如图:这张图是属于一张设计感上乘的图表!是为了说明从1850-2016年以来表面温度增长,2016年是最高的一年!但人们第一眼见到这张图的时候,需要很长一段时间的理解和分析这张图是告诉我什么事儿?甚至有的人很难明白!


[attach]1805[/attach]

❷而相反,如果你的信息图表条理数据都很清晰,但在版面设计上或是配色上并不是那么容易被理解,也是差强人意的!

如图:这张图表使用了相同颜色的色彩,装饰线和符号使用错误,数据不能够被清晰识别。


[attach]1806[/attach]

所以我们要在合适的场景下使用合适的图表。并且用最简单有效的方式向用户传递信息!使用什么形式的图表是我们首先要思考的问题!


【2】信息图表的形态

中国古代最早的图形化元素可以从两个方面参考:

  • 甲骨文,文字的变体。
  • 八卦,文字的图形化。

甲骨文是镌刻或写在龟甲和兽骨上的文字,也是国人印象中第一次将文字视觉化的基础。而八卦图、太极图的出现,则是第一次将文字图形化的参考。但这些都不算是图表,而是图形。


[attach]1807[/attach]

在现代,人们对于图表的认知来自于我们生活的现实场景,日常的一些物体对使用者不断的视觉刺激,如我们看到的:温度计、手机信号、电池容量等都可以归结为是信息图的范畴,它们都可以视作为:柱状图。


[attach]1808[/attach]

[attach]1809[/attach]

[attach]1810[/attach]

而这种最简单的柱状图便可以清楚的说明问题,也是我们在制作信息图过程中的追求关键点之一:避免将简单的问题复杂化。那么在日常工作中,我们该如何选用图表呢?

我们大致的梳理了几个常用的图表,并给出了使用建议。下方信息图部分出自微信:《小饿大课堂》原文地址:图表深度分析。感兴趣的小伙伴可以前往查看。

1.为了表现数据的变化和发展趋势可使用折线图。


[attach]1811[/attach]

2.关于不同类别的数据比较,可以使用横向或竖向柱状图,根据不同的属性确定复杂程度。主要在于最大值和最小值的控制。


[attach]1812[/attach]

[attach]1813[/attach]

3.体现不同类别间的比例关系可以使用饼图。


[attach]1814[/attach]

4.强调数量随着时间变化的程度可以使用面积图。


[attach]1815[/attach]

[attach]1816[/attach]

5.强调2个变量或多个变量与整体的对比可以使用独立的饼图。


[attach]1817[/attach]

6.强调多组数据各不相同的图表时,可以使用双轴线图绘制。

[attach]1818[/attach]

7.数据过于复杂的时候可以使用1+1的复合图表进行绘制。


[attach]1819[/attach]

【3】图表的对比伤害
我们常说:有对比才会有伤害,那如何通过一些技巧来强化图表的对比呢?往往现实生活中的一些场景会给我们答案!比如我们通过手机买电影票的时候,常常看到的页面,这也是一张信息图表:


[attach]1820[/attach]

此画面给我们传达的结论是:55.8确认选座!而在选择座位的过程中,图片传达给我们的信息来自以下3个关键点:

  • 图例的对比。
  • 视图区域的对比。
  • 核心观点的对比。



[attach]1821[/attach]

我们可以通过上图了解到,上述我们提到的3点都可以被清晰的体现,所以这也是一张可被用户感知的图表。
  • 下图,我们通过改变视图区域的色彩,强化用户感知。



[attach]1822[/attach]

  • 下图,通过改变画面视域中核心数据的大小对比突出重点内容!



[attach]1823[/attach]

  • 下图,我们通过强化图域的修饰符号,突出重点说明的数据!




[attach]1824[/attach]

[attach]1825[/attach]

[attach]1826[/attach]

  • 下图,我们通过改变图例的大小来强化用户感知。




[attach]1827[/attach]

通过不同形式的强化对比可以让图表变得更加易于传达信息!便于用户吸收和理解。

【4】图表的颜色如何搭配
图表的配色该如何选取呢?

1.跟随整体幻灯片的主基色确定图表颜色。
一般来说,我们在制作PPT时,会为整体PPT设定主题颜色,而图表的颜色选用则可以围绕整体的色彩倾向选用颜色。

①我们会先确定整体主题颜色倾向,如图所示:


[attach]1828[/attach]

②然后,确定图表颜色倾向:


[attach]1829[/attach]

[attach]1830[/attach]

2.通过配色网站吸取颜色

首先我们可以打开一个配色网站,比如说:http://www.colorhunt.co/

购买主题 本主题需向作者支付 30 个学分 才能浏览
页: [1]