提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
最近一直在花时间在做数据可视化的一些项目,数据可视化设计是近年来UI设计一个新的分支,主要应用于To B的项目。今年求职的期间,有超过一半的公司主要是做ToB业务,而其中大部分需要UI设计师具有数据可视化的设计经验或者能力。而在数据可视化这个分支中,大屏是其中相对常见的应用场景。
首先要了解大屏的使用对象,如果是用来向普通群众或者参观展示,在视觉设计上需要多下功夫(比如酷炫的动效)。如果是管理员使用,可能会有成百上千个数据需要在大屏展示,如何展示数据之间的关系却又互不干扰才是重点。
然后是大屏可视化设计中的设计规范,要清楚大屏的设计规范区别于Web和移动端,因为大屏基本都是由若干小屏幕拼接组成,所以大屏并没有固定的尺寸。在设计开始就要确定好屏幕的分辨率和尺寸,最好是能到现场参观,了解观看距离与字高的线性关系,方便制定文字规范。可视化大屏与后台有在颜色规范上的类似,比如红色代表告警/故障/禁止,绿色代表畅通/安全/可行。还要了解在设计数据图表中,哪一些是可以利用插件实现,哪些设计实现不了。(echarts中有大量的图标插件可供利用)
最后,是适应性上的一些考虑,因为屏幕尺寸的大小不一,导致有时候需要在不通的大屏上进行投影,所以尽量将数据模块化设计。
我把最近做的地铁控制室的部分可视化大屏效果图跟大家分享一下,希望大家喜欢
参观过实际现场,我所负责的是其中相对小一些的大屏,宽大概有20米,高大概7、8米,大屏的分辨率是11520px*4320px。
此项目的目的是进行大屏可视化的视觉升级,用于参观使用,后续不知道会不会进行整体页面的升级。
因为不是专业可视化设计师,对于可视化设计的设计规范不完全了解,如有不妥,还望谅解。
大屏的分辨率过大在web端会压缩得比较多,所以我将原尺寸的1/2效果图上传到附件,需要的朋友可以下载。
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册