恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
10条信息图设计准则
0.0°
2014-08-04 自译外文 经验/观点 原作者: Josh Smith 举报 34383 154 61 4

HYPERAKT的Josh Smith将带领我们了解,如何将数据转换为牛逼的视觉图形的“艰辛”之路。

 

信息是非常有用的,甚至是好看的,不过仅在被展示(经过设计)的时候。如今是一个信息超载的时代,能在繁杂的信息中够脱颖而出,这是信息图设计为什么会流行起来的原因之一。信息图是用简单的方式去呈现复杂数据的视觉设计。但他们是如何设计出来的?从设计过程中又能学到什么?作为信息图设计师还需要从中知道些什么?

 

在过去的十年间,Hyperakt公司专门从事此类设计,并发现了此类设计的方法。以下就是他们呕心沥血总结出的十个步骤:

 

1.      收集数据

筛选众多的数据是一切的开始。开始几乎是从Excel表格、PDF文档和其他资源的链接中获得未加工的混乱的数据。虽然有时也会有(略微坑爹的)指向性—“我们想比较12页和65页的表格”—可以此为线索开始设(po)计(an)。但这些也能够帮助我们有更多的灵感去收集更多新的资源。一个完整的图片故事(信息图)通常一开始信息是分散在多个资料里的,而不仅仅只限制于一个表格中。

 

2.      阅读所有的资料

当你倾向于只关注那些突出显示的部分,而忽略了其他部分,这种缩减,很容易导致在后面的工作中浪费更多的时间。在整个系统的研究中,单一信息会(让你)走上弯路。无论是你的客户在这当中认识到了,还是你的读者指出哪怕一次,这个项目都是失败的。没有什么比你在一个项目中努力工作,但最后却亲眼看到它因为没有融会贯通的思路而被指责的感觉更糟了。信息图设计师是擅长抓住数据要点的设计者,确保没有重要的信息被遗漏,并且确保整个信息图的真实性。

 

3.      找故事(叙事手法)

现在开始,无聊的资料将会变成无聊的信息图,除非你能编一个好的故事(才能让其变得有趣)。信息图的设计都具有独一无二的含义。他可能是一组复杂的数据说明,或者解释一个过程,或者强调趋势,亦或者支持某种观点。找到合适的故事(叙事的手法)是第一关boss。现在数据是你所熟悉的,能否找到一个故事来套用手头上的这些信息?对这个主题感兴趣吗?这是一个令人信服的值得讲述的故事吗?

4.      确定认识问题

当一个充满数据的故事雏形渐渐从你手中展现,是时候停止检查一下。在许多情况下,数据并不能支持客户想要描述和表达的故事。以下便是经常会发生的略显棘手的讨论。有时客户会希望设计师运用仅有的事实,歪曲数据,或直接绕过这个障碍来使(信息图)看起来不错。但很快就发现这条路显而易见是行不通的。数据是不会说谎的,而优质的客户也并不想公然的误导(读者)。那么下一步就只有通过协同合作的方式共同来打造这个故事和数据。在研究了几天的主题后,设计师有价值的发掘出更多符合的故事(叙事的手法),并展示出来。当然,回到客户最初的想法可能是令人沮丧的。在更多的主观的情况下(颜色,排版,等),也使设计师更难赢得战争,但也正是在这些情况下,设计者对数据的小心谨慎—这点却有目共睹,被常常称赞。

 

信息中的真理需要经验去发现。争论中有一种方法是用数据取胜,不管这个争论主题是真是假。举个栗子,驾驶红色车子的人比驾驶蓝色车子的人出事故的概率多出2倍。这句话可能(错误的)暗示你车子的颜色在某种程度上能够导致事故。但真实的原因能在隐藏的关系中被找到,我们称为变化因素(如果实验者不对某些因素进行控制,那么在解释不同实验条件下被试的行为因变量的差异时,起作用的不是自变量而是另外一些因素。)有攻击偏向性的人比较偏向喜欢红色。是这种攻击的反应,而不是车的颜色,才是影响车祸发生率的不为人知的原因。

 

5.      创建层次结构

在几乎所有的研究中,都有“一个主角”在引领这个故事。这个数据片(主线)会让你目瞪口呆的。一旦你找到它,它是让你的项目变的有条理的一种方式,并且能够在你的图表中稳固你的层次结构。在这些原理的支持下再来说后面的故事。这些数据会变成情绪板来作为研究的重点。(情绪版是指经由对使用对象与产品认知的色彩,影像,数字资产或其它材料的收集,可以引起某些情绪反应,作为设计方向与形式的参考。设计师运用它来检视色彩,样式,并据以说服其它人之所以如此设计的理由。)。直至这个阶段,图的最终样子才将开始显现。

 

6.      建立线框

一旦数据被梳理,选择了最有趣的真相(数据)并且确定了结构层次,线框图就出现啦。在此基础上,设计师通过视觉表现让重要的信息能够一目了然,并且把结构层次发送给客户做审查。这不是最终的设计,但能通过讨论,将剩下的部分在框架中达成一致进行下去。

 

7.      选择设计版式

有无数的方法可以传达信息。最好的方法,可能是结合传统的图形和图表(条,线,饼图)、可能需要一个示意图或流程图来解释、地图也许也是最好讲述故事的方法、或者简单的数字展示也会很好。如果时间允许或者数据需要它,交互互动是有意义的并且能敲开数据可视化的大门。但不管怎么样,这些都是由数据决定的。或许这些将适用于其中一个或组合的设计版式。

 

8.      决定一种可视化的方法

有2种首要的视觉方法来确定外观和检查图表。其中之一个阵营,是喜欢把原始的数据做的好看。(David McCandless, NicholasFelton为首的支持这一观点的人)。在他们的推动实施下,通常通过图表的形式,做出令人感觉吊炸天的视觉效果。他们通过颜色,字体,把块与块连接起来,像一件抽象的艺术作品。第二个阵营的(Peter Orntoft, Scott Stowell为首), 喜欢用插图或者隐喻。这个阵营中,数据被伪装,通过视觉向观众传达几乎毫无相似之处的图表或图形

 

在Hyperakt,我们不依赖任何一个阵营(策略)。我们自己创造了一个混合的阵营:插图元素包围图表和图形,或者在纯粹的视觉上运用惯例的方式表达数据。有价值(可用)的信息,媒介,客户品牌,和主题等等决定了最终的解决方案。

9.    细化和测试

当有了图表形态和视觉形态,就开始进入改进阶段了。无论是在数据还是视觉叙事中,客户都会参与其中,以确保最终的成品与他们的品牌和意图相一致。在内部,我们整个工作室都在测试确保易读性和理解性,尤其关注那些从来没见过这些数据的人。我们评估设计和重复(以上行为)直到它尽可能的明了和简单。在客户和我们内部团队之间来回直到每个人都觉得交出的信息图样式是最好的才会结束。

 

10.  发布

大多数信息图是在线分享——甚至被印成图片,以某种方式在网上出现。这对你的工作(成功与否)立见分晓。数据的挑战性在于,在阅读的过程中不同的读者会有不同的理解。所有的事实核查和专业知识的联想都不意味着你能发现任何方面所衍生出来的故事。所以即使你的东西已经被过稿,在线讨论还是能够以另外的角度扩大(或否决)你的论点。这种集体审查通常意味着这个项目没有真正意义上完结的那天。修改会发生在当新数据(信息)出现的时候。虽然你的项目在这个过程中是“担惊受怕”的,但这也是它非常值得的原因所在。一个备受关注的设计才能激起看客的心

 

信息图设计师不是普通人。虽然吃力辛苦复杂,但他们还是觉得自己萌萌哒。

开始了解一个信息图设计师和准备了解如下的奇葩事实:

2011年最chillwaver(通常是指大量使用合成声校,并且不断的循环音效,做成一种比一般电子舞曲更轻更飘逸更连绵不绝的一种音乐)的乐队是谁?是因为开车才会变胖?美国五大整形手术是哪些?他们甚至可能揭露一个变态的数据:例如在民间故事中鹳(guan)和小孩之间的因果关系(白鹳在欧洲是好运的象征,它们被认为是送子鸟)。数据显示如果一个小镇有更多的鹳,那么就会有更多的孩子诞生在那个地方。不过土地面积却是影藏的变量:更大的小镇,拥有更多的孩子,和,当然,更多的鹳也居住在那里。

 

以上就是这篇文章的全部内容,谢谢各位看客的观摩,译者翻完觉得自己瞬间萌萌哒。

 

更新:2014-08-04

收藏

154人已收藏

YukiChii

頑張ります!

  • 4

    作品

  • 63

    粉丝

  • 7

    关注

  • 移动应用中侧边导航设计欣赏
  • 从苹果学到的图标设计6要素
  • 返回按钮的取代方式
相关标签
信息图

    猜你喜欢

      2014-08-04 自译外文 经验/观点 原作者: Josh Smith 举报 34383 154 61 4

      10条信息图设计准则

      0.0°

      你确定要举报10条信息图设计准则

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2014年08月04日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      61
      154
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录