精华内容
下载资源
问答
  • 信息可视化图表设计指南

    千次阅读 2015-05-24 10:29:57
    信息可视化图表设计指南信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、图形,甚至包括文本在内,都是信息的表现形式,无论它是动态的或是静态的...

    转载:http://dataunion.org/18043.html
    信息可视化图表设计指南

    信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、图形,甚至包括文本在内,都是信息的表现形式,无论它是动态的或是静态的,都可以让我们从中了解到我们想知道的内容,发现各式各样的关系,达到最终解决问题的目的。信息可视化的意义就是在于运用形象化方式把不易被理解的抽象信息直观地表现和传达出来。

    我们用一个简单的例子来说明一下信息可视化:

    这里写图片描述

    上图所示是信任圈,一款基于Google+的信息可视化应用。Google+是一款类似于微博的社交软件,图中我们可以看到绿色为相互关注的人,黄色为你关注了他而对方没有关注你的人,红色为单方面关注你的人。这样一个信息图就可以清楚的反应出在Google+上,人与人之间的信任关系,这一抽象概念。

    这里写图片描述

    从上图看三位名人的信任圈就可以非常清楚明了的了解他们的交友状态这一更为抽象的概念。1为小甜甜布莱尼,2为英国著名音乐制作人,3为facebook 马克。而图表呢?根据道格·纽瑟姆2004年定义,从表现形式的角度“信息图表”作为视觉工具应包括以下六类:图表、图解、图形、表格、地图、列表。

    这里写图片描述

    信息可视化图表则隶属于视觉传达的一种设计,是以凝练、直观和清晰的视觉语言,通过梳理数据构建图形、通过图形构建符号、通过符号构建信息,以视觉化的逻辑语言对信息进行剖析视觉传达方式。

    这里写图片描述

    这里写图片描述

    这里写图片描述

    (一)图表类型

    信息可视化图表能使复杂问题简单化,能以直观方式传达抽象信息,使枯燥的数据转化为具有人性色彩的图表,从而抓住阅读群体的眼球。

    设计的目的决定了图表设计的形式,按照形式特点我们常把图表分为关系流程图、叙事插图型、树型结构图、时间分布类及空间解构类五种类型。不管何种类型,都是运用列表、对照、图解、标注、连接等表述手段,使视觉语言最大化的融入信息之中,使信息的传达直观化、图像化、艺术化。

    1、关系流程类图表

    这里写图片描述

    这里写图片描述

    我们用语言难以表述清楚的东西,如果借助于图形来说明,效果就会好的多。如果想说明的事情需要费劲脑筋、费劲口舌来表述,而且也许自己讲起来也会是一团乱麻,即使从头至尾的给阅读群体讲一遍内容都会有遗漏或乱头绪的地方。如果有图形辅助就不一样了,我们可以迅速的找到表述亮点或表述事件的主干,这样能让你的主题和思路清晰动人。

    2、叙事插图型图表

    这里写图片描述

    叙事性图表就是强调时间维度,并随着时间的推移,信息也不断有变化的图表。插图型图表就是用诙谐幽默的图画表达信息的图表。

    3、树状结构示意图

    这里写图片描述

    这里写图片描述

    树状结构图具有非常有序的系统特征,可以把繁复的数据通过分支梳理的方式表达清楚。运用分组,每组再次分类的主体框架表示主从结构,让数据与示意图有效的结合在一起。

    4、时间表述类示意图

    这里写图片描述

    这里写图片描述

    时间表述类示意图只要以时间轴为中心加入文字数据即可。从设计的角度来看,将主题融入图形设计中,挑选重要事件点解读,就可以使画面精美,加深理解力度。

    5、空间结构类示意图

    这里写图片描述

    这里写图片描述

    运用设计语言把繁杂结构模型化、虚拟化是空间结构示意图存在的意义。大篇幅的文字讲不清楚的事情,也许需要的仅仅是一个简单的空间结构示意图。

    (二)图表设计流程

    设计流程又是如何的呢?数据内容从哪里来?图表内容怎么取舍?

    这里写图片描述

    从上面产出图中可以看出这个流程需要协作完成,数据需要筛选和整理 ,精准是首要条件,其次是梳理。找出出主线逻辑,筛选次要内容从而进行精心的设计。图表作为信息传达中的一种独特的表现方式,已经渗透到生活的各个方面。它不仅仅是文字的补充说明更可以独立表现内容。完美的图表创意是任何人都感到清晰明了的作品。我们现在就来关注它必备的几大要素。

    1、基础图形创意

    在设计中基础图形创意是重中之中,柱状图和饼状图是最常用的两种基础图形,但是简单的几何形态很难给人设计感。通过对基础图形的创意来突出设计主题,就可以取得一举多得、事半功倍的效果。

    这里写图片描述

    这里写图片描述

    上面图片中左右的内容是完全一致的,但右图即使读者不详细关注也可心领神会。

    2、高吸引度与视觉亮点

    在读者阅读过程中,如果想要设计作品始终占据视觉的主导地位,就需要作品本身具有很好的表现力。这需要我们费尽心思去让读者以最直观的方式去理解作品所要传达的信息内容。互联网的发展使信息的更新速度非常快速,从传统网页到社交微博,用户对信息的浏览速度也越来越快,高吸引度便是最宝贵的财富点。如下面两张图片,风趣幽默的表现手法,时下最新的热点,都是我们设计的入手点。

    这里写图片描述

    这里写图片描述

    3、画面简洁明了

    图表设计是直观的、形象的、准确的、明了的,它的表现手法虽然多种多样,但是在信息传达方面始终要坚持可读性和条理性共存。

    这里写图片描述

    这里写图片描述

    上面两个图表的优势就在于简化了表格信息的同时让人身临其境。信息的整理和归纳也并不是越多越好,力求以最精简的数据产出最清晰的效果,使人一目了然。

    4、视觉导向与秩序

    图表的版面设计要充分尊重人们的阅读习惯,当一张图表中充斥了大量的信息时,需要设计者合理地利用视线移动规律,将信息顺畅有效地传达给读者。22

    这里写图片描述

    如上图所示,遵循视觉导向规律的设计往往可以提高人们对信息的理解力,给人舒适的阅读感受。反之,则会失去图文重点,让人不解其意,给人以杂乱无章的感觉。

    5、象征图释

    在图表设计中,我们尽可能少用文字来表达信息含义,用图说话,用图沟通。其实在我们生活中,部分公共标识就已经很好的做到了这一点,公共场所出现的各种导视图形,就起到了很好的指示说明作用,象征性图释要以受众广为前提和目标。

    23

    这里写图片描述
    如图上图所示,在设计的上要注重保持风格的统一,这样才能让人视觉连贯、赏心悦目。

    信息图表不仅优化了传统的图文阅读方式,而且已经成为当下视觉传达发展的必然趋势。信息图表不仅把枯燥的文字、数据变成美好的阅读体验,而且刷新了设计师们的设计思维方式,焕发出他们更丰富的设计潜能。

    展开全文
  • 统计图表的应用场合 线性统计图表应用:用来反映总体趋势情况、用来表达连贯性数据统计、展现折现或者曲线的形式使用、多条折现或者曲线可以进行相互比较 区域统计图表应用:通过区域所占比重进行对比统计、通过...

    统计图表的应用场合

    1. 线性统计图表应用:用来反映总体趋势情况、用来表达连贯性数据统计、展现折现或者曲线的形式使用、多条折现或者曲线可以进行相互比较
    2. 区域统计图表应用:通过区域所占比重进行对比统计、通过区域所占面积情况显示它所拥有的比重、通过区域统计图表显示连续性变化情况
    3. 柱状和条形统计图表应用:柱状和条形统计图表常用在对比情况的使用、可以显示总体数量,也可以分段显示数量、使用频率比较高
    4. 饼状图统计图表应用:用来统计各个组成部分的所占比重,使用频率比较高
    5. 散点图统计图表应用:用来统计总体分布情况、通过图表可以得到哪些区域分布密集与疏散情况
    6. 组合统计图表应用、速度图表、时钟图表

     Excel设计统计图表

    • 创建一个表,绘制图

    • 使用截图工具,保存下来

    • 打开Axure,拖拽一个图片组件,将图片放入组件中

     HighChart设计统计图表

    • 打开axure,生成原型文件

    • 打开axure,新建内部框架,双击添加链接到HighCharts目录下example中的指定路径,路径下的example最好单独自建一个文件夹,并放入htm,修改名字,方便后续修改操作

    • 发布生成原型文件
    • 对并状图进行修改数据,按如上操作发布一个饼状图,进入到htm,修改浏览网址属性、标题等,然后刷新即可改变页面展示效果

    字体的修改:

     

    展开全文
  • 图表设计的根本原则

    千次阅读 2017-11-10 22:05:00
    1、图表设计的根本原则 (1)区分数据墨水和非数据墨水 数据墨水:指系列数据生成的数据图,如柱形图的柱形颜色。 非数据墨水:除系列数据生成的数据图外的其他内容,诸如图表区、绘图区背景、坐标网格线等。 数据...

      1、图表设计的根本原则

        (1) 区分数据墨水和非数据墨水
    数据墨水:指系列数据生成的数据图,如柱形图的柱形颜色。
    非数据墨水:除系列数据生成的数据图外的其他内容,诸如图表区、绘图区背景、坐标网格线等。
     
    数据墨水比(data-lik Ratio)
    数据墨水比 = 图表中用于数据的墨水量/总墨水量
       = 图表中用于数据信息显示的非多余的墨水的比例
       = 1-可被去除而不损失任何数据信息的墨水比例
    图表设计的根本原则: 最大化数据墨水比,图表中的每一点墨水都要有存在的理由,并且这个理由应该总是展示新的信息。
     
    数据墨水比并不是真的计算出一个比例,它只是一个观念,要求我们考虑每个图表元素的使用目的与最佳呈现方式。
     
    我们不妨想象一下,当自己完成一张图表后,通过打印机输出时,有哪些碳粉/墨水是必不可少的?有哪些碳粉/墨水则是被浪费掉的?


    (2)举例:将一份图表数据墨水最大化的过程


    心得体会:可以看到上图第一个到第三个图表优化过程中我们运用了前面所学到的内容:保证每个墨水的应用都是有意义的,没有意义的墨水使用将被剔除。诸如删除其中的,绘图区背景、边框线、数据条的颜色、网格线、坐标轴。
    而展现本图表的意义的内容(即体现某数据的意义),添加数据标签、体现“产品2”的数据则更改产品2的填充颜色。
     
    (3)商周新风格图表的数据墨水比及设计


    在商周刊中的图表内容非常的简练、需要体现的数据非常清晰。但并非简洁的就一定是正确的、符合图表表达的。 因此设计才是核心,是平衡的艺术。适当的运用非数据元素,有助于形成自己的图表风格。在商业图表中可以运用一些非数据元素来形成自己的风格。如下图:


    看到了什么?嗯,图片照片的冲击力远远大于一般的图表,因此将符合主题意义的图片照片加入进来,非常能让人记得。再分享两个图表:

     
    (4)极简主义 VS 经典风格

    只要数据墨水掌握了,运用自如,无论简约还是经典都将会是属于你自己的技巧了。
     
    2、图表设计案例分析
    Garr的一些图表设计案例(摘自《演说之禅》
    (1)化繁为简1:


    除去一切没有意义的凌乱的数据、元素后,图表一目了然。
     
    (2)化繁为简2

     


    如要在原图中寻找日本的数据,肯定要劳累眼睛了。经过减少数据、删除图表区、绘图区的背景后,再将柱形图变为数据条,瞬间就简练了不少。再看优化过的图表加入了符合日本风格的寿司,几乎不用看文字就知道此图要表达的数据重点是哪个了。
     
    (3)最大优化墨水比
     

    原图杂乱,看似丰富其实没有重点。经过对复杂内容的优化,处理掉了背景图片、3D效果、坐标轴。得到上图。

    再次优化,去掉柱形图颜色,柱形图边框,甚至减少了横坐标的数据字数。将符合主题的07年数据标成红色,以示主题。

    (4)设计的平衡艺术
     

    第一步优化,化繁为简,处理墨水比。

    第二步优化,设计增加图表,增加图表冲击力,建立记忆。
     
    (5)3D不是最佳表现力1

    3D看上去很炫,其实对于观众来说是非常累的事情。在大脑中还需构建3D的形状来对于数据位置与关系,显得过于复杂了。因此不必在图表中应用3D效果,简单的饼图更能表达出你的意图。
     
    (6)3D不是最佳表现力2

    这个柱形图也是3D效果,同理,只需一般的柱形图即可完全表现数据。因此3D在图表中不是最佳表现力,平面的图表样式只要把握好数据墨水比、且设计合理更能突出主题。
     
    3、一般图表的具体原则

     

    • 图表要有明确的作用。图表的目的是反映隐藏在数据背后的信息,促进信息的理解,回答你的商业问题。作为花瓶或者凑数的图表,应该杜绝或只能偶尔而为之。
    • 要考虑图表的受众。确认他们能看懂和接受你的图表,否则会适得其反。
    • 图表要简洁易懂,让人一目了然地获得信息。过多的数据和细节只能淹没信息。
    • 在图表标题中直接说明你的观点、需要强调的重点。同一份图表,不同的人可能有不同的解读,你要确保阅读者了解你的观点。
    • 图表应有脚注区。说明数据来源、备注信息等,这是体现你专业性最简单的方法。
    • 领导满意并不是检验图表成功的标准。在多数情况下领导不一定有你专业,你要了解最佳实践,有自己的判断标准。
    • 避免过度使用图表。图表贵在少而精,太多的图表轰炸并不会留下太深的印象。
    4、通用格式化原则

     

    • 了解并运用设计原则。也许你只是数据分析师,但你的图表要符合设计师的眼光。
    • 永远不要使用Excel图表的默认设置,包括颜色、字体、布局、样式等所有方面。你的图表应该有自己的风格,并保持一致。
    • 有目的地、克制地使用颜色。颜色是如此重要,以至于我们反复提到它。不要使用30、透视、演染等花哨的效果。新手请特别注意,一个成熟的数据分析人士绝不应该把时间花在这上面。
    • 丫轴刻度应从O开始。若使用非O起点坐标必须有充足的理由,且要添加截断标记。
    • 使用合理的长宽比例,并保持一致,避免人为地歪曲图表。
    • 不要使用倾斜的X轴标签。如果需要歪着头看你的图表,谁都不会感到舒服。
    • 不要使用Excel图表的数据表。图表的重点在图,以及它给人的印象,不需要精确的数据。
    举例:
    永远不要使用默认样式

    不用使用倾斜的标签
     
    不要使用过于复杂的图表
    虽然此图的作者技术很好,但依然逃脱不了此图反面典型的命运。所以学习图表,关键在于意,不在型,无招胜有招。
     
    5、关于图表的练习
    总结一下要点:
    • 在数据量较多的情况下,要显示百分比,饼图并非最好的选择,条形图才是。
    • 慎用3D效果,它只会让你的图表模糊不清,不易理解。
    • 化繁为简,才是更好的显示方式。
    • 折线图最能反映时间趋势。
    • 更改坐标轴起始数值,可以更明确的凸显差异。
    • 图表的增长和减少,应使用渐变由浅入深的方式。
    • 数据名称、标签不可倾斜或垂直。
    • 背景色与前景色不要反差太大。
    • 不要在一个表内加入太多的注重色。
     
    ExcelHome培训中心
    http://t.excelhome.net

    本文转自 kirin 51CTO博客,原文链接:http://blog.51cto.com/kirin/759697 ,如需转载请自行联系原作者

    展开全文
  • Piktochart(制作信息图表

    千次阅读 2016-03-29 23:49:14
    信息图表提高了可视化的数据,不但设计优美、...Piktochart是一个来自马来西亚的非专业在线信息图片设计工具,不需要下载复杂的软件,也不需要繁琐的操作,只需要把数据提供给Piktochart,它会为你制作出最理想的图表

    Piktochart(制作信息图表)

    插件介绍:

    信息图表提高了可视化的数据,不但设计优美、效果显著,同时帮助我们更准确、更高效地了解信息,这信息图表应该怎么制作呢?今天就给大家推荐一个简单的制作信息图片的插件。Piktochart是一个来自马来西亚的非专业在线信息图片设计工具,不需要下载复杂的软件,也不需要繁琐的操作,只需要把数据提供给Piktochart,它会为你制作出最理想的图表。

    使用说明:

    将Piktochart(制作信息图表)添加至chrome,并在扩展器中启动它。

    Piktochart(制作信息图表)

    Piktochart(制作信息图表)

    Piktochart(制作信息图表)

    功能介绍:

    •选择1个300 +专业设计主题(专业版)
    -自定义文本,图形,图表,图表的颜色
    •交互式图表
    - HTML输出(超链接)和图像下载
    友好的用户界面
    超过2000000的用户使用piktochart来:
    •创建从事市场/销售/年度报告
    •创造性地提出课堂/项目的概念

    吸引入境交通用图表代替博客


    原文出自:Piktochart(制作信息图表)

    展开全文
  • 信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、图形,甚至包括文本在内,都是信息的表现形式,无论它是动态的或是静态的,都可以让我们从中了解...
  • 这是一套创意艺术插画设计PPT图表大全,共23张。第一PPT模板网提供精美幻灯片图表免费下载; 关键词:艺术插画PPT背景图片,清新文艺范PowerPoint图表,.PPTX格式;
  • 可视化数据分析图表设计必学技巧

    千次阅读 2019-12-10 20:07:27
    有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学...
  • 信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、图形,甚至包括文本在内,都是信息的表现形式,无论它是动态的或是静态的,都可以让我们从中了解...
  • 信息图表(一)

    千次阅读 2018-03-24 12:30:15
    信息图表的构成:信息图表=信息(故事内容INFO)+图表(可视化设计GRAPHIC)=PPT有料的故事才配得上有逼格的设计PPT合成长图插件:制作信息图表的五大原则:一、图表合适,准确呈现饼图——比例折线图——趋势柱状图...
  • 这是一套创意艺术插画设计PPT图表大全,共23张。第一PPT模板网提供精美幻灯片图表免费下载; 关键词:艺术插画PPT背景图片,清新文艺范PowerPoint图表,.PPTX格式;
  • 这是一套创意艺术插画设计PPT图表大全,共23张。第一PPT模板网提供精美幻灯片图表免费下载; 关键词:艺术插画PPT背景图片,清新文艺范PowerPoint图表,.PPTX格式;
  • 25个创意的交互式图表设计欣赏

    千次阅读 2016-01-03 11:00:14
    那么下面整理25个创意的交互式图表设计案例,希望能给你带来灵感。enjoy!你可能感兴趣的交ppt背景素材网站互网站案例:《40个激发你的交互性设计案例欣赏》《20个使用交互动效网页设计案例》1. Eastern Tennessee ...
  • 扁平化设计的联动齿轮PowerPoint图表免费下载,关键词:联动关系PPT图表模板,齿轮幻灯片背景图片,.PPTX格式;
  • 都市街道暗黑背景图片,几何图形创意,黄黑配色,悬浮图表设计,适合工作报告、工作总结报告的通用商务ppt模板。
  • Infographics(信息图表)制作指南 本期极客攻略由OAKMIKEOAK 撰写。 http://www.geekpark.net/entity/view/121225 这是一个信息爆炸的时代,面对如此纷繁复杂的信息社会,我们固有的信息理解方式显然跟不上时代的...
  • 扁平化设计的联动齿轮PowerPoint图表免费下载,关键词:联动关系PPT图表模板,齿轮幻灯片背景图片,.PPTX格式; 扁平化设计的联动齿轮PowerPoint图表免费下载,关键词:联动关系PPT图表模板,齿轮幻灯片背景图片,....
  • tableau可视化图表及仪表板设计

    千次阅读 2019-08-02 17:12:31
    有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学...
  • 本节书摘来异步社区《信息图表的力量》一书中的第1章,作者: 【美】Jason Lankow(贾森·兰蔻) , Josh Ritchie(乔希·里奇) , Ross Crooks(罗斯·克鲁克斯),更多章节内容可访问云栖社区“异步社区”公众号...
  • 没问题,交互式图表比静态图片更能吸引人去探究本源。好啦,要生成通过浏览器展示的动态图表,目前热门的Web数据可视化库——D3。  《图灵程序设计丛书·数据可视化实战:使用D3设计交互式图表》这本书很有意思,...
  • 幻灯片图表围绕商业计划书为设计主线包括:项目背景研究、团队成员介绍、项目特色展示、市场评估分析、财务计划报表,五个部分; PPT图表类型包括:PPT目录,内容说明图表,并列关系PPT图表,组合关系PPT图表,层级...
  • 数据图表PPT模板适用于商务背景主题设计应用。
  • 20+案例教你可视化图表设计方法

    千次阅读 2017-12-22 00:00:00
    来源:优设网本文长度为2269字,建议阅读6分钟本文为你介绍信息可视化图表的类型与设计流程。信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、...
  • 这是一套蓝色图片背景商业计划书PPT图表,第一PPT模板网提供幻灯片图表免费下载; 幻灯片图表使用了大量的图片进行背景填充,以图片的形式辅助图表完成内容... 幻灯片图表围绕商业计划书为设计主线包括:项目背景研究、
  • 图表设计是数据可视化的一个分支领域,是对数据进行二次加工,用统计图表的方式进行呈现。数据是事实或观察的结果,是对客观事物的逻辑归纳,通常一个具体的数字比一个模糊的说法更加具有可信度和说服力。但单纯的...
  • 一套设计精美的PPT模板(含动画、设计、素材、图表
  • 基于Java的通用图表接口设计与实现

    千次阅读 2014-02-26 18:00:38
    现如今,互联网上充斥着...那么不同公司根据自己的需求,会选择不同类型的图表产品,甚至有的公司感觉当前的图表产品已经不适合公司长远发展,就会考虑选择一套新的图表组件,但是期间最大的问题不是挑选新的...
  • 幻灯片图表围绕商业计划书为设计主线包括:项目背景研究、团队成员介绍、项目特色展示、市场评估分析、财务计划报表,五个部分; PPT图表类型包括:PPT目录,内容说明图表,并列关系PPT图表,组合关系PPT图表,层级...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 61,819
精华内容 24,727
关键字:

信息图表设计图片