大公司都在用的酷炫数据跑分图,零基础让你学会!

信息可视化可视化工具可视化设计数据可视化
最美UI小编收集整理的大公司都在用的酷炫数据跑分图,零基础让你学会!教程,供你快速学习设计工具

我之前在网上看到一个用动态数据图展现近 60 年世界 GDP 变化的视频,不断变化的数据,配合宏大的音乐,在一些时间点上标注出对应的大事件,视觉效果非常棒,展示形式也很好。

大公司都在用的酷炫数据跑分图,零基础让你学会!

后来我查了一下,有说用 PPT 做的,有说用 Python 做的,还有说 Echarts 做的。

这几个方法,虽然最后大致都能达到效果,可要么是门槛太高,要么是操作太麻烦。

经过我的寻找,终于找到了一种效果最好,实现最简单的方法。

先看我做的成片 《2013~2019年 七大短视频平台百度指数对比》:

△ 近六年七大短视频平台百度指数对

成片看完了,今天便将我这一招从天而降的掌法分享给大家。

学会这门武功,拢共分三步。

步骤一:准备一个Excel数据表

以我这个视频为例,第一步大家要准备一个 Excel 数据表,每个列分别是 App 名称、 App 名称 、App logo 链接以及时间。

大公司都在用的酷炫数据跑分图,零基础让你学会!

然后将对应的信息填入。

把第一步完成以后,我们基本掌握七成武功了。

步骤二:Excel导入flourish网站

我们打开 flourish 网站,然后打开点击文章 How to make 「bar chart race」 。

网站链接:httPS://flourish.studio/

大公司都在用的酷炫数据跑分图,零基础让你学会!

大公司都在用的酷炫数据跑分图,零基础让你学会!

点击创建图表,切换到 data,将自己做好的 Excel 导入进去。

大公司都在用的酷炫数据跑分图,零基础让你学会!

大公司都在用的酷炫数据跑分图,零基础让你学会!

△ 点击创建,导入Excel

表格导入进去之后我们就能大致看到动画的基础效果了。

大公司都在用的酷炫数据跑分图,零基础让你学会!

△ 初步效果

但是我们需要优化一下它的美观度,比如图标大小,柱状图宽度,柱状图间距,字号大小等等。

这些元素在右侧都是可以调整的,虽然这个是英文网站,但是 Google 浏览器是可以翻译网页的,不过有些词汇会翻译得比较奇怪。

大公司都在用的酷炫数据跑分图,零基础让你学会!

△ 视觉调整前

大公司都在用的酷炫数据跑分图,零基础让你学会!

△ 视觉调整后

因为目前它只可以导出网页和图片,所以美观度调整的差不多我们就可以录屏了。

步骤三:录屏及剪辑

录屏完成以后我们就可以开始最后一步了,然后把录制好的视频文件导入剪辑软件,配上音乐,加上一些时间点的大事件,这样一个炫酷的动态数据可视化图表就完成了。

大公司都在用的酷炫数据跑分图,零基础让你学会!

△ 完成

附上完整的视频教程:

欢迎关注作者的微信公众号:隐匿的大 V

大公司都在用的酷炫数据跑分图,零基础让你学会!

如果觉得最美UI所整理的设计内容对你有所帮助,欢迎将最美UI网站推荐给身边设计好友。

本设计资源来源于网友网络收集整理提供,主要用于学习设计之用,请勿直接用于商业化设计。

猜你在找的设计工具


又发现一个!摄影师出品的免费可商用图库!
大家平常都习惯去哪些免费图库网站找图呢?虽然有一些老牌、图片数量充足的图库,像是 Unsplash、Pixabay、Pexels,但后来经过人工智能和大数据学习的搜寻工具更深得我心,也能通过算法将质量较低、不适合使用的图库
Adobe 2020全家桶更新全解读,设计师直呼:也太智能了吧!
2020年开始Adobe公司进行了全方位的更新,先是Adobe公司Logo改为了单一颜色的全红Logo,并对这个标志性的红色也进行了更新,使它看起来更温暖、更有时代感。
图片不够大?用这个在线神器放大两倍不失真!
本文要推荐的「Upscale」是一个来自 Sticker Mule 公司的免费图片放大 工具,和更早之前介绍的 Trace by Sticker Mule 相片去背工具相同开发商,透过这项服务可立即提高任何图片或照片分辨率和尺寸大小,而不会有失
大牛出品!上千个流畅设计风格图标免费下载
在一些大公司推动的产品开发都会有「设计语言」(Design Language),简单来说就是将设计的表达方式、偏好或风格系统化,写成明确规范,让设计师和开发人员间能够沟通运用,另一方面也可重复使用设计组件,避免重复开
想提高作品档次?这里有上千个展示模型免费用!
上面这张图看起来是不是很有质感呢?不过这可不是我自己摆设的布景,而是运用合成方式将适当的画面合成到图库素材中的,也被称为「Mockups」,对于要展示一些画面来说非常有用。