-
如何做大屏数据 可视化开发?
adinnet / 2019-05-24 16:47 /用户研究
如何理解数据可视化百度的解释是这样的:数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。可视化是一个复杂的过程,在这里我们只想强调一个观念。数据可视化通俗说就是要用图形讲故事,客户如果一见面就要看设计,那很显然我们就要跑偏了,我们在大屏上看到的是设计样式,看到的是一些指标数据,但再细想一下,人们关心的从来不是数据,数据不是重点,它只是达到目的的手段 ,人们关心的是数据背后的意义。我们关心CPU利用率不是我们关心这个百分数,而是担心业务不能有效运行,数据和图形只是占位符,本身没有什么意义。只有在特定场景下,融入数据才是有意义的,而可视化也只有将有意义的数据进行处理才能让数据产生持久效应。
一、大屏设计注意点
1、字体
字体过大或过小都会影响人的视觉,尤其是在大面积文字区。一般大面积的文字区是为了增强识别性,在兼顾整体效果的情况下应减小字号并增大行间距,以免带来视觉疲劳。
配色 一般为暗色背景,蓝色系大家用的比较多,统计图饱和度和明度可以高些,一些线条可以使用高明度低饱和度的荧光色。另外和屏幕显示也有很大关系,如果显示器显示的不够鲜艳,可以适当提高饱和度。
2、布局
重点突出,详略得当。
3、观感
多屏组装会产生缝隙,因此应尽量避免使用会受到影响的元素。
4、特效
有时为了追求更炫的效果,会添加一些对比度高的效果,比如在较暗背景下提亮某个点或区域,使整体富有层次感。
5、动画
主要是为了提升视觉效果,既能提升层次感,又能增强视图表现力。
6、交互
交互是为了增强用户体验。
二、大屏数据可视化的规则
规则是“你必须按这种方法做事。”原理是:“这种方式有效……而且经过了时间的验证。”两者有着本质区别。
大屏可视化的过程主要分为以下几个部分:界定问题;达成共识;探索调研;原型设计;检查测试。
三、大屏数据可视化的过程
一般情况下,只需要对设计图做还原就可以了,但是如果遇到一些比较坑的情况,比如显示器扩展不正确导致页面被拉伸或压缩,这时候就需要对此做应变处理。先得到被拉伸/压缩的比例,对整体视图做压缩/拉伸处理,再由其拉伸/压缩。使用浏览器的全屏功能,放弃物理全屏。以牺牲效果来达到效果。记住一点:变形针对视图的所有元素,局部变形可能会引起更难接受的效果,最好是针对body使用变形,这样既能保证效果,又能在显示器正常的情况下不做修改直接使用。
结语:以上是有关大数据可视化开发的部分文章,后期小编将继续更新,如有建议及类似软件开发类的文章也欢迎小伙伴们进行投稿。
- 最新文章
- 1.如何“浏览作品”才能事半功倍?来看高手的方法!
- 2.腾讯实战案例!设计师如何从零开始做一款H5?
- 3.软件开发公司:如何做用户调研和用户画像
- 4.APP开发;陌陌APP到底是做什么的?
- 5.如何做企业业务中台开发呢?
- 热门文章