你的眼睛喜欢看什么？

　　引言

　　每一天从咱们睁眼开始，咱们就开始不断地接收着这个世界传递给咱们的各类信息，海量的信息不断地充斥着咱们的眼球、大脑。如此庞大的信息库，咱们平时都在看什么呢?不知道各位有没有这样的经历，走在大街上，你最容易被什么样的人群所吸引呢?毋庸置疑，必然是精心打扮的女生!

 

　　接下来咱们来看个“栗子”，逛超市的时候，尽是商品的货架上，如图 互联网的一些事

　　你会关注哪一个商品呢?我相信，咱们的大脑永远在选择最简单、最直接的、最特别的呈现形式的事物，由于这些信息不须要通过大脑的转换，够直观!不知道各位，小时候有没有看过寓言故事类型的连环画，那些可爱的卡通人物，场景，彻底直观地活灵活现地展现了一个个场景在眼前，咱们彻底沉醉于其中，这都说明，人的大脑喜欢直接的信息传递。

 

　　今天的咱们生存在一个大数据的时代，密密麻麻的数字，庞大的数据库，充斥了咱们的大脑，请问各位还会有兴趣去挖掘这些数据里潜在的秘密吗?我猜应该没有吧!你们的时间太宝贵了，因而有了数据可视化，数据可视化的使命跟职责就是让咱们能从可视化的图标里看到数据的关系，本质，趋势。

 

　　数据可视化就是经过可视化手段将枯燥的数据图形化，直观化展现给用户。

 

　　明白了数据可视化的使命，让咱们来看看当前业界的可视化平台都是如何树立本身品牌形象且抓住用户去使用这个平台的呢?

 

　　1.“数据可视化”交互布局

 

　　首页——上下结构布局

　　经过目前线上比较知名的国内外数据分析平台首页设计，不难发现，其首页的架构分为上下布局，更多的是经过Banner图来展现本身的特性，其次再经过一个个案例来进行事例说明，或者摆出各类合做伙伴Logo来提高自我品牌形象。首页的轮播Banner图一般起到的做用是介绍该平台的数据分析的特色，一般经过这几个方面来展现Banner图，数据的呈现的速度、数据容量、用户体验、服务品质、分析的维度、多种自定义设置配置——人性化设置，其次首页也不可缺乏的就是“新手指引”。

　　内页——结构布局

　　根据多个案例分析，视觉可视化的交互基本分为两类： 互联网的一些事

　　下图属于信息层级关系很明确，不是直观展现数据，缺点：数据隐藏很深，很难让用户产生兴趣继续查看;优势：可承载数据量大。 互联网的一些事

　　下图属于信息扁平化呈现，数据展现直观，缺点：承载数据量少;优势：数据展现直观，用户容易在查看的过程当中挖掘本身的兴趣点。 yixieshi.com

　　2.“数据可视化”设计元素

　　认知心理学和图形设计

　　信息可视化的两大基础是认知心理学和图形设计，认知心理学是理论基础，图形设计是实践操做。可视化不只仅是视觉上的，该领域的研究人员也尝试着将听觉、嗅觉和触觉融合进去(好比针对残障人士的设计)。在《信息可视化的基本过程和与主要研究领域》一文中，做者将视觉上的可视化变量分为 7 种：位置、形状、大小、方向、色彩、纹理、灰度，有时候也会将色彩分为色相、亮度和饱和度。基本上全部的信息可视化应用都是一个或多个变量的组合。不一样的视觉变量在呈现数据各有优劣(从认知角度)，以下表所示：

 

　　——文案内容摘自百度百科知道

 

　　数据可视化——呈现形式 互联网的一些事

　　一般目前数据可视化的表现形式，咱们最熟悉的有饼图、直方图、散点图、柱状图，而这些都是最原始的统计图表。

 

　　饼状图

　　用圆内各个扇形的大小表示各部份量占总量的百分之几

 

　　直方图

 

　　将一个变量的不一样等级的相对频数用矩形块标绘的图表(每一矩形的面积对应于频数)

 

　　柱状图

　　是一种以长方形的长度为变量的表达图形的统计报告图，由一系列高度不等的纵向条纹表示数据分布的状况，用来比较两个或以上的价值(不一样时间或者不一样条件)，只有一个变量，一般利用于较小的数据集分析

 

　　散点图

　　用两组数据构成多个坐标点，考察坐标点的分布，判断两变量之间是否存在某种关联或总结坐标点的分布模式

 

　　数据可视化——呈现方法

 

　　a. 将指标值图形化 互联网的一些事

　　一个指标就是一个数据，将数据的大小以图形的方式呈现。好比用柱状图的长度或高度表现数据大小。

 

　　b. 将指标图形化 yixieshi.com

　　通常用与指标含义相近的ICON来表现

 

　　c. 将指标关系图形化 yixieshi.com

　　当存在多个指标时，挖掘指标之间的关系，并将其图形化表达，可提高图表的可视化深度。

 

　　借助已有的场景来表现 互联网的一些事

　　联想天然界或者社会现象里有无与指标关系相似的，而后借助此场景来表现数据。好比下图，是统计全球使用操做系统分布图，首先分为windows、mac还有其余操做系统，windows又包含XP、2003等多种子系统。

 

　　构建场景来表现

 

　　指标之间每每具备一些关联特征，如从简单到复杂，从低级到高级，从前到后等，如没法找到相对应的场景，也能够本身构建。支付宝新出的我的年度帐单中，在描述付款最多的三项时，构建了一个领奖台的形式：

 

　　d. 将时间和空间可视化

　　时间：经过时间的维度来查看指标值的变化状况，通常经过增长时间轴的形式，地图做为主要背景呈现全部信息点

 

　　空间：当图表存在地域信息而且须要突出的表现的时候，可用地图将空间可视化，地图做为主背景呈现全部信息点

　　e. 将数据进行概念转换

　　所谓的数据概念转换，即咱们生活中喝水的时候一般只会说喝一杯水，但不会说喝30ML的水，一个确实的数据展现，咱们是难以感知的，可是用一个杯子来概念转换，咱们很容易感知到其大小。

　　若是只看左半部分中国烟民的数量：32000000，知道数据量级很大，但具体有多大却很难感知;直到看到右半部分：中国烟民数量超过了美国人口总和，这样一对比，对数据的感知就加深了。

 

　　f. 让“图表”动起来

 

　　数据图形化完成后，可结合实际状况，将其变为动态化和可操控性的图表，用户在操控过程当中能更好地感知数据的变化过程，提高体验。实现动态化一般如下两种方式： 交互和动画。

 

　　小结：

 

　　数据可视化的能够分为如下几个步骤：

　　数据可视化——视觉元素分析

　　接下来咱们来看看目前线上的数据可视化平台视觉设计： 互联网的一些事

　　经过这些案例，咱们会发现设计上都有广泛的共性： 互联网的一些事

　　a. 在颜色的使用上都偏暖色系;

　　b. 颜色的数量上不超过5种;

 

　　c. 颜色使用上基本保持识别度高的色彩，如红、绿、蓝、黑、灰; 互联网的一些事

　　d. 背景色使用上以白，灰为主;

 

　　e. 字体的使用上只使用一种字体 yixieshi.com

　　推荐

 

　　“数据可视化”信息图制做工具 yixieshi.com

　　在茫茫的文字海洋里解读你的疑问，已是过期的形式了，而且也是低效率的工做方式了。上篇大篇幅的介绍了数据可视化平台的设计展现形式，其目的与意义都是为了给用户带来方便，让大量的数据信息直观地展现给用户，为用户提供更易解读，更有乐趣，更加美观，快捷的获取信息的方式。可是可视化的图形制做却也大大地为难了设计师，这里为广大苦恼的感性的悲催的视觉设计师们提供一些小工具——轻松制做超赞的信息图形。

 

　　infogr.am

 

　　Infogr.am仍然是面向非设计师的信息图形设计工具。它容许用户将数据传到网站上并将其解读成图表模式，容许用户自定义图形，并提供更多智能化界面展现信息。

 

　　StatSilk

 

　　StatSilk有网页版和桌面客户端，为用户提供了具备更强交互性的，自定义极高的和栩栩如生的图形、图标、地图和其余可视化数据制做精美的信息图形。

 

　　看到这里是否是挑起了你的兴趣了呢?

 

　　固然，还有众多的在线制做信息图的网站等着你去尝试： yixieshi.com

　　1.Stat Planet:能让你作出很炫的互动信息图，成品能够输出成互动型或者静态图片。缺点是只能用网站自己提供一些调研数据，制做成本身的图表。 互联网的一些事

　　2.Hohli:简单易用，设计很人性化。你能够简单的选择图表类型，添加数据，调整尺寸，颜色，预览成品。用它作出来的图表漂亮，精致。

 

　　3.Many Eyes:这里提供的图表/形很精美，看起来很专业。

 

　　4.Wordle:能把纯文本经过特别的排列作成图形，你能够导入整本书，一个小段落等等。

　　5.Tableau:用于Windows平台的免费制做图表软件。它作出来的图表色彩鲜艳，很独特。

 

　　6.GapMinder:Adobe公司出品的制做图表的软件,而且提供不少行业的数据，如美国农业，天龙八部私服美国城市发展数据等。