*文章主要讨论以大屏项目为基础的可视化设计。

*图片资料来源:RayData Pro案例;RayData Asset商城

数据可视化,是集成了数字科学、艺术设计、人机交互等多个学科的综合产物。它不仅仅是一种对数据与规律的全新认知方式,更是在数据基建时代的一种全新产业形态。

如何做出令人满意的大屏数据可视化设计?在布局和交互中应该注意什么?如何权衡客户需求与审美原则之间的关系?本文从设计角度,分享一些在真实项目经历过程中的思考。

布局:基于图表数据和场景内容关系的准确表达

在接到一个可视化项目后,尤其是完成了数据筛选、分析的步骤后,对于布局的思考,应该是着手设计的第一个问题。布局的问题,简而言之是画面形式和比例的问题。左图表-右场景

对于可视化大屏的设计,展示需求往往呈现图表-场景-图表、图表-场景、场景-图表三大布局形式。在选择的过程中,需要权衡场景内容和图表内容的轻重关系,以及在线下部署后是否有特殊的展示需求。左场景-右图表

基本布局选择完成后,要进一步理解图表内容与场景内容的关系,进而在大小比例、空间层级、明暗关系、颜色配合上展开细化的设计工作。左图表-中场景-右图表

另外,在可视化大屏设计布局的过程中,有一个常常被忽视但关键的问题——留白。无论是艺术创造还是实用美术,留白的作用不言而喻。在大屏项目中,合适地表达留白,不仅可以避免内容展示呆滞空洞,更能够为用户提供舒适的视觉感官体验。

交互:不仅是人机映射的关系,也是无需语言的默契

在可视化大屏的设计过程中,交互往往成为被忽略掉的一部分。有时候,“可远观而不可亵玩”成为了对可视化大屏先入为主的偏见,甚至因此将其扣上“为汇报而生”的帽子。旋转、平移的交互操作可以增加场景的纵深感

但其实远非这样,大屏只是数据可视化的落地形式之一。一个优秀的可视化大屏,不仅能够直观精准地呈现数据、场景内容;同时在交互设计上,通过合理地点击、平移、旋转、缩放等操作,能够将人机融为一体,深度表达数据的价值,更好地发挥数据可视化的作用。https://www.zhihu.com/video/1233437656149057536

以RayData携手腾讯云打造的数字静安政务大脑为例,为了实现和呈现系统的智能规划选址能力,设计和业务团队跳脱出传统的设计思路,额外开发控制模块,让用户可以在控制台或是PC端上选择相应需求因素,从而得到对应的城市空间选址结果,让用户在简单的交互过程中,直观感受到静安政务大脑的辅助决策作用。

设计:如何把握项目需求审美原则的冲突?

以大屏项目为基础需求进行的数据可视化设计,往往与基于日常工作需求出发的数据可视化有着区别。不仅在商业关系上存在甲乙双方的服务关系;同时也存在不同个体的审美差异。

无需论证,这种差异感受的存在显然是合理的。因此,满足项目需求仍然是进行大屏数据可视化设计的第一原则。尽管可能与设计执行工作人员存在“事与愿违”的情况,但是只有解决客户的项目需求,才能让可视化设计产生真正的价值。

在以满足需求为导向的边界前提下,往往才是发挥设计专业性的空间。沟通的过程中,需要的是引导审美,而不是创造审美。合适、丰富的颜色搭配,让大屏的层次感更为强烈

比如客户并不坚持100%用企业标准色的时候,应该配合企业标准色进行延展,搭配建立更多的色板规范,在主视觉色值不跑偏的基础上,让色彩的设计更具层次感。高精度的3D模型具有极强的视觉冲立力

比如在我们以往的服务经历中,客户对于2D/3D并没有明确感知的时候,在视觉呈现上的需求往往只有“好看”。这种情况下,可以引导客户逐步适应利用3D场景对内容进行表达,让数据可视化有更多的设计发挥空间。

小结tips

布局:基于图表数据和场景内容关系的准确表达。

交互:不仅是人机映射的关系,也是无需语言的默契。

设计:承认审美差异,引导审美而非创造审美。

星痕 轻松实现大屏数据可视化_数据可视化的一些思考丨如何做出令人满意的大屏可视化设计(一)...相关推荐

  1. 数据图表可视化_数据可视化十大最有用的图表

    数据图表可视化 分析师每天使用的最佳数据可视化图表列表. (List of best data visualization charts that Analysts use on a daily ba ...

  2. 识别图片并可视化_数据可视化3大发展方向

    数据可视化这一概念不过几年前才产生,但讲故事的技巧却早就已经生根发芽了.运用人物.事件.事件顺序.地点.时间段.感情和数字等要素,讲述故事总是让人类着迷. 如今,数据可视化可以图像化地叙述事件,及其起 ...

  3. python处理数据可视化_数据整理101:使用Python提取,处理和可视化NBA数据

    python处理数据可视化 由Viraj Parekh | 2017年4月6日 (by Viraj Parekh | April 6, 2017) This is a basic tutorial u ...

  4. 数据图表可视化_数据可视化如何选择正确的图表第1部分

    数据图表可视化 According to the World Economic Forum, the world produces 2.5 quintillion bytes of data ever ...

  5. 机器学习结合大数据面试_数据科学面试机器学习

    机器学习结合大数据面试 总览 (Overview) This post will provide a technical guide on machine learning theory within ...

  6. 知识产权大数据平台_数据科学家的知识产权

    知识产权大数据平台 Data Scientists use software they didn't write and data they don't own pretty much all the ...

  7. 大数据_数据中台_数据汇聚联通

    目录 一.数据采集.汇聚的方法和工具 1.线上行为采集 2.线下行为采集 3.互联网数据采集 4.内部数据汇聚 二.数据交换产品 1.数据源管理 2.离线数据交换 3.实时数据交换 三.数据存储的选择 ...

  8. python怎么实现数据可视化_数据之美,python实现数据可视化!

    我们这次主要用到两个库来画图,Matplotlib 库和 seaborn 库. 我们先要安装这两个库,分别用 pip 命令安装即可. pip install matplotlib pip instal ...

  9. 一部分 数据 迁移_软件测试员12小时惊魂记:数据库迁移出大事故,如何测试?...

    信息时代,随着用户数量不断增加,业务量不断增长,企业原有数据库不足以有效支撑业务的发展,在此情况下,企业更多的是寻求一款更加稳定的数据库进行替代. 本文以Sybase数据库和Oracle数据库为例.O ...

  10. 数据科学家 数据工程师_数据科学家实际上赚了多少钱?

    数据科学家 数据工程师 目录 (Table of Contents) Introduction介绍 Junior Data Scientist初级数据科学家 Mid-Level Data Scient ...

最新文章

  1. 一天一个设计模式(一) - 总体概述
  2. qt 主动打开虚拟键盘_ipad键盘有用吗?
  3. (数据科学学习手札61)xpath进阶用法
  4. 技术人的七夕表白可以有多浪漫?
  5. AD提高动态的方法(附SNR计算)
  6. JStorm中的并行( parallelismction )介绍
  7. matlab 画光束等相面,一种新型贝塞尔光束器件的设计方法
  8. iOS 浅复制和深复制的深层理解,含示例
  9. Dubbo视频教程(Dubbo项目实战)
  10. 新闻:西部数据拟200亿美元收购原东芝存储 《创新者的窘境》硬盘发展史
  11. 【ARM汇编】ARM 指令集和Thumb 指令集
  12. lammps案例:堆垛层错能的计算
  13. Autosar DCM 诊断(Diagnostic Communication Manager)
  14. win10开机的微软服务器,部分 Win10 Edge 浏览器开机自动启动,微软确认是 bug
  15. c语言的字符串不是存放,在C语言中,字符串不存放在一个变量中,而是存放在一个中...
  16. 金陵科技学院计算机分数,2018金陵科技学院录取分数线
  17. Java开发中常见的危险信号
  18. ubuntu桌面便签_在Deepin 20、Ubuntu 20.04中安装便签小工具Stickynotes
  19. 【Solr空间搜索SpatialSearch】
  20. Python篇:用python画xy散点图

热门文章

  1. java源程序编译命令是_java源程序编译命令是
  2. 为什么计算机上面没有桌面,请问为什么右击电脑桌面上的图标没有打开的选项,只有添加到压缩文件,双击才能进去?...
  3. python123平台登陆页_从头搭建一个flask鉴权系统之登陆
  4. 红色学校网站模板_学校网站源码_适用高中,中学,小学学校网站建设
  5. listView的最简单的使用方法
  6. 后台job批量停用和开启
  7. 最小二乘法的应用(2015A题A题太阳影子定位)
  8. ajax submit 文件上传,ajaxSubmit() 上传文件和进度条显示
  9. 河北省第三届研究生数学建模B题(二等)交通检测器数据质量控制及预测
  10. 自制Json解析工具(易语言)