国内最专业的IT技术学习网

UI设计

当前位置:主页 > UI设计 >

澳门银河官网网址: 数据可视化大屏设计经验分享【高级篇】

发布时间:2019/09/11标签:   UI设计经验      软件后台    点击量:

原标题:澳门银河官网网址: 数据可视化大屏设计经验分享【高级篇】

澳门银河官网网址: 数据可视化大屏设计经验分享【高级篇】

用色说明:

澳门银河官网网址: 数据可视化大屏设计经验分享【高级篇】

数据可视化大屏设计,对视觉表现、数据的合理呈现有一定的要求,这两点都是由设计师为主导,所以设计前根据产品定义风格,了解数据之间的关系非常重要,切记不要太依赖原型图。

澳门银河官网网址: 数据可视化大屏设计经验分享【高级篇】

澳门银河官网网址: 数据可视化大屏设计经验分享【高级篇】

问题标题

上图左右两个标题唯一的区别就是一个是“进”字,一个是“出”字,这两个字如果不仔细看很难一眼出左右的区别,所以我们在设计标题的时候,一定要提炼关键词,把可以作为明显区别的关键词置前。

出港量包含:出港延误航班、出港取消航班

进港量包含:进港延误航班、进港取消航班

本期分享的是工作中实际案例——首都国际机场数据可视化大屏设计,下面将从板式风格元素、图表、文案、3D效果技法、以及开发落地等方面,进行层层分析讲解。

3D地球效果开发落地:

3、标题和文案优化

元素设计阶段:

澳门银河官网网址: 数据可视化大屏设计经验分享【高级篇】

首先找一张世界地图,这里称为“球皮”,ps调整色调,满意为止。

材质设置

小飞机动画用的是对齐曲线动画,打关键帧转一圈,记得勾选切线,不然飞机会横的飞。

飞机绕地球动画

国家之间样条生成用的是插件 LON—LAT Connection,这一步很关键,插件使用很简单就是选择:洲-国家-城市~洲-国家-城市,tab切换有设置可以设置样条曲线的高度弧度等。

天气、空气质量、时间元素

天气温度、空气质量、时间是一定要加上的,原因是飞机在户外飞行肯定会关注天气,而对于北京机场来说关注空气质量也尤为重要,再说说时间,既然是机场实时数据,那么当下的时间对比实时数据就非常有意义,所以时间要体现出来。

澳门银河官网网址: 数据可视化大屏设计经验分享【高级篇】

Echartsj网站截图

版权信息Copyright ? 银河官网 版权所有??? ICP备案编号:鲁ICP备09013610号