盘点信息可视化趋势

标签: 视觉设计 创意 | 发表时间:2013-02-01 12:00 | 作者:CDCer
出处:http://cdc.tencent.com

  在互联网行业,信息可视化这个词语应该不陌生了。~~近几年,人们把一些繁琐的信息通过可视化的图表视觉化展现出来的例子,涌现的越来越多!

  下面我们来系统的说说这个话题~

信息可视化

  信息可视化(Information visualization)是一个跨学科领域,旨在研究大规模非数值型信息资源的视觉呈现,如软件系统之中众多的文件或者一行行的程序代码,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据。与科学可视化相比,信息可视化则侧重于抽象数据集,如非结构化文本或者高维空间当中的点(这些点并不具有固有的二维或三维几何结构)。信息可视化囊括了数据可视化、信息图形、知识可视化、科学可视化以及视觉设计方面的所有发展与进步。在这种层次上,如果加以充分适当的组织整理,任何事物都是一类信息:表格、图形、地图,甚至包括文本在内,无论其是静态的还是动态的,都将为我们提供某种方式或手段,从而让我们能够洞察其中的究竟,找出问题的答案,发现形形色色的关系,或许还能让我们理解在其他形式的情况下不易发觉的事情。不过,如今在科学技术研究领域,信息可视化这条术语则一般适用于大规模非数字型信息资源的可视化表达。信息可视化致力于创建那些以直观方式传达抽象信息的手段和方法。可视化的表达形式与交互技术则是利用人类眼睛通往心灵深处的广阔宽带优势势,使得用户能够目睹、探索以至立即理解大量的信息。

  专业的词语不说那么多了,我们来看些例子,可以更加实际的 清晰的了解信息可视化这一概念。

 

Value

  价值,这个关键词!顾名思义,信息量对于用户和企业主来说无一不是至关重要的数据。

  把繁琐且令人头疼的数据、 图表信息设计转化成有意思的可视化信息,正是一种价值的体现。下面我们从几个关键词来展示信息可视化设计后的图表,使其价值得到提升,从而产生突飞猛进的质的变化。

 

A.Accuracy  准确性

  准确性在设计infographic是要绝对准确和精确的。这是很容易犯错误地方,当你想扩展您的数据,图表和图形。使用不同尺寸和形状的数据可视化,但不要过度。你随手的去绘制形状,因为没有一个准确的基本尺度。最好使用数学公式,有依据的数字,然后在图形中使用相同的比例。例如媒体在这个信息图表中,我们可以看到完美的比例。他们使用比例半圆,比较商品在商店购买的商品在网上购买的。利用圆的半径比的理想匹配的数字之比来诠释人们真正在线想购买的是哪些东西?包括用颜色和肌理的不同来区分的百分比数据,传递精准的数据可视化。  01

 

B.Creativity 创新性

  创造力匠心与设计是分开从简单的图表中体现出来的。在你的信息图表中,你想要表达你自己,还有它包含的信息,同时还要牢记这个海报。不要害怕使用排版,插图,图标或其他设计元素,一点点的创意和大胆的设计,让您的信息图表脱颖而出。这是我们花了很长时间要从android、苹果、WP、黑莓、bab等移动操作系统平台中找到一个胜利者。这些巨头只能锁定一个胜利者,它最终通杀所有的对手,所有的这些都包含一个生态系统之中,谁占据这最大的销售额,谁拥有着下载最多的APP商店?希望你可以从这张表中得到一些答案 visionmobile 谁是每一个平台的关键角色,也告知了他们的优势和劣势。很霸气创意的海报展示,既展示了信息也充满了创新感。把这些关键性元素都做成了MAP 形式好像游戏进程通关关卡一般,非常有意思的诠释了信息。

02

  虽然有大量的制造商导致的激烈的市场竞争,但还有着很多的问题需要回答:谁占据这最大的销售额,谁拥有着下载最多的APP商店?
  如果一个操作系统获得了垄断性的市场份额,它便可以控制市场。如果它控制了市场,它需要更大的开发支持。需要开发更多更好的应用和软件,只有这样才能带来更多的用户,这也意味着更多的收入。希望你可以从这张表中得到一些答案。

03

 

C.Inspiration 灵感

  04

  面对灵感这个词,其实它很微妙和神奇。灵感是在不寻常间使精神互相沟通,用知觉感知情绪或景物而触动的某种认识和创作情感。同理在设计输出的时候,灵感也是非常重要的,这张Infographics就是很好的展现的灵感的所在。这是2008年F10法拉利四驱车比赛的一个信息图标图,有选手的分布特征,还有四驱车的性能解析,国家的占比量。用一个很突出的速度感的法拉利四驱车形态来展示信息,给人一种很强的视觉冲击和主题性很浓郁。

 

D.Relevance 关联性

   关联性,时下老外们喜欢针对一些信息图表的跟踪设计,是为了让大家更方便的查找到适合自己的信息图表的风格和外观。如果您要创建一个信息图表有关的且重要而敏感的问题,需要选择适当的设计反映恰当的主题是最好的。这是一个很好的例子,他们做了一个挣扎在世界上边缘的国家,所以包括了世界地图,以及一些说明性的图标和主题的插图,反映的各个国家属性的信息图表。每一个元素间的关联性非常之强,就像生态链一样环环相扣紧密联系。  05

 

E.Succinctness 简洁的

  简洁这个关键词,其实就是需要把一些繁琐复杂很难以理解的数据转化成一些简单易懂的数据表现形式。当创建一个信息图表你的主要目标是回答一个具体的问题的时候,图表数据要覆盖您的图形,并开始通过它简洁地回答问题。当你这样做的同时,你可以添加额外的事实或资料,使您的图形更广泛。简洁的回答你的话题,也将有助于创建一个更有效的可视化的图形。

06

 

F.Visualization 可视化

  您不希望您的信息图表只是纯文本。纯文本数据是枯燥的,有时很难理解。使用几何形状,图表等元素,都可以帮助数据的可视化。如果可能的话,最好更换一些繁琐枯燥无聊的图标或符号。当然,你必须保持信息的前沿和中心,因为这是在有“信息”的信息图表之中。然而,请记住,现在人们有很多更直观的技术方法,来清楚地介绍人们不感兴趣的话题。这个由Rackscape的infographic的可视化信息图表是一个突出的例子。他们已经创建了一个约字节,这可能看起来很无聊,但他们已经成功地使其非常愉快和有趣的图形化了。每条信息都是伴随着一个大型彩色插图,这样的信息图表是很容易理解的。

07

  再配上诙谐幽默的人物表情,可以把一些无聊没人关注的话题数据变的很有意思(包括一下繁琐的代码),这也是信息情景化的一种。

08

  看了几个范畴的关键词,几个不同关键词的领悟。对信息可视化这个概念有所了解了吧!在我们的日常工作生活中,很多的领域都可以运用到这个形式。色彩清晰和有趣的展示,可以帮助我们达到意想不到的效果。这个例子就是利用色块区域的划分和时间轴的进程来展示数据信息的。

09

  色彩的对比,色块的区分,简单而有效的把信息诠释出来。

  最后给大家看一个,展示的很有意思的手绘动态展示数据趋势图~有的时候加一些GIF动态图也会让这个设计变得更别出心裁一点:

         这个信息图表采用很随意诙谐的手绘彩笔的形式来表达互联网行业讨论项目的交互流水线框图,把一些复杂的流程变成了可爱出彩的可视化流线图。感觉很有意思的传递了原本枯燥的信息。使得整个变的很有爱,为每一个元素符号赋予了情感化在里面,让阅读者没有那么的枯燥,反而更加愉悦的阅读完了所有信息。

10 (2)

 

 

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=6966)

相关 [盘点 信息 可视化] 推荐:

盘点信息可视化趋势

- - 腾讯CDC
  在互联网行业,信息可视化这个词语应该不陌生了. ~~近几年,人们把一些繁琐的信息通过可视化的图表视觉化展现出来的例子,涌现的越来越多.   下面我们来系统的说说这个话题~.   信息可视化(Information visualization)是一个跨学科领域,旨在研究大规模非数值型信息资源的视觉呈现,如软件系统之中众多的文件或者一行行的程序代码,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据.

信息可视化(视觉化) 设计

- 虫虫 - 图研所-infographics-图表设计-信息图表-信息设计-信息视觉化专业网站
信息可视化(视觉化)是用一种人脑容易识别的形式,通过图形化的手段来传达知识、建议或者强制性的命令. 下面这张图为你剖析一下信息可视化. David McCandless的新作,还是用金字塔形讨论数据到信息到知识再到智慧的整个视觉认知体系http://www.informationisbeautiful.net/2010/data-information-knowledge-wisdom/.

信息可视化研究范畴及案例

- - 腾讯CDC
  最近在研究“信息可视化”,因此首先需要定义研究范畴.   信息可视化的定义之前有同事研究过,本文只简单摘录wiki的定义:.   信息可视化(英文:Information visualization)是一个跨学科领域,旨在研究大规模非数值型信息资源的视觉呈现,如软件系统之中众多的文件或者一行行的程序代码,以及利用图形图像方面的技术与方法,帮助人们理解和分析数据.

图解的艺术――信息可视化运用

- - 互联网的一些事-关注互联网产品管理,交流产品设计、用户体验心得
  图解的艺术——信息可视化运用 信息爆炸的今天人们身边挤满着各类数据,可视化的方式能在这堆容易被忽视的繁杂数据油田里挖掘出故事告诉大家. 信息可视化,最早源于数据可视化,也就是我们熟悉的那些饼图、直方图、散点图、柱状图等最原始的统计图表. 这里不细讲历史理论和纠结专业术语,再此贴一篇来自UCDchina关于信息可视化的介绍博文,有兴趣理清概念的可浏览.

[原]为何需要可视化: 信息到智慧的升华

- - zuoninger的专栏
掌握的专业知识越多,需要学习的也越多,我承认自己懂得的还远远不够……当你坦诚自己还不懂时,才更迫切地想问为什么,才能更好地学习. ——Richard Sual Wuraman,《渴望知识2》(Information Anxiety 2). 最近有人问我,拥有怎样的特性才能更好地投身于可视化与信息图表这种事业.

Google向所有用户开放可视化信息图形工具Infographics

- Wellming - 译言-电脑/网络/数码科技
来源Google Opens Up Infographic Tools for Everyone's Use | CoDesign.                   美国失业率气泡图.   Google向所有用户开放信息图形工具Infographics.   从现在开始,你可以利用Google的公共信息资源管理系统绘制你的任何数据了,谷歌“动画气泡图”,飞入寻常百姓家.

信息可视化又一案例,用 Perltrees 组织网络收藏夹

- lichzy - 爱范儿 · Beats of Bits
网络浏览中,看见好文章就会顺手收藏到网络收藏夹里,变成一个书签. 书签解决了网络浏览中信息储存的问题,然而,当里面书签堆积过多,我们只能看到一堆列表,想找出相关的书签就开始变得不容易. Perltrees 是一个网络书签收藏服务,与其它书签收藏服务不一样的是,它用图形化的方式来展示我们收藏的书签,把每个书签当作一个节点,把整个收藏夹变为一个思维导图,来解决书签收藏中信息组织和展示的问题.

Facebook发布新版News feed(信息流):改进可视化内容

- - 互联网的那点事
Facebook周四发布了以重新设计后的最新News Feed(信息流)功能,这是该公司到目前为止对这项功能做出的最重要的改动. Facebook对News Feed功能作出改动旨在保持用户的活跃性和互动性,同时也是为了吸引广告主. 目前,Facebook正在与谷歌争夺互联网市场份额. 无论是桌面版还是移动版,新的News Feed看起来都与以前类似,Facebook称其希望保持一致性,不会让用户感到陌生,或是从一个平台转到另一个平台时找不到相应功能.

高效信息安全团队常用的八种数据可视化方法

- - IT经理网
大数据时代大数据本身的安全成为一个新的安全挑战,但与此同时大数据技术也为信息安全技术的发展起到极大推动作用,例如数据可视化技术和方法的引入可以大大提高信息安全的预防、侦测和事件响应等环节的效率. 俗话说一图抵万言,本文我们将介绍高效信息安全团队常用的八种数据可视化方法. 一、层级树状图(Hierarchical Tree Map).

搞懂数据可视化的五虎将,做热门信息图!

- - 人人都是产品经理
【Martin导读】数据可视化(Data Visualization)技术指的是运用计算机图形学和图像处理技术,将数据换为图形或图像在屏幕上显示出来,并进行交互处理的理论、方法和技术. 通过数据可视化技术输出的图象通常具有交互性、多维性、可视性的特点,能清晰有效地传达与沟通信息. 本文从面积&尺寸、颜色、图形、地域空间、概念五个方向阐述了数据可视化的要点和心得,值得认真品读.