您的位置:首页> 日志> 用户体验 正文

抖音上看到的这种数据变化的动态效果,配上宏大的音乐,效果非常的震撼,是怎么实现的呢,今天给大分享下制作方法。

这是一国外的动态数据可视化制作网站,https://flourish.studio/examples

 

202003031528327964.Png

 

 

进入example案例页中,选第一个,make your own,

 

202003031528324634.Png

 

通过该模板要创建项目。选择data项目,进行数据编辑

 

202003031528323965.Png

 

编辑后的数据图

 

202003031528323053.Png

 

其中图标国旗可以在下面网站上获取地址

https://www.countryflags.io/

 

202003031528328814.Png

 

 

格式为:https://www.countryflags.io/be/flat/64.png其中be,为国家名字的缩写。找到相应的国家填入相应的字母即可,如:中国,cn地址则为:https://www.countryflags.io/cn/flat/64.png

 

数据填好后,再点击,可以预览效果

 

202003031528326687.Png

 

右侧根据自己的喜好来调整视图的样式,可自行摸索。

202003031528339071.Png

 

 

制作完后,就可以发布了,可以有以下几种方式,

1、生成代码,引用js嵌入到我们的网页中,

2、下载整个项目的html,但需要付费后才能下载,

3、下载图片文件,支持png,jpg,svg格式。

 

我们是想要制作成视频的话,那可以采用录屏的形式录下视频,再进行剪辑即可。

关于录屏软件有很多,我这里推荐一个非常不错的免费录屏软件

https://www.ieway.cn/

202003031528338308.Png

 可选择区域录屏,获得视频后,再通过剪辑软件,手机上可使用剪映,通过简单处理,添加背景音乐就可完成了。