童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

10条信息图设计准则

1月13日 望北海投稿
  HYPERAKT的JoshSmith将带领我们了解,如何将数据转换为牛逼的视觉图形的“艰辛”之路。
  
  信息是非常有用的,甚至是好看的,不过仅在被展示(经过设计)的时候。如今是一个信息超载的时代,能在繁杂的信息中够脱颖而出,这是信息图设计为什么会流行起来的原因之一。信息图是用简单的方式去呈现复杂数据的视觉设计。但他们是如何设计出来的?从设计过程中又能学到什么?作为信息图设计师还需要从中知道些什么?
  
  在过去的十年间,Hyperakt公司专门从事此类设计,并发现了此类设计的方法。以下就是他们呕心沥血总结出的十个步骤:
  
  1。收集数据
  筛选众多的数据是一切的开始。开始几乎是从Excel表格、PDF文档和其他资源的链接中获得未加工的混乱的数据。虽然有时也会有(略微坑爹的)指向性“我们想比较12页和65页的表格”可以此为线索开始设(po)计(an)。但这些也能够帮助我们有更多的灵感去收集更多新的资源。一个完整的图片故事(信息图)通常一开始信息是分散在多个资料里的,而不仅仅只限制于一个表格中。
  
  2。阅读所有的资料
  当你倾向于只关注那些突出显示的部分,而忽略了其他部分,这种缩减,很容易导致在后面的工作中浪费更多的时间。在整个系统的研究中,单一信息会(让你)走上弯路。无论是你的客户在这当中认识到了,还是你的读者指出哪怕一次,这个项目都是失败的。没有什么比你在一个项目中努力工作,但最后却亲眼看到它因为没有融会贯通的思路而被指责的感觉更糟了。信息图设计师是擅长抓住数据要点的设计者,确保没有重要的信息被遗漏,并且确保整个信息图的真实性。
  
  3。找故事(叙事手法)
  现在开始,无聊的资料将会变成无聊的信息图,除非你能编一个好的故事(才能让其变得有趣)。信息图的设计都具有独一无二的含义。他可能是一组复杂的数据说明,或者解释一个过程,或者强调趋势,亦或者支持某种观点。找到合适的故事(叙事的手法)是第一关boss。现在数据是你所熟悉的,能否找到一个故事来套用手头上的这些信息?对这个主题感兴趣吗?这是一个令人信服的值得讲述的故事吗?
  4。确定认识问题
  当一个充满数据的故事雏形渐渐从你手中展现,是时候停止检查一下。在许多情况下,数据并不能支持客户想要描述和表达的故事。以下便是经常会发生的略显棘手的讨论。有时客户会希望设计师运用仅有的事实,歪曲数据,或直接绕过这个障碍来使(信息图)看起来不错。但很快就发现这条路显而易见是行不通的。数据是不会说谎的,而优质的客户也并不想公然的误导(读者)。那么下一步就只有通过协同合作的方式共同来打造这个故事和数据。在研究了几天的主题后,设计师有价值的发掘出更多符合的故事(叙事的手法),并展示出来。当然,回到客户最初的想法可能是令人沮丧的。在更多的主观的情况下(颜色,排版,等),也使设计师更难赢得战争,但也正是在这些情况下,设计者对数据的小心谨慎这点却有目共睹,被常常称赞。
  
  信息中的真理需要经验去发现。争论中有一种方法是用数据取胜,不管这个争论主题是真是假。举个栗子,驾驶红色车子的人比驾驶蓝色车子的人出事故的概率多出2倍。这句话可能(错误的)暗示你车子的颜色在某种程度上能够导致事故。但真实的原因能在隐藏的关系中被找到,我们称为变化因素(如果实验者不对某些因素进行控制,那么在解释不同实验条件下被试的行为因变量的差异时,起作用的不是自变量而是另外一些因素。)有攻击偏向性的人比较偏向喜欢红色。是这种攻击的反应,而不是车的颜色,才是影响车祸发生率的不为人知的原因。
  
  5。创建层次结构
  在几乎所有的研究中,都有“一个主角”在引领这个故事。这个数据片(主线)会让你目瞪口呆的。一旦你找到它,它是让你的项目变的有条理的一种方式,并且能够在你的图表中稳固你的层次结构。在这些原理的支持下再来说后面的故事。这些数据会变成情绪板来作为研究的重点。(情绪版是指经由对使用对象与产品认知的色彩,影像,数字资产或其它材料的收集,可以引起某些情绪反应,作为设计方向与形式的参考。设计师运用它来检视色彩,样式,并据以说服其它人之所以如此设计的理由。)。直至这个阶段,图的最终样子才将开始显现。
  
  6。建立线框
  一旦数据被梳理,选择了最有趣的真相(数据)并且确定了结构层次,线框图就出现啦。在此基础上,设计师通过视觉表现让重要的信息能够一目了然,并且把结构层次发送给客户做审查。这不是最终的设计,但能通过讨论,将剩下的部分在框架中达成一致进行下去。
  
  7。选择设计版式
  有无数的方法可以传达信息。最好的方法,可能是结合传统的图形和图表(条,线,饼图)、可能需要一个示意图或流程图来解释、地图也许也是最好讲述故事的方法、或者简单的数字展示也会很好。如果时间允许或者数据需要它,交互互动是有意义的并且能敲开数据可视化的大门。但不管怎么样,这些都是由数据决定的。或许这些将适用于其中一个或组合的设计版式。
  
  8。决定一种可视化的方法
  有2种首要的视觉方法来确定外观和检查图表。其中之一个阵营,是喜欢把原始的数据做的好看。(DavidMcCandless,NicholasFelton为首的支持这一观点的人)。在他们的推动实施下,通常通过图表的形式,做出令人感觉吊炸天的视觉效果。他们通过颜色,字体,把块与块连接起来,像一件抽象的艺术作品。第二个阵营的(PeterOrntoft,ScottStowell为首),喜欢用插图或者隐喻。这个阵营中,数据被伪装,通过视觉向观众传达几乎毫无相似之处的图表或图形
  
  在Hyperakt,我们不依赖任何一个阵营(策略)。我们自己创造了一个混合的阵营:插图元素包围图表和图形,或者在纯粹的视觉上运用惯例的方式表达数据。有价值(可用)的信息,媒介,客户品牌,和主题等等决定了最终的解决方案。
  9。细化和测试
  当有了图表形态和视觉形态,就开始进入改进阶段了。无论是在数据还是视觉叙事中,客户都会参与其中,以确保最终的成品与他们的品牌和意图相一致。在内部,我们整个工作室都在测试确保易读性和理解性,尤其关注那些从来没见过这些数据的人。我们评估设计和重复(以上行为)直到它尽可能的明了和简单。在客户和我们内部团队之间来回直到每个人都觉得交出的信息图样式是最好的才会结束。
  
  10。发布
  大多数信息图是在线分享甚至被印成图片,以某种方式在网上出现。这对你的工作(成功与否)立见分晓。数据的挑战性在于,在阅读的过程中不同的读者会有不同的理解。所有的事实核查和专业知识的联想都不意味着你能发现任何方面所衍生出来的故事。所以即使你的东西已经被过稿,在线讨论还是能够以另外的角度扩大(或否决)你的论点。这种集体审查通常意味着这个项目没有真正意义上完结的那天。修改会发生在当新数据(信息)出现的时候。虽然你的项目在这个过程中是“担惊受怕”的,但这也是它非常值得的原因所在。一个备受关注的设计才能激起看客的心
  
  信息图设计师不是普通人。虽然吃力辛苦复杂,但他们还是觉得自己萌萌哒。
  开始了解一个信息图设计师和准备了解如下的奇葩事实:
  2011年最chillwaver(通常是指大量使用合成声校,并且不断的循环音效,做成一种比一般电子舞曲更轻更飘逸更连绵不绝的一种音乐)的乐队是谁?是因为开车才会变胖?美国五大整形手术是哪些?他们甚至可能揭露一个变态的数据:例如在民间故事中鹳(guan)和小孩之间的因果关系(白鹳在欧洲是好运的象征,它们被认为是送子鸟)。数据显示如果一个小镇有更多的鹳,那么就会有更多的孩子诞生在那个地方。不过土地面积却是影藏的变量:更大的小镇,拥有更多的孩子,和,当然,更多的鹳也居住在那里。
投诉 评论 转载

手机上的兴趣社交:三种玩法,十个案例中国文化中一直不乏以酒为媒以诗会友的佳话。到了今天,这种以“兴趣”为结点的社交更是在互联网的帮助下演绎得风生水起。传统网络社交(如Facebook)是基于”IknowU“……别问用户想要什么!用户访谈的3个基本问题用户调研的首要原则:千万别直接问用户他们想要什么ErikaHall,justenoughresearch我喜欢做用户访谈,它们低廉、有效(你得到的信息会多于你问的问题)、……专为设计师而写的GitHub快速入门教程在互联网行业工作的想必都多多少少听说过GitHub的大名,除了是最大的开源项目托管平台,许多企业也都是用GitHub来协同开发工作,当然我们彩程也是其中之一。笔者最初决定学习G……设计完美极简风网站的六个步骤在刚刚过去的几年里,涌现的许多网页设计趋势正在逐渐成为主流,引领我们走向未来。其中,极简主义网页设计正式其中之一。极简设计风格不会随着时间褪色,随着现代主义运动至今,它一直活跃……移动产品的广告形式浅析移动互联网时代也全面到来,如何利用广告这一传统的主流盈利模式,让移动apps的巨大流量得以变现,产生更多的商业价值,越来越值得研究。我们《移动广告研究》课题组已对各类的移动应用……有哪些让你蛋碎了一地的产品体验和细节?知乎上有人就此问题进行了提问,小编整理了一些比较给力的符合PM胃口的答案:【单调喊数知乎的回答(918票)】:知乎日报和知乎居然不是一个帐号体系,知乎日报和知乎收藏……“豆瓣(内测)”移动客户端使用体验及建议今天打开豆瓣,看到有豆邮,点开发现是邀请我内测“豆瓣”移动客户端。之前在广播里还看到有人想要这个邀请呢,没想到随机选中我了,很开心,下载安卓版体验了一下。(文中豆瓣是指豆……10个技巧,让你的照片瞬间变高大上如果你经常逛灵感集网站,比如Awwwards,你会发现很多很棒的网站都有共同的特性有档次的背景图。如果你拥有的图片比较小或者数量较少,你依然可以创造出惊人的视觉冲击感。只需要使……10条信息图设计准则HYPERAKT的JoshSmith将带领我们了解,如何将数据转换为牛逼的视觉图形的“艰辛”之路。信息是非常有用的,甚至是好看的,不过仅在被展示(经过设计……设计即体验我(英文原文作者)最近做了不少演讲,关于设计、创意、UX、UI、交互等等,其中很多次是在国际化的活动当中。我逐渐发现不同地方的人们对于“设计”的理解程度真是不一样,例如在克罗地……小米雷军:终于彻底明白了互联网思维(疯传)!课前秀:三个段子第一个段子:一个毫无餐饮行业经验的人开了一家餐馆,仅两个月时间,就实现了所在商场餐厅坪效第一名;VC投资6000万,估值4亿元人民币,这家餐厅是雕爷……谷歌设计师的MaterialDesign实践心得上周,我们宣布了GoogleIO2014APP源代码已经发布,诸位感兴趣的话,可以去Github看看我们是怎样在这个App中实现MaterialDesign的功能和设计细节。在……
互联网产品的灰度发布产品评审那点事去当爹,去做产品经理设计让人类退步,建议取消设计部?搜索引擎搜索结果页色彩对比研究用javascript悬停效果改善你的在线商店的12种方法生活中的产品设计《牛奶可乐经济学》摘抄聊聊图标的信息传达浅谈设计的一致性与用户需求百度贴吧优化分析、设计全解析中国4亿网民中有3亿是Q民请重构你的产品易车网用户体验部群聊之用户研究

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界