主页 > 洞察 > 设计沙龙 > 用户研究
  • 如何做大屏数据 可视化开发?

    adinnet / 2019-05-24 16:47 /用户研究

       如何理解数据可视化百度的解释是这样的:数据可视化主要旨在借助于图形化手段,清晰有效地传达与沟通信息。可视化是一个复杂的过程,在这里我们只想强调一个观念。数据可视化通俗说就是要用图形讲故事,客户如果一见面就要看设计,那很显然我们就要跑偏了,我们在大屏上看到的是设计样式,看到的是一些指标数据,但再细想一下,人们关心的从来不是数据,数据不是重点,它只是达到目的的手段 ,人们关心的是数据背后的意义。我们关心CPU利用率不是我们关心这个百分数,而是担心业务不能有效运行,数据和图形只是占位符,本身没有什么意义。只有在特定场景下,融入数据才是有意义的,而可视化也只有将有意义的数据进行处理才能让数据产生持久效应。

    一、大屏设计注意点

    1、字体 

    字体过大或过小都会影响人的视觉,尤其是在大面积文字区。一般大面积的文字区是为了增强识别性,在兼顾整体效果的情况下应减小字号并增大行间距,以免带来视觉疲劳。

    配色 一般为暗色背景,蓝色系大家用的比较多,统计图饱和度和明度可以高些,一些线条可以使用高明度低饱和度的荧光色。另外和屏幕显示也有很大关系,如果显示器显示的不够鲜艳,可以适当提高饱和度。

    2、布局 

    重点突出,详略得当。

    3、观感 

    多屏组装会产生缝隙,因此应尽量避免使用会受到影响的元素。

    4、特效 

    有时为了追求更炫的效果,会添加一些对比度高的效果,比如在较暗背景下提亮某个点或区域,使整体富有层次感。

    5、动画 

    主要是为了提升视觉效果,既能提升层次感,又能增强视图表现力。

    6、交互 

    交互是为了增强用户体验。

    二、大屏数据可视化的规则

    规则是“你必须按这种方法做事。”原理是:“这种方式有效……而且经过了时间的验证。”两者有着本质区别。

    大屏可视化的过程主要分为以下几个部分:界定问题;达成共识;探索调研;原型设计;检查测试。

    三、大屏数据可视化的过程

    一般情况下,只需要对设计图做还原就可以了,但是如果遇到一些比较坑的情况,比如显示器扩展不正确导致页面被拉伸或压缩,这时候就需要对此做应变处理。先得到被拉伸/压缩的比例,对整体视图做压缩/拉伸处理,再由其拉伸/压缩。使用浏览器的全屏功能,放弃物理全屏。以牺牲效果来达到效果。记住一点:变形针对视图的所有元素,局部变形可能会引起更难接受的效果,最好是针对body使用变形,这样既能保证效果,又能在显示器正常的情况下不做修改直接使用。

    结语:以上是有关大数据可视化开发的部分文章,后期小编将继续更新,如有建议及类似软件开发类的文章也欢迎小伙伴们进行投稿。


上一篇:开发APP的基本流程有哪些?APP开发前需要做什么准备? 下一篇:错怪设计师了!这些设计看似愚蠢,实则精妙无比!