加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 创业 > 正文

案例分享:数据可视化大屏设计经验分享(高级篇)

发布时间:2020-03-02 05:52:27 所属栏目:创业 来源:做站长
导读:本期分享的是事变中现实案例——都城国际机场数据可视化大屏计划,下面将从板式气魄威风凛凛元素、图表、文案、3D结果技法、以及开拓落地等方面,举办层层说明讲授。 案例理会 下图是我们优越的技强职员操作模版直接机关出来的页面,也可以领略为需求页面,接下里

案例分享:数据可视化大屏计划履历分享(高级篇)

题目问题

上图阁下两个问题独一的区别就是一个是“进”字,一个是“出”字,这两个字假如不细心看很难一眼出阁下的区别,以是我们在计划问题的时辰,必然要提炼要害词,把可以作为明明区此外要害词置前。

案例分享:数据可视化大屏计划履历分享(高级篇)

调解后问题

调解后的问题把重点区此外要害词置前,观者可以或许快速辨认。

第二处修改:

案例分享:数据可视化大屏计划履历分享(高级篇)题目问题和数据名目题目

此图表数据浮现是拖延航班数据,以是问题的要害词应该是“拖延”,拖延放在问题中间没能起到快速辨认数据范例浸染。

再者就是图表上的数据名目错误,航班数目不应有小数点,由于航班数都是整数泛起。

案例分享:数据可视化大屏计划履历分享(高级篇)

调解后

调解后要害词置前“拖延收支港机场-今天前五”用横杠离隔“今天前五”可以或许太过信息,更直观。

4. 3D结果技法

3D地球结果:

原图长收支港途中详情是上下分隔的:

案例分享:数据可视化大屏计划履历分享(高级篇)

开始想用收支港切换的方法泛起,就是一个大地球,一个小的缩略图,可以点击切换,也可以自动轮播巨细切。

案例分享:数据可视化大屏计划履历分享(高级篇)

初稿

后思量到此产物是没有任何交互操纵的,这里计划交互举动是不公道的,以是要换一种情势。

案例分享:数据可视化大屏计划履历分享(高级篇)

案例分享:数据可视化大屏计划履历分享(高级篇)

定稿(数据15分钟革新一次)

调解后让两个数据都出此刻地球上,用两种差异光泽颜色暗示收支港班次。

  • 青色:北京扩散的偏向代表出港
  • 蓝色:聚焦北京的偏向代表进港

假如仔细查察页面会发明,全部关于进港的都是青色,譬喻进港总航班量、进港人数、即将进港航班;同样关于出港的都是蓝色,目标就是要成立观者颜色对数据范例的认知。

3D地球技法教程:

3D地球动画结果,纯用C4D软件完成:

案例分享:数据可视化大屏计划履历分享(高级篇)

  1. 地球用一个天下舆图贴图
  2. 地球的凹凸结果用了材质的置换和凹凸
  3. 小飞无邪画用的是对齐曲线动画
  4. 国度之间样条天生用的是插件 LON—LAT Connection
  5. 光泽粒子用的是插件 X-Particles

下面我们逐一先容:

起首找一张天下舆图,这里称为“球皮”,ps调解色调,满足为止。

案例分享:数据可视化大屏计划履历分享(高级篇)

调色球皮

把球皮放入材质,外貌的凹凸结果用置换和凹凸。

案例分享:数据可视化大屏计划履历分享(高级篇)

材质配置

小飞无邪画用的是对齐曲线动画,打要害帧转一圈,记得勾选切线,否则飞机遇横的飞。

案例分享:数据可视化大屏计划履历分享(高级篇)

飞机绕地球动画

国度之间样条天生用的是插件 LON—LAT Connection,这一步很要害,插件行使很简朴就是选择:洲-国度-都市~洲-国度-都市,tab切换有配置可以配置样条曲线的高度弧度等。

(编辑:湖南网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读