- 序言
- Kim Albrecht
- RJ Andrews
- Andriano Attus
- Steven Braun (本书作者)
- Nadieh Bremer [推荐]
- Luis Carli
- Chelsea Carlson
- Sabina Castagnaviz
- Meng Chih Chiang
- Cloudred
- Dataveyes [推荐]
- Marcelo Duhalde
- Antonio Farach
- Artur Galocha
- Manuela Garreton
- Stefania Guerra
- Hahn+Zimmermann工作室
- Valerio Pellegrini
- Periscopic工作室
- Sara Piccolomini
- Pitch Interactive工作室
- Raconteur Media工作室 [推荐]
- Matthew Rowett [推荐]
- Signal Noise
- South China Morning Post
- Moritz Stefaner P212
序言
Kim Albrecht
对数据可视化/信息图表的理解 | “把多种东西画在一起”,产生艺术、技术、科学之间的联系。 |
---|---|
常用设计方法 | 可视化如何帮助我们理解周围的世界? 设计过程变成了创造见解与知识的工具。 |
常用设计元素 | 点、线、面。 |
应用领域 | 科学研究,科学交流。 |
如何化枯燥为有趣、使复杂数据容易理解 | 研究、发现、过滤、整理和分析数据的过程同样重要。 |
案例 | 个人主页项目集锦 https://kimalbrecht.com/grid/#project 科学道路 http://sciencepaths.kimalbrecht.com/ “随机影响规则”:一个科学家的职业影响力可能在任何时间段达到顶峰。 |
RJ Andrews
对数据可视化/信息图表的理解 | 表示信息,提高数据的叙事能力,便于交流 |
---|---|
常用设计方法 | 先了解数据(通常需要向很多专家学习),试图传达自己认为有趣的东西。 不断扩充的跨学科“工具箱”,用于创作作品。 |
常用设计元素 | 最强大最有用的是柱状图和线形图 - 便于对比。 有时为突出叙事性、增强吸引力,加入视觉装饰(如动物剪影) |
应用领域 | 一般可在线观看= =+ |
如何化枯燥为有趣、使复杂数据容易理解 | 很少觉得数据枯燥,当发现数据背后的故事还没被揭露时会感到很兴奋! 只要找到合适的切入点,复杂性是可以被解读的。适当的框架能帮助读者去探究其中的复杂性。 |
对初学者的建议 | 数据可视化是跨专业工作,尽可能多阅读! 建立简单的工作流程,让自己快速了解数据,并由此逐渐扩充自己的“工具箱”。 不要一味等待! |
案例 | 濒危动物 (加载略慢) https://infowetrust.com/endangeredsafari/ Creative routines https://infowetrust.com/creative-routines/ Disney characters https://infowetrust.com/disney-characters/ |
Andriano Attus
对数据可视化/信息图表的理解 | 向消费者和读者提供信息的有效工具。增强书面文字的效果。引导读者理解一个事件。 |
---|---|
常用设计方法 | 了解收集数据者获得的灵感或故事。用合适的方式传达现有数据所要表达的信息。铅笔草图,根据各个特征建立顺序和结构,考虑时间变化的趋势对各种客体进行对比,分析各种行为方法(联系、异常、流动、等级等),评估复杂信息。 |
常用设计元素 | 点、线、柱基本可以满足所有要求。 对材料进行分解、排序、组织,简化呈现方式。 很在意图标的外观尺寸,以确保信息的清晰度。(避免三维图表) |
应用领域 | 报纸和网站…… |
如何化枯燥为有趣、使复杂数据容易理解 | 努力寻找能向读者展示一个拥有结构化、功能化知识体系的可视化形式。 帮助读者理解事件。 |
对初学者的建议 | 从信息图表的基础指南开始。 |
案例 | 希腊面临的经济困境 上海证券交易所 2015年前9个月的抵押贷款图 年轻欧洲人的身份证 意大利的立法活动 (无网址) 个人主页 http://adriano.attus.it/filter/infographic |
Steven Braun (本书作者)
对数据可视化/信息图表的理解 | 反思自我,促进对话。 审美、技术、提炼复杂数据中的趋势、创造、美学、智能方面的满足感…… “它是一种建立观点的练习。” 鼓励人们增加对世界的了解。 关乎人类本身——解读一个可视化作品是一个构件自我的行为,就好像设计过程是一种构件视觉叙事的行为。 |
---|---|
常用设计方法 | 用Adobe Illustrator创建创意原型。从真实背景中寻找灵感。随身携带素描本。 |
常用设计元素 | 互动性元素。 颜色。 基本几何形状(圆、正方形)。 |
应用领域 | 交互式设计…… |
如何化枯燥为有趣、使复杂数据容易理解 | 谨慎地追求“有趣”——构建一段错误的故事比讲述一个与数据组有关但可能乏味的故事更糟糕。 复杂性中蕴含了无数有趣的故事,设计师的挑战是如何简洁地讲述这些故事,同时确保对复杂性价值的尊重。 数据都有自己的故事,因而不存在“枯燥”的数据。 寻找“人类视角”。 |
对初学者的建议 | 最好的可视化作品并非从一开始就具有一个清晰的画面。最好的可视化是经历不断重复的结果。 |
案例 | Snell图书馆出入馆数据统计 Niki Segnit 的《风味词典》 https://www.stevengbraun.com/dev/flavor-thesaurus/ 美国、英国和日本的跨界艺术家 https://www.stevengbraun.com/dev/passing-the-beat/ Sia和Adele音乐中的元音和音高 https://www.stevengbraun.com/dev/throat-tones/ 个人主页 https://www.stevengbraun.com/ |
Nadieh Bremer [推荐]
对数据可视化/信息图表的理解 | “一个数据可视化比一千个数据点更有价值” |
---|---|
常用设计方法 | 先提出一个问题。 目标+数据→设计基本的结构和图表形状。 直接从纸面转向设计规划,倾向于用代码设计(能够轻松利用实际数据来创作可视化)。 当不适合特有数据、或不能足够好地展现深刻见解时,修改初始设计。 增加互动元素是最后的重要步骤。 |
常用设计元素 | 线条和柱状图很强大灵活 |
应用领域 | 线上多为互动项目 |
如何化枯燥为有趣、使复杂数据容易理解 | 枯燥的数据指的是不能回答任何有趣的问题的数据。 对于复杂数据,不必将数据一次性全部展示出来,而是要慢慢展开。有一个良好的开头是关键。从小处着手,告诉读者这些数据代表的大概意义。如有必要,从数据组中选取有趣的样例,用注释或动画进行详细解释。最后,逐渐揭示整个数据组所包含的复杂性,同时指出有趣的观点。 |
对初学者的建议 | 开始创作!分享! 找到一个感兴趣的问题,看看网络上是否有现成答案。用纸笔构思设计。 |
案例 | 奥运会金牌 https://nbremer.github.io/olympicfeathers/ 交通事故和影响因素 手机品牌的转换(为交互式可视化,若用小屏幕浏览,需自行缩小页面显示比例) http://nbremer.github.io/Chord-Diagram-Storytelling/ 十大最受欢迎的婴儿名字 https://nbremer.github.io/babynames/ |
Luis Carli
对数据可视化/信息图表的理解 | 利用认知系统帮助人们分析和理解大量数据 |
---|---|
常用设计方法 | 熟悉问题领域,与专业人士及那些对我正在处理的数据有所了解的用户进行交流,并以此展开设计。 在项目初期绘制草图、建立模型、制作样板,尽可能使用真实数据。把握产品布局和信息架构。 设计方案基本成型时,集中精力生产代码,考虑产品技术方面的问题。 设计是一个为定义不清晰的问题寻找解决方案的非线性过程。 |
常用设计元素 | 使用介于数据和视觉标识之间的所有可能的图像。 充分了解可用的视觉理论、概念和技术,并通过不断地重复和产生新创意来应用这些知识。 |
应用领域 | 报纸 海报 网站 和应用软件 数据可视化系统 |
如何化枯燥为有趣、使复杂数据容易理解 | 优秀的设计方案是反复探索一个问题空间或解空间的结果。设计是一个创造过程,通过探索广阔空间内的可能性,从众多不好的选择中挑选出其中可能好的选择中的一个。成功的设计一般要求广泛考虑多种选择,并全面了解可能性空间。 |
对初学者的建议 | 多阅读,多画草图,多编码,多制作新项目。 |
案例 | 城中村 http://senseable.mit.edu/urbanvillages/ 联合会杯 https://www.luiscarli.com/copa/ 木材的变化 (网址失效) |
Chelsea Carlson
对数据可视化/信息图表的理解 | 制作可视化唯一真正的规则是你必须尊重数据——这为视觉试验留出了很多空间。 |
---|---|
常用设计方法 | 在设计的最开始提出一个有趣的问题。 先用电子表格探索,然后尝试用不同形式呈现数据。最后,会思考如何加入颜色、形状和强烈的风格来强调最重要的信息或绘制一些有趣的对比图表。 |
常用设计元素 | 永远让数据决定形式。 |
应用领域 | Umbel的数据营销博客 |
如何化枯燥为有趣、使复杂数据容易理解 | 平衡点的寻找:既要展示足够多的的有意义的信息,同时又不能多到让读者感到恐惧。 数据可视化既展现了事实,也留下了解读的空间。 |
对初学者的建议 | 专注于让你感兴趣的数据。挖掘故事,你就不得不寻找讲述故事的方式。风格很重要,但故事才是重中之重。 |
案例 | 停用脸谱网11天(树木年轮式的图表,连续地记录一天的时间) 工作与休息(强调工作模式而非具体工作任务。螺旋状轨道-时间象征) 航空公司的兴衰(彩色Bump图表) 大数据收益 |
Sabina Castagnaviz
对数据可视化/信息图表的理解 | 帮助理解一个或多个话题 |
---|---|
常用设计方法 | 根据重要性整理数据。选择好话题后在纸上勾画,再用电脑呈现。 |
常用设计元素 | 理解工作内容,构思创意来表示新事物。 |
应用领域 | 报纸和网站 |
如何化枯燥为有趣、使复杂数据容易理解 | 数据通常都枯燥且不易理解。信息图表的作用就是通过一个漂亮的创意形式让数据变得容易理解。个人的创意是所有工作的核心。 |
对初学者的建议 | 对每个可能的话题充满好奇心。 作品的目的是向读者解释一些东西。 图表不能只是漂亮,最主要的是要清晰。 |
案例 | 社会住房 教室里的科技 志愿者 《晚邮报》的140年历史 |
Meng Chih Chiang
对数据可视化/信息图表的理解 | 揭开世界背后的故事,赋予数据意义 |
---|---|
常用设计方法 | 结合几种工具和软件来完成一个作品。 首先研究数据 |
常用设计元素 | 特别喜欢的元素是动态块,能够展示一个故事或数据中蕴含的不同观点。 |
应用领域 | 网络,海报,书籍。还会制作视频介绍幕后故事并详述设计理念。 |
如何化枯燥为有趣、使复杂数据容易理解 | 把数据消化并用有趣的设计将它输出时,就已经让枯燥的东西变成了有趣的东西。 |
对初学者的建议 | 保持热情,充满对大数据的渴望。 |
案例 | 陌生词汇 http://mengchih.com/portfolio/a-stranger-to-words/ 游戏历史 http://mengchih.com/portfolio/infographics-for-match-history/ |
Cloudred
对数据可视化/信息图表的理解 | 设计师和技术人员用于理解和以视觉结构呈现复杂数据的方法。 |
---|---|
常用设计方法 | 经常想象一个客户为何采用可视化的原因……让工作具有实际意义和相关性。 先从宏观层面看待数据,然后拿出一个样例观察是否存在有趣的模式。 在速写本上探索表现数据的不同方式,或能让人与数据进行互动的各种方法。 迭代设计,快速设计并评估每个设计方向的优点。 |
常用设计元素 | 不会事先形成概念 |
应用领域 | 以网站为基础 |
如何化枯燥为有趣、使复杂数据容易理解 | 我们允许自己被数据组弄得晕头转向,这样能找到具有逻辑的、直观的方式来整理它们 |
对初学者的建议 | 尝试、创作、修改、休息、再次尝试。 |
案例 | 纽约行道树 https://www.cloudred.com/labprojects/nyctrees/ 戴拉寇特剧院的莎士比亚 https://www.cloudred.com/labprojects/shakespeare/ |
Dataveyes [推荐]
对数据可视化/信息图表的理解 | 有必要彻底地改变机构理解数据附加值的方式以及他们开发数据潜能的实施方案。 |
---|---|
常用设计方法 | 连贯的工作程序: 钻研(精确定义预期、技术限制、受众群体以及他们具有的行为类型) 概念(将应用场景转变成用户界面以及信息管理规则) 开发 |
常用设计元素 | 各种数字用户界面 |
应用领域 | 以网站为基础 |
如何化枯燥为有趣、使复杂数据容易理解 | 真正的潜能隐藏在终端用户的手指下,而不是数据中心。 创作能够满足非标准化用户需求的界面上,以保证长期相关性。确保所有利益相关者都能舒适地理解数据,而不仅仅是负责工具管理的人们。 |
对初学者的建议 | 多阅读。多研究不同可视化类型。 |
案例 | 地铁交通 https://dataveyes.com/#!/en/case-studies/metropolitain 新闻发布(巴黎科学博物馆 视频游戏展览 实时可视化) https://dataveyes.com/#!/en/case-studies/actualites 我的街区 https://dataveyes.com/#!/en/projects/mon-quartier |
Marcelo Duhalde
对数据可视化/信息图表的理解 | 发现隐藏在数据背后的事实…… |
---|---|
常用设计方法 | 长时间的研究和数据准备,然后勾画很多草图。 灵感经常来自现实世界。 往往放弃最初的草图,因为最初想法可能太平实、太基础或太复杂。有必要花费更多时间确认哪种形式可行,在视觉上具有新鲜感且易于理解。 |
常用设计元素 | 几何元素,透明物体 |
应用领域 | 报纸杂志 |
如何化枯燥为有趣、使复杂数据容易理解 | 需要充分了解创作主题,将自己设想成观众。 |
对初学者的建议 | 你得热爱信息,并愿意花费很多时间用于研究。 讲解自己的手绘、多进行几次测试,对达成目标有利。 |
案例 | 最成功的足球联盟 经验丰富的教练 进球 等待行刑 |
Antonio Farach
对数据可视化/信息图表的理解 | 是未来讲故事的方式 |
---|---|
常用设计方法 | 一般手工制作 |
常用设计元素 | 点,线和少数色键 |
应用领域 | 报纸杂志海报网页 |
如何化枯燥为有趣、使复杂数据容易理解 | 探索多种方法和不同的平面布局 |
对初学者的建议 | 在漂亮和易懂之间找到平衡点。 利用空闲时间完善自己的故事,不要只制作编辑客户要求的。 |
案例 | 亚洲杯足球赛(画面受到澳大利亚土著点彩画启发) 入围总决赛之路 海湾杯足球赛分析图(视频标注……) |
(注:之后仅摘录个人认为有趣的信息,如果有含链接的作品网页也会一律记录)
Artur Galocha
对数据可视化/信息图表的理解 | |
---|---|
常用设计方法 | |
常用设计元素 | 最好建立一个非常强大的网格来组织数据,并引导读者阅读信息图表。 |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 寻找呈现模式,引导读者阅读信息图表。 你必须有一个论点。 |
对初学者的建议 | 花时间思考和运用数据。 |
案例 | 世界杯历史 我们的球队 德国队和阿根廷队 意大利国家队 |
Manuela Garreton
对数据可视化/信息图表的理解 | 数据可视化是一种在我们产生的关乎本身及社会的大量信息中找到意义的方法。 对我自己而言,使我可以参加各种领域的合作项目(植物生物学,社会学,都市生活,神经系统科学……) 我将设计视为一个能够清楚地展示不同领域知识的专业,使得人们可以开发那些极少受限于某个特定领域的创新项目。 |
---|---|
常用设计方法 | |
常用设计元素 | 颜色是清楚地传达信息的关键因素。 |
应用领域 | 交互式可视化。“权力的旋转门”项目,为了提高政治透明度,因此收集的数据通过视觉形式来展现,方便人们查阅和理解。 |
如何化枯燥为有趣、使复杂数据容易理解 | 希望设计能够鼓励我们寻找数据蕴含的意义的视觉结构。努力寻找想要讲述的故事,构思如何在一个非线性叙事中建立视觉和交互式联系。 |
对初学者的建议 | 享受,尝试,关注目标用户 |
案例 | 幸福感图表 答案海报 卡拉马城的城市开发 (两个项目有交互链接但失效……) |
Stefania Guerra
对数据可视化/信息图表的理解 | |
---|---|
常用设计方法 | 理解主题,降低复杂度 |
常用设计元素 | 每个设计决定,都必须具有意义。 |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 认为我的作品可能对一些人产生影响。 请朋友们帮忙测试可视化。 |
对初学者的建议 | 保持热情,乐意接受所有事物,从其他领域获取灵感,并一直工作到你对自己完成的作品感到满意为止。 |
案例 | 饮用水的成分(书封设计取自于此) 饮用水资源 意大利冲浪 |
Hahn+Zimmermann工作室
Valerio Pellegrini
对数据可视化/信息图表的理解 | |
---|---|
常用设计方法 | |
常用设计元素 | |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 让数据可见、易读、可对比 |
对初学者的建议 | 理解元素所简化的东西,让交流更有效 |
案例 | 垃圾邮件数量 历史人物排名 头号通缉犯 欧洲的生活质量 Auditel收视数据 100个最有价值的品牌 意大利面 |
Periscopic工作室
对数据可视化/信息图表的理解 | |
---|---|
常用设计方法 | 多样化的技能组合:数据处理、分析、策略、设计、发展和管理。具体设计方法:研究、概念化、集体研讨、信息架构、可视化设计、交互式设计和动态设计 |
常用设计元素 | |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 进行全面的策略研究,多角度探索数据,反复验证我们的想法 |
对初学者的建议 | |
案例 | 愿望表达 乳腺癌的诱因 世界恐怖主义 |
Sara Piccolomini
对数据可视化/信息图表的理解 | |
---|---|
常用设计方法 | |
常用设计元素 | 经常从文艺复兴时期的旧天文学或地理学书籍中寻找灵感 |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | |
对初学者的建议 | 讲述故事和让故事难忘是数据可视化设计的潜能。 |
案例 | 意大利电影票房排行 各国自由度 谁做家务? 意大利的文化产业 皮埃蒙特的车祸数据 冰激凌消耗量 |
Pitch Interactive工作室
对数据可视化/信息图表的理解 | |
---|---|
常用设计方法 | |
常用设计元素 | |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 给与数据故事和内容,帮助人们更好地理解它。(如何利用视觉特点讲述故事。可以结合动画和交互元素) |
对初学者的建议 | 自我学习。明白自己为什么喜欢数据可视化和研究。 |
案例 | 搜索工具(谷歌的实时搜索数据:候选人热搜度的全国排名、州排名等) https://www.pitchinteractive.com/ 科技高管薪资 前所未有的旱情 |
Raconteur Media工作室 [推荐]
对数据可视化/信息图表的理解 | |
---|---|
常用设计方法 | 数据分析和解释、空间原型塑造和插图绘制 |
常用设计元素 | |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 在确保图表的设计具有新颖性和容易理解之间只有一线之隔。 |
对初学者的建议 | 突破限制。审阅自己的作品。保持创新。 |
案例 | 供应链策略 洞察经济 退休金 |
Matthew Rowett [推荐]
对数据可视化/信息图表的理解 | 数据可视化:让我们快速了解趋势、比较数值。 信息图表:创造一个联系信息片段的有趣的故事或叙事。 |
---|---|
常用设计方法 | 信息图表:故事是核心 用一种有趣的形式或逻辑形式对信息进行连接和分组。利用这些分组来构建故事中的章节。信息组可能作为一个模块集中放在用户界面上,或连接一个与大插图相连的小插图 |
常用设计元素 | |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 1. 找到数据中重要的、有趣的或漂亮的东西并关注它。 2. 考虑用户或读者的视角。 3. 以用户体验为基础的设计方法(受众容易读懂的东西。采用统一的颜色、线条和图形,使用层次和平面布局来进行逻辑性叙述,引导用户读懂设计。 |
对初学者的建议 | 先创作一个与其他人已经创作出来的相似的作品(给你一个目标!) |
案例 | 体罚的后果 反恐战争 纳税金的用途 https://www.matthewrowett.com/ |
Signal Noise
对数据可视化/信息图表的理解 | 复杂世界中的一个透视镜。 能让我们看到不可见或抽象的东西的透视镜。 |
---|---|
常用设计方法 | 确保数据的易读性和合法性 |
常用设计元素 | |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 发现故事 |
对初学者的建议 | 让可视化变得简单,质疑一切,了解你的受众 |
案例 | 数据泄露事件 弦理论 辣椒家族 球员转会 |
South China Morning Post
对数据可视化/信息图表的理解 | |
---|---|
常用设计方法 | |
常用设计元素 | |
应用领域 | |
如何化枯燥为有趣、使复杂数据容易理解 | 寻找human factors 用铅笔或墨水笔渲染出来的手绘图会给人一种温暖、和谐的感觉 |
对初学者的建议 | 1. 了解可视化设计的发展过程 2. 注意编辑环节(如果客观事实在理解重要参数的环节中并非不可或缺,便可弃之不用,因为减法胜于加法。) |
案例 | 法制系统 城市老龄化 台风监测 香港家庭开销 经济增长率 |