C4_数据可视设计解密_张亮

大家看到这张图有什么感受？左：2006年美国人均消费金属资源/克【柱形图】中浅色：全球消费者如果按目前消费量发展，资源还能用几年。【极区图】中深色：全球消费者如果按目前美国人均消费量的一半发展，资源还能用几年。右上：资源回收再利用比例。【圆环图】右下：07年7月全球人口，07年7月美国人口。【矩阵】1词汇还能找到相关的图像，遇到抽象的数字立马傻逼了。2观察10秒，复述3【互动】观察10秒，复述4生物学原理。1)大脑传输的信息90%是图像；2)一半的大脑功能用于处理图像，右脑；3)65%的人是视觉学习者，也就是说他们看春宫图效果好于看金瓶梅；5)人对图像的记忆力比对文字的记忆力高6万倍；6)多数人只记得阅读过的20%信息，所以人多少有背书恐怖症。左脑还是右脑？右脑是图像脑，侧重于处理随意的，想象的，直觉的以及多感观的影像。右脑是通过图像进行思考的半球，所以能够将语言变成图像，不仅如此，右脑还能把数字变成图象，把气味变成图像。右脑将看到，听到和想到的事物，全部转化为图像进行思考和记忆。当右脑分析一个词时，比如右脑读“猫”这个词时，会自动的在右脑的影像库中搜寻猫的形象，然后将猫这个词与它的图片，感觉链接在一起。在分析一句话，比如“猫在睡觉”，影像库中出现的就是一只猫在太阳底下蜷成一团迷迷糊糊的睡觉的图像。或许还夹杂着轻微的鼾声。5枯燥的千篇一律的介绍。在座的有没有招聘设计师的经历？什么样的简历能让你眼前一亮？6这样的简历是否能降低苦逼的hr的疲劳，让你的简历脱颖而出，让面试官眼前一亮，谈判的资本更高？几个维度？多少种信息？如何穿插？7【现场数据调研实验】好奇心。分组调查现场组成，姓氏分布，性别，职业，年龄，地域，工作年限，婚否，情感经历，单身否，是否和父母住在一起、公司和住所的距离，上下班乘坐什么交通工具？使用手机品牌。用两个字描述通过这个课程希望获得的。。有多少人还参加了其它的课程……分组调研，方式不限。以上条件任选，控制在10条内。每组为自己的调查结果起一个能勾起好奇心的标题。谁最关注数据可视化？8【互动】最早的数据可视化诞生在什么时候？9历史上第一个伟大的时间序列数据图表描述的是美国1772进出口顺逆差情况。如果你今天看这个图，你甚至会误以为是过去几年的手绘图表。1786年，威廉.普莱费尔苏格兰在这本书中作者使用了大量的条形图和直方图来描述18世纪英国的经济状况。10威廉.普莱费尔1786年，威廉.普莱费尔出版的《TheCommercialandPoliticalAtlas》（政治经济图集）一书中第一次出现了数据型图表，在这本书中作者使用了大量的条形图和直方图来描述18世纪英国的经济状况。机械工程师和苏格兰政治经济学家。他从事了超过36年的统计图形的设计。他被认为是在使用的线图来表示时间序列的先驱，是饼图和条形图的创造者。1801年他在《StatisticalBreviary》杂志中第一次发表了关于面积图的介绍。11帮助发现规律，形势并找到正确的解决问题方案。1854年左右，伦敦JohnSnow绘制的一张位置图，图中标示出了得霍乱疫情的人的所在位置，并通过该图表找到了霍乱疫情源头所在。袭击欧洲大城市最严重的天灾要属19世纪的霍乱。由于垃圾没有得到及时清理，清洁水源的缺少，以及下水管道系统的不足，伦敦成为无药可医的流行病滋生的最佳地点。公众一致认为霍乱是由空气传播的，如果呼吸到了“瘴气”或者接触到霍乱的患者，就会染上这种病。医生兼二手的科学家JohnSnow对这个观点颇为怀疑，他决心通过彻底调查这种致命疾病的根源来证实他的怀疑。通过和当地居民交谈（在HenryWhitehead牧师的帮助下），他确定了霍乱爆发的源头是位于Broad大街（现Broadwick大街）的公共水泵。他对于这种疾病类型的研究足够可信，因此说服了当地政府废弃那个水泵。Snow使用了一个点地图（黑色圆点代表霍乱爆发地点，十字叉代表水井）来研究和表示霍乱是怎样围绕着那个水泵发生的。他还利用实实在在的数据表明了水源水质和霍乱之间的关系。他指出，供水商从被下水道污染的泰晤士河段取水，然后提供给住户，这样增加了罹患霍乱的病例。121857年，英国护士FlorenceNightingale南丁格尔采用极区图（也称作玫瑰图）的形式描绘东部军队死亡原因。美丽的南丁格尔，现代护理教育奠基人，护士鼻祖。另一个身份：她是英国皇家统计学会的第一位女性会员，也是美国统计学会的会员，这是较少为人所知的。南丁格尔早期大部分声望都来自其对数据清楚且准确的表达。她为战地医院申请医药费用，政府一直批得很少她每年都给政府一份伤病人的名单和数量表政府的人对他的报表和上面的数字没有感觉，觉得给她这么多钱足够了，300.，5000，没什么感觉这张图描述了1854年4月～1856年3月期间士兵死亡情况，右图是1854年4月～1855年3月，作图是1855年4月～1856年3月，用蓝、红、黑三种颜色表示三种不同的情况，蓝色代表可预防和可缓解的疾病治疗不及时造成的死亡、红色代表战场阵亡、黑色代表其他死亡原因。图表个扇区角度相同，用半径及扇区面积来表示死亡人数，可以清晰的看出每个月因各种原因死亡的人数。显而易见，1854～1855年，因医疗条件而造成的死亡人数远远大于战死沙场的人数。对象是那些不太能理解传统统计报表的公务人员。她的方法打动了当时的高层，包括军方人士和维多利亚女王本人，于是医疗条件改良的提案才得到支持。一张图表可能挽救成千上万人的性命。131931年，一个名叫HenryBeck的失业工程制图员，打破了传统插图的规范，像勾勒实验电路板一样描绘了伦敦地铁线路。地铁线路图（Tubemap）也称地铁图或轨道交通线路图，是一种广泛用于表示地铁线路、车站和地区的原理图（SchematicDiagram），而不是传统的地理图（GeographyMap）英国是世界上最早建设地铁的国家，1863年已拥有第一条民用地铁。另外，伦敦地铁地图也是所有现代地铁地图的范本，1、以颜色区分路线2、路线大多以水平、垂直、45度角三种形式来表现3、路线上的车站距离与实际距离不成比例关系哈里。贝克将复杂的信息通过简单的符号传递给乘客，既可以保持画面视觉效果统一，又不过多占用画面空间。这个设计突破了距离和空间位置的局限，解决了地铁线路交错、换乘站复杂难辨等使用问题，这个设计从1933年正式启用。14分析局势，趋势，制定战胜对手的计划。引入视觉设计的数据大大提升了说服力，可读性和逻辑性都得到了增强，可视化信息作为一种高效沟通工具；同时也是一种重要的数据挖掘的手段。1、可以帮助读者迅速理解一个抽象概念2、内容比传统图表更加丰富3、鼓励读者更进一步的去了解图表的内容4、使自己的图表胜人一筹5、用图像来说故事，让重点更突出创建一条快速认识数据集的捷径，并成为一种令人信服的沟通手段。这是创造性设计美学和严谨的工程科学的卓越产物。15GEenergyDYNAMICBraking视频当设计新的动力火车时，GE在关注能量转化，如何将势能转化为电力，这是一个关于转化的视频左下冲击力（牛顿），右下能量转化（牛顿），球上上方质量，下方是下落速度m/s到苹果的时候，你会发现冲击力和能量转化已不成正比。最后的对比，总共转化17牛，一辆火车制动可以转化一百万牛。（对比）能源：你不能破坏它，但你一定可以浪费。通常情况下，当你刹车产生的能量作为热量耗散，流失到大气中。GE的“绿色创想”我们已经发现，你可以捕获和存储的能量，然后再用它-这就是我们的混合动力系统的工作原理。观看视频背后的物理动态制动看到一个简单的说明。GE是智慧，环保，专业，科学。16【互动】我们生活在可视化的世界里。描述生活中遇到的信息、数据可视化。钟表。地铁路线图天气预报课程表信号灯交通指示牌路中间的线（双黄线、虚线、）手机地图、导航仪、我抽烟中南海烟盒颜色代表尼古丁含量。钞票的不同色彩，硬币的不同大小材质。定时炸弹的蓝线红线17工具类数据可视化。点击热图眼动热图18眼动热图19运维部门，服务器流量压力各地用户平均加载页面时间。20增加了诸如实时动态效果、用户交互使用等，数据可视化像所有新兴概念一样边界不断扩大。【流场可视化】美国风向---------------淘宝实时交易可视化(淘宝EDPproseccing)---------------------世界纪录前世今生的互动可视化：WorldofRecords。搜索一个乐队或歌手，会列出他们全部专辑，选中一个专辑，并以此为中心可以发现更多相关专辑和资料。【播放视频】最近在微博传播很广的几个视频《谁动了我们的CPI？》、《人人都是纳税人》和《纳税人的钱哪去了？》都是由明恩传媒制作，这几个视频将复杂数据图形化，使人们更容易理解与自己息息相关的经济现象，旁白不时有网络的流行用语，也让受众看起来更亲切，更利于网络传播。来自中国传媒大学的设计组合——李雨Levi、魏婷婷Una。数据可视化的目标有哪些？1、迅速理解抽象概念2、鼓励读者更进一步了解数据4、使自己的图表胜人一筹，5、用图像来说故事，让重点更突出。创建一条快速认识数据集的捷径，并成为一种令人信服的沟通手段。23【互动】一起来解读一个案例：抛出数据，自由发表观点。一种是直接抛出观点，用图形化呈现的数据来印证和获取认同。另一种更高级的是预设观点但展现客观，没有说教。每个观众都可对此做出自己的判断和评论，甚至怀疑。GustavoSousa对五环进行了重新阐释，把五环用于数据可视化不同颜色的圆环代表各个洲的统计数据（人口数量婴儿死亡率军费开支等）大洋洲蓝欧洲黑，美洲红非洲黄亚洲绿，圆环的直径大小代表数值的大小。以下图中代表的依次为人口数、肥胖比例、婴儿死亡率、有毒废物数、囚犯数亿万富翁数。--------------------数字艺术家BenFry把信息设计看作“用眼睛思考”的能力。一幅图可以帮助我们理解用其他形式无法完全理解的事物，从而拓展我们的认知技能。通过视觉化使意义呈现的空间可以非常大。举个简单的例子：解决一个复杂的数学问题的时候，你会拿出一张纸和一支笔来作草稿，同样，平面设计的交流功能也让我们把抽象问题形象化。24真实：真相、一致、准确形式：美观、结构化的外貌功能：易懂、有用、可用、合适趣味：相关、有意义、新颖有更好的、深刻的、富于创造性以及富有趣味的方法来可视化数据。希望帮助读者更深入地理解这些图表所呈现的含义，而不仅仅是停留于对“好看”的赞叹上。这些图片不会说话，但它们比文字和语言都更为有力。25能，即资讯图像设计必须能够吸引读者阅读。有强烈视觉冲击力，能引起观者好奇心和兴趣的效，即资讯图像信息传达的效率和效果。快速理解抽象数据要表达的含义或概念。关系：能是基础，效是关键。在保证资讯图像的能的前提下，尽可能的追求效的提高。26【互动】1分钟告诉我在说什么。连线图有能有效参与3个和以上HBO原创连续剧集演出的演员27有点能，但无效这张图问题比较明显。由于没处理好数字（文字）和图形的关系，导致重点零散，读图更加费时。设计师在设计信息图的时候，不仅要考虑信息背后的逻辑关系，更应要全盘考虑可读性，将文字和图形看成整体。优点：将多重信息整合到三维空间里，增加维度，逻辑清晰。缺点：文字分布分散注意力，可读性差。2829这种表达方式有什么错误嘛？它没有符合我们的第一条法则。你千万不要单纯的只写上这些数据，你可以借助一些条形图片神马的来让这种表达更直观性。这样的话，你的受众才能够很清晰对比各种数据的大小区别。30无能有效31有趣，清晰，隐去全部抽象具体数据。全部具象化。32赞。33赞。34矩阵图，简化的形象，将画面统一在一个风