写在前面 

由鲁迅美术学院视觉传达设计学院院长赵璐教授,和我共同完成的数据可视化作品Re-InfoDesign:How is your performance in our infographic Design course 获得“信息之美”大赛的成人组入选奖。借此机会,希望可以与更多的人从视觉艺术角度去分享、探讨可视化领域。

想要观看完整作品高清大图的读者请后台回复“信息之美”查看。

 用数据可视化记录一起课程 

作为鲁迅美术学院视觉传达设计学院的一名专业教师,我关注的领域是信息设计学科中数据可视化的方向。2015年,在我给本科二年级学生讲授信息设计课程的同时,有意识的记录每堂课的教学进展,以数据的形式来衡量教学印象、我的期望、真实的作业反馈、时间等信息,这些本来仅仅是数字的数据,在课程的发展过程中,变得有意义,因此而成为信息。这些信息经过我的“再设计”之后,成为新的数据可视化作品,这就是我本次获奖作品的构思。

我现在要阐述的内容分为两大部分:学生作品与可视化“再”设计。

 第一部分——关于学生的作品 

可视化设计就是讲故事的过程

本次课题主要分为两部分,讲故事和可视化

讲故事其实就是数据挖掘和整理的过程。从视觉艺术的角度来探讨信息设计,是需要遵循一套和数据科学领域完全不同而又与其有着千丝万缕联系的设计方法论,与数据专家注重数据分析不同,我们专注于数据转化为信息,将信息可视化的过程,在此过程中,描述信息间的关系,与观众建立有效的沟通,当然,如果想建立有效的沟通,从初的数据一定是来自于生活,因此,好的信息设计要具备一定的故事性。我让同学们自己选择一个题目,必须是生活中发生的事情,然后将其用讲故事或者表演的形式描述出来,在描述的过程中,注重对关键信息的强调,对次要信息的弱化(信息层级的建立),以及将一些看似不重要的数据赋予意义,成为信息(即信息转化)。事实证明,大家对第一部分的课题十分积极,讲故事的方式五花八门,有表演话剧的,我对台词的,我朗诵的,很多故事细节都让人捧腹。

采访自己手上的数据

故事有了,相当于完成了数据挖掘过程,接下来就是如何整合数据。

这其实是一个“采访数据”的过程。我鼓励同学们对手里掌握的数据进行以下几点采访,包括数据来源(Where)、数据收集人简历(Who)、如何收集(How)、数据完整程度(Complete)、数据参与人人数(Demographic)、量化过程是否合理(Right Way to Quantify)。用设计思维去处理数据的时候,我们不是通过电脑计算,而是完全靠“人脑”去判断,因此,这更容易发现一些计算机运算所难以发现的问题:数据不等于真相;数据可能是错误的;数据可能被误解。

“脑暴”到“爆”

接下来就是”头脑风暴“(Brainstorming)。个人认为,与广告、视觉创意类头脑风暴不同,信息设计的“脑暴”应该是将信息层级构架的过程,也就是说,并不是以一个核心词向四周无休止的联想相关关键词,从中寻求契合点,而应该是将现有的信息关键词,分成类别,一环一环的向外扩展,每一环代表一个层级,最里面的是最重要的层次,以此类推,最外环是最不重要的信息。信息化“脑暴”是一个痛苦的过程,同学们在此过程中,真的会“爆炸”,因为看似没多少工作量的事,做起来却效率极低。

信息的层级就好比是在一个大衣柜里,把散乱的衣服,按照一定法则(比如季节、颜色、种类等)放到每一个抽屉里,不要的衣服,还要忍痛扔掉,问题是:你是否清晰和有决心明确某件衣服会被扔掉?

学生头脑风暴草图

信息之“美”

最后一部分,也是本次课程的第二个实践性课题,就是将整理后的故事信息可视化。上个世纪七十年代,英国设计师特格拉姆首先提出将信息设计独立体系,不再属于平面设计的分支,他提出的核心是:建立有效的沟通。这与追求“精美的艺术体现”的平面设计目的是完全不同的。因此,从课程角度来说,如何同时满足信息传递的准确度和审美格调,是此课题的重点和难点。我的方法是先让学生抛开装饰的设计语言,单纯考虑信息传递的功能性,只是在此基础上考虑最终作品的形式问题,从视觉传达的角度上,我会鼓励学生作品的形式与他们的主题尽量相关,从而提高视觉的张力,吸引更多的人观看。

部分学生作品(想要观看完整图片的读者请后台回复“信息之美”查看)

 第二部分——信息再设计 

学生作业完成后,我挑选了几个作品,在此基础之上,进行信息再设计。

自我创造的数据挖掘

自己有一个喜欢记录的习惯,上课的时候,总想把一些我印象深刻的片段记录下来,包括时间、地点、学生接受知识和修改意见的情况、我在看作业之前对不同学生的期望、学生下一次来看稿的反馈情况。我忽然有个想法,就是将这些内容用一种类似电子游戏的方式,变成各种能量数值,就会很直观的体现出不同的信息状态,数据也许是模拟的,但是我会以最高分的作业作为参照,依次划分不同信息类别的数值,这样最终出现的信息再设计作品,就是一套有一定规律的数据可视化作品。

“再”

以学生的作业为基础,进行信息设计,从而让学生和更多人了解我们的课程进展,对信息设计的功能与审美都有新的认知,这是我作品最终目的。因此,需要设计出完全与学生原作不同,但又要具备一定联系的设计风格。每一个信息的位置都是我回忆当时评论作业重点聚焦的区域,这样做的目的是为了让作品具备一定的叙事性,观众在阅读的时候,就会有一种当时上课的画面感。当然,在这个过程,我也尝试了很多方法,比如将图形归纳为一个个微小的单元形,按照数量、时间、印象深刻程度等规律,排列,力求在视觉强度上有所突破。

说到可视化工具,不同于数据专家利用编程软件而完成的可视化作品,我们视觉艺术工作者,也会选择自己习惯的工具进行最终的作品实现-illustrator专业绘图软件,纯手绘作品。因此,设计师做信息设计作品,最终的呈现形态往往有一种出乎意料的“自然”效果,这和那种纯“理性”的科学化处理,有所不同。我们的主管性会更强一些,因为在设计的过程中,就会有所“目的”的删减,强化某些信息,达到与观众产生共鸣的目的。

总体来说,这是我的一次尝试性信息作品试验,目前,我也正与友人研究将作品做成交互性作品,在新媒体平台上,使之成为真实的可视化功能性产品,这种产品应该是普适的,适合于相关领域的任何一套数据库,同时有自己的一套运算法则。实现从具象的静态信息图到自动的可视化纬度转变。

原文发布时间为:2017-01-12

本文来自云栖社区合作伙伴“大数据文摘”,了解相关信息可以关注“BigDataDigest”微信公众号

2016信息之美入选作品设计者自白:如何做好可视化“再”设计相关推荐

  1. 凯度信息之美奖揭晓,数据可视化后有多“性感”?

    前言:更多关于数智化转型.数据中台内容可扫码加群一起探讨 阿里云数据中台官网 https://dp.alibaba.com/index (作者:常成) 2019年的"凯度信息之美奖" ...

  2. 转:数据之美:迄今 10 佳数据可视化示例

    虽然数据可视化通常会让人联想到商业智能与西装革履的分析师,但它通常比您所想象的更具创意并且丰富多彩.从业务仪表板.公共健康可视化到流行文化趋势分析,数据可视化涵盖了广泛多样的应用情景.要制作精美优质的 ...

  3. sketch如何做设计稿交互_《动静之美——Sketch移动UI与交互动效设计详解》历程...

    随着移动互联网的迅速崛起,对移动产品界面的设计质量和迭代速度都有了更高的要求,市面上开始涌现出一批专门针对移动UI设计的软件,Sketch便是其中的佼佼者.Sketch因其强大的功能以及极低的入门门槛 ...

  4. 美的智能SPA微气泡可视化冲牙器体验

    要想保持口腔健康,少不了按时刷牙,不过刷牙只能清理牙齿表面的污渍,所以还需要配合牙线等工具来清理牙缝,不过因为牙线用起来比较复杂,所以一直不太流行,好在目前市面上有很多冲牙器,可以更高效地清理牙缝间的 ...

  5. HTML+CSS+JS`管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业

    HTML5期末大作业:管理系统网站设计--学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业 常见网页设计作业题材有 个人. 美食. ...

  6. HTML5期末大作业:管理系统网站设计——学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业

    HTML5期末大作业:管理系统网站设计--学生信息管理系统模板 (13页) HTML+CSS+JavaScript html网页设计期末大作业_网页设计平时作业 常见网页设计作业题材有 个人. 美食. ...

  7. 大数据美妆大赏_芭莎美妆大奖2016最强大数据美妆榜单要你好看!

    买买买是每个女生的"天性".为了在网上买到更好的产品,闺蜜推荐.达人测评.明星同款这些都成为女生种草产品的依据.但是某个人或某几个人的主观意见通常还是不足以让你信服,这时候如果有一 ...

  8. 2016全球最美面孔100人---名单+真图

    今天看到了这个新闻,里面真的有我之前就喜欢的女神---金宝静.只能说这是小众的评审结果吧,作为程序员的我,看看美女也是一种享受了哈.无论什么职业,看美女总是很舒服的事情,进入主题吧.倒序开始吧: 真的 ...

  9. 2016数学建模美赛总结反思

    一.前期准备(建模储备) 1. 工欲善其事,必先利其器. 各种软件的成功安装,团队成员软件版本一致性. 软件(Excel.matlab.word.latex.WPS等等)熟练掌握. 2. 必要数学知识 ...

最新文章

  1. 继承redis spring_实例讲解Springboot以Repository方式整合Redis
  2. react实战项目_前端学习路线图--从网页设计到项目开发
  3. Linux 将文件夹下的所有文件复制到另一个文件里
  4. 内存与存储之边界迎来变革
  5. OFBiz + Opentaps 目录管理 四. 产品(二)可配置产品
  6. 微信小程序获取用户手机号--官方示例
  7. iview的走马灯嵌套在模态框中,宽度为0的解决方案
  8. 非对称加密 公钥私钥_选择Java加密算法第3部分–公钥/私钥非对称加密
  9. Apache Drill:如何创建新功能?
  10. win10查看端口占用
  11. (数据库系统概论|王珊)第十一章并发控制-第五、六、七节:并发调度的可串行性、两段锁协议和封锁的粒度
  12. Linux时间子系统(二) 软件架构
  13. mysql锁表语句,Java核心知识点
  14. oracle如何储存超长汉子_厦门到惠州整车运输超长超宽超重运输
  15. mysql正则表达式替换字符串_mysql正则表达式字符替换语句
  16. Git报错--Everything up-to-date branch ‘main‘ set up to track ‘origin/main‘.
  17. 读July关于概率论所想
  18. XSSF实现Excel下拉和HSSF实现Excel下拉
  19. 导入/导出文件\照片(kml\shp\cad(dxf)\txt\excel)
  20. vue校验密码的三种写法

热门文章

  1. Tensorflow学习五---全连接
  2. 泰拉瑞亚直连服务器怎么进,泰拉瑞亚1.3联机教程 最新steam直连教程
  3. ASEMI代理FGH60N60SFD安森美FGH60N60SFD车规级IGBT
  4. 买了台九号E200的车,原装电池要九千左右,自己买了20块大单体锂电和彦阳的保护板装了个60AH锂电池,比原装还大6AH,不需要改仓还能直接装到电池仓里面,支持双店模式,可以多跑个十几公里,关键装出来
  5. Codeforces Contest 1081 problem D Maximum Distance —— 并查集
  6. 布尔代数_布尔代数简介
  7. 新泩直饮净水器进驻霍尼韦尔
  8. 基于 vue3.x + vite + element plus,适配手机、平板、pc 的后台开源免费模板库
  9. 提升工作学习效率100%的软件
  10. 使用Telent连接防火墙设备