一、数据可视化大屏究竟是什么东西

二、数据大屏设计效果如何落地

三、调研不积极,改稿到窒息

不知道大家做为数据大屏设计师,平时工作有没有一些困惑。在去年画了60多张大屏页面之后,我失去了青春和头发,化解了一些对于数据可视化工作的迷茫,我整理了其中的一些,希望能带给大家一点启发。我将主要围绕这几个方面来写:

Let’s go!

一、数据大屏究竟是什么东西

——“没有愧疚,真的太难定义了。”
身为一个数据可视化产品的从业者,时常感到焦虑,因为这个行业一直都在发生着很快速的进化。
前一两年,人们更多地使用“数据大屏”这个词,可是近些时候,你再去观察这个行业里的优秀企业和入局者,他们都不约而同地弱化了“大屏”这个概念,取而代之是“数字孪生”、“大数据可视化交互系统”之类的词汇。相应地,产品形态也在发生着变化,从最开始“偏静态的展示”,到现在的“强交互性”、“3D”、“影视级效果”、“游戏化”…也许人类的终极目标就是像科幻电影里一样自如地操控信息和数据吧。

关于大屏,希望我们“数据可视化设计师”,要有这样的意识 —— 大屏只是一个硬件载体,我们可以往大屏上投放任何内容。我们真正在设计的,是一个“数据可视化交互系统”,大屏、电脑、移动设备、投影、VR…都可以成为这个“系统”的展示载体,而大屏,应该是目前大多数使用情景(监控、接待汇报)下最实用的。

当然,我们现在交流时还是习惯说“数据大屏”,但在2020年,“数据大屏”这个词面背后所代表的产品设计形态,一定和以前有了很大的差别,其背后所包含的东西越来越丰富,早已不是“信息图表”这么简单了,我们要时常提醒自己,保持对数据可视化产品的想象力。

最开始做数据大屏设计时,我经常在内心深处疑惑,为什么企业会对“一群人围着一块巨大屏幕观看炫酷PPT”的事情如此热衷,现在的我“参悟”到,这件事情的本质是,如何更好地进行数字化建设成果的应用和展示,也就是如何跑好网上流传的“大数据的最后一公里”。

关于“为什么强烈地追求炫酷、科技感”,随着业内一些宏大的、领先的概念产生,我渐渐理解,数字时代下的产品设计,本身就有无限可能,追求感官和交互体验的升级没有所谓的对错。关于未来的数字产品,也许影视作品里早就为我们勾勒了轮廓,从某种意义上来说,我们设计师掉光头发在画的科技感界面,不过是在模仿“已有的想象”罢了。

回到数据大屏的内容,当下流行的设计范式是:一般以炫酷的地理空间数据可视化为主体,周围辅助以常规的图表图文。常规图表的设计已经有了较为成熟的设计方法论和解决方案,目前各大厂商比拼得更多的是地理空间数据的可视化效果,追求对真实世界的3D数字化重建,也成了可视化大屏领域里的一个趋势。

我总问自己,中间为什么总是地图?也许正如可视化领域流传的那句话所说,“人类生活中所产生的数据,80%都和空间位置有关”,有了数字地图,你就有了展示80%数据的载体。另外,感性点地说,只要有数据,在一块屏幕里,你可以从太空一直往下看地球,直到发现你小时候换下的扔在隔壁家房顶上的牙齿。这种一览众山小、世界尽在股掌之间的感觉,是不是很棒?这是用常规图表做视觉主体不能达到的空间感的体验。

以上,便是我窥见的当下数据大屏设计的一面。

二、数据大屏设计效果如何落地

大家看到炫酷的设计效果,都会好奇发问“这怎么开发落地啊”,我想说,其实天下设计师都是一样的难,谁不是追着开发一起脱发,但总有(暂时)实现不了的效果。

有一些观点想和大家分享,首先,这是一个可视化大屏项目的简要流程:

其实,这就是普遍的互联网产品的项目实施流程,简单来说,就是产品经理出原型、设计师做好界面效果,逼着让开发同事技术还原。对于普通的网页应用、APP,这个流程并没有太大的问题,一般设计师的设计效果都有了相对成熟的技术落地方案。但在数据大屏追求3D、高视效的设计趋势下,传统的互联网产品项目流程就会存在类似这样的问题:

设计师和开发之前会针对一些细节效果,反反复复地…撕扯,要承认,每一个细致的效果,都需要时间去打磨,受限于技术手段、项目时间,我们往往对上线效果也有不少的无奈。有时候,也会用一些取巧的方式,例如,地图部分不需要旋转、缩放等交互时,对于一些流光、粒子的效果,会直接叠加图片、视频上去,但在今天强调交互、动态地图的行情下,这一招的弊端越来越大。

我想任何一个产品,从来都不只是设计的产物,而是市场、设计、技术、硬件等等因素综合作用下的妥协产物。造成设计效果难以百分百落地的原因,我想根本源自设计和开发的隔阂,设计效果和技术方案无法完全重合,不带技术边界意识的设计,自然会有落地难的困境,技术当然可以探索突破,但项目是有时限的。

面对这样的困境,业内厂商的一个趋势就是转向游戏开发的模式,设计师把控模型,与开发共同调试把控渲染效果,在这种趋势之下,厂商们开始研发自己的 3D 引擎或者启用诸如Unity、Unreal等游戏引擎,这样往往能获得更高效、更优质、更流畅的 3D 输出。

对大多数大屏设计师而言,这样的落地困境并不会很快被解决,但也不必懊恼,我想我们能做的有三点:

1、不断精进自己的 3D 和动效设计技能来满足行业要求。任何炫酷的效果,只有先设计出来,才有被开发还原的可能。可以多关注一些基于 Web 的 3D 工具网站和技术,诸如 sketchfab、Vectary,了解当下 Web 端 3D 落地效果的行情,以此对设计软件做出的效果和开发落地的效果有个差距感知。

2、保持对业内技术动态、工具的关注和了解。例如webGL、three.js、3D 游戏引擎、Ventuz等等,紧跟时代获取灵感,如此一来你还可以鞭策推动开发同事 —— 我设计的这个效果,已经有公司/人实现了哦

数据可视化大屏设计师,我不信你没有这些困惑!(上)相关推荐

  1. 数据可视化大屏设计经验分享 【进阶篇】

    前言 说起数据可视化设计,如今绝对是热门的设计之一,而真正懂数据可视化设计的设计师却不多,随着大数据产业的蓬勃发展,很多企业都开始应用数据可视化.很多UI设计师突然会接到公司数据可视化设计的需求,如果 ...

  2. 大数据可视化大屏设计经验,教给你!

     前言    大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的 ...

  3. 大数据可视化大屏图表设计经验,教给你

     前言   自从跟大家分享第一篇<大数据可视化大屏设计经验,教给你!>,很多小伙伴都会问我一些相关的问题,看了小伙伴给我发的视觉稿,整体都还不错,但是发现图表的设计都有一些问题,大家可能对 ...

  4. 数据可视化大屏分析流程是怎样

    大屏数据可视化是以大屏为主要载体的数据可视化再设计,它就好比一个提炼过精华内容的故事,能够给人在观感上留下深刻的印象,从而引发人的共鸣,传递企业文化与价值. 那么数据可视化大屏分析流程是怎样? (一) ...

  5. 数据可视化大屏的应用与落地实践

    ​本篇文章为亿信华辰<数据可视化大屏的应用与落地实践>视频直播稿件. 大家晚上好,欢迎来到小亿直播间!本次直播我们分享的主题是:数据可视化大屏的应用与落地实践.我们将会从4个方面来进行分享 ...

  6. 数据可视化大屏酷炫秘籍之前端开发者自己动手

    数据可视化大屏酷炫秘籍之前端开发者自己动手 数据可视化大屏的酷炫效果相信大家都已经见识到了经常是这样的: 或者是这样的 又或者是这样的 如此酷炫的大屏效果,要想完全复原首先离不开以下步骤: 设计师精确 ...

  7. 数据可视化大屏应急管理综合指挥调度系统完整案例详解(PHP-API、Echarts、百度地图)

    文章目录 项目说明 一.项目说明 单位信息数据库字段: 资源数据库字段 项目需求 二.项目开发 1.项目分析 2.引入库 3.项目开发 (1)地图容器构建 (2)筛选和返回按钮事件 (3)企业筛选功能 ...

  8. 数据可视化大屏设计尺寸怎么定?

    数据可视化大屏设计尺寸怎么定? 大屏可视化的设计尺寸定义,一直是很多设计师苦恼的一件事,很多时候大屏出现的问题,都是因为对设计尺寸没有一个正确的认识导致. 比如大屏内容呈现不全.拉伸.压缩.字号小的看 ...

  9. 大数据可视化大屏设计经验分享

    前言 大数据产业正在用一个超乎我们想象的速度蓬勃发展,大数据时代的来临,越来越多的公司开始意识到数据资源的管理和运用,大数据可视化大屏展示被更多的企业青睐,身为UI设计师的我们,也要紧跟时代的步伐学习 ...

最新文章

  1. 搭建基于Spring Cloud的微服务应用
  2. 【VBA】查看窗口当前状态
  3. 第31讲:抓包利器 Charles 的使用
  4. 弱口令扫描工具mysql ftp_基于端口的弱口令检测工具--iscan
  5. LeetCode 105. 已知前序中序 求二叉树
  6. android r 编译找不到头文件_「投稿」iOS逆向——砸壳与反编译
  7. JavaScript仿淘宝智能浮动
  8. groovy怎样从sql语句中截取表名_SQl-查询篇
  9. Java基础教程:Lambda表达式
  10. Verilog实现交通灯(数电课设)----------旧
  11. 2009年IT行业最重要的十大认证
  12. [置顶]架构设计之性能设计经验
  13. python在线翻译小程序_Python 做一个翻译小程序
  14. linux修音软件下载,修音软件下载 Auto Tune 8(修音工具) v8.1.2 免费安装版 下载-脚本之家...
  15. Mac上使用Chrome浏览器截取长图
  16. 解决No instances available for XXX
  17. 水滴模式能否解惑10亿人口下沉市场?
  18. libero-soc许可证申请和环境配置
  19. 三基色、三原色的区别
  20. 中国大学MOOC北京大学唐大仕老师《Java程序设计》源码分享

热门文章

  1. python项目练习--链家房价分析
  2. 软考—信息项目管理师(信息化和信息系统一)
  3. 千兆以太网链路GEM
  4. Vue实现PDF导出和打印功能
  5. 【django】用户注册时短信验证码校验、避免频繁发送短信验证码【17】
  6. 创龙TI AM437x ARM Cortex-A9 CPU开发板JTAG仿真器接口、LED指示灯
  7. win10系统用虚拟机装win7一直停留在这个画面,请问大家什么这是问题
  8. 常用选股公式编写样例
  9. 信息系统项目管理师---第十二章 项目采购管理
  10. 周鸿祎要把360装进你车里