精华内容
下载资源
问答
  • 浅啖图表参数化设计

    2021-03-04 12:55:10
    信息图表设计(InfographicDesign),是信息设计(InformationDesign)学科的一个分支,它兴起于20世纪末信息技术介入到多样的平面设计的过程中,是一种新型的视觉设计。Infographic是一个可读可视的复合体系,由...
  • 信息可视化图表设计指南

    千次阅读 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

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

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

    展开全文
  • 可视沟通 用信息图表设计让数据说话 数据可视
  • 自动图表化问卷调查设计表Excel图表HR精选图表模板.xlsx
  • 商务数据可视化设计指南PDF及数据可视化设计图表设计指南PDF
  • 信息图表的七种设计

    2021-03-02 12:11:45
    【编者按】InfoGraphic(信息图表)是近年来逐渐兴起来的一种设计表达,又称DataViz(数据可视),其最大的特点就是将一些冷冰冰的数据及信息以丰富的设计语言表达,在信息能够清晰传达的同时又给人赏心悦的感觉。...
  • 数据可视化设计指南:图表设计.pdf
  • 信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、图形,甚至包括文本在内,都是信息的表现形式,无论它是动态的或是静态的,都可以让我们从中了解...

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


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


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



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



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



    (一)图表类型

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


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


    1、关系流程类图表


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


    2、叙事插图型图表


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


    3、树状结构示意图


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


    4、时间表述类示意图


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


    5、空间结构类示意图

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


    (二)图表设计流程

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

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


    1、基础图形创意

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


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


    2、高吸引度与视觉亮点

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



    3、画面简洁明了

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


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


    4、视觉导向与秩序

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

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


    5、象征图释

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


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


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

    作者: 百度ued;转自:优设网。

    原文链接:http://www.uisdc.com/information-chart-design-method;

    展开全文
  • 这是一套绿色扁平化设计教育教学PPT图表,共17张。第一PPT模板网提供幻灯片图表免费下载; 本图表适合用于制作教学课件PPT,教师公开课幻灯片,教师说课PowerPoint等; 关键词:绿色PPT图表,扁平化幻灯片图表,层级...
  • 管理信息化 ERPMRP 经典 ERP 设计 图表汇总 ERP 设计图形目录 图23.1 企业销售管理业务的第一层数据流图 3 图23.2 销售基础数据管理业务数据流图第二层数据流4 图23.3 销售计划管理业务数据流图第二层数据流4 图23.4...
  • 参数化图表设计理念,各种样式的设计图表
  • 这是一套绿色扁平化设计教育教学PPT图表,共17张。第一PPT模板网提供幻灯片图表免费下载; 本图表适合用于制作教学课件PPT,教师公开课幻灯片,教师说课PowerPoint等; 关键词:绿色PPT图表,扁平化幻灯片图表,层级...
  • 这是200张扁平化设计的,日常制作PPT常用图表,第一PPT模板网提供幻灯片图表免费下载; 这套幻灯片图表设计类型非常丰富,几乎涵盖了一切PowerPoint图表类型,如基础的PPT关系图:扩散关系图表、聚合关系图表、递进...
  • 这是一套绿色扁平化设计教育教学PPT图表,共17张。第一PPT模板网提供幻灯片图表免费下载; 本图表适合用于制作教学课件PPT,教师公开课幻灯片,教师说课PowerPoint等; 关键词:绿色PPT图表,扁平化幻灯片图表,...
  • 这是一份采用扁平化设计的,层级关系PPT图表。 本图表适合用于制作企业工作汇报PPT,公司业务内容说明幻灯片等。 关键词:扁平化幻灯片图表素材,层级关系PPT图表,PowerPoint关系图,.PPTX格式;
  • 这是一份采用扁平化设计的,层级关系PPT图表。 本图表适合用于制作企业工作汇报PPT,公司业务内容说明幻灯片等。 关键词:扁平化幻灯片图表素材,层级关系PPT图表,PowerPoint关系图,.PPTX格式;
  • 扁平化设计的联动齿轮PowerPoint图表免费下载,关键词:联动关系PPT图表模板,齿轮幻灯片背景图片,.PPTX格式;
  • 这是200张扁平化设计的,日常制作PPT常用图表,第一PPT模板网提供幻灯片图表免费下载; 这套幻灯片图表设计类型非常丰富,几乎涵盖了一切PowerPoint图表类型,如基础的PPT关系图:扩散关系图表、聚合关系图表、递进...
  • 扁平化设计的联动齿轮PowerPoint图表免费下载,关键词:联动关系PPT图表模板,齿轮幻灯片背景图片,.PPTX格式; 扁平化设计的联动齿轮PowerPoint图表免费下载,关键词:联动关系PPT图表模板,齿轮幻灯片背景图片,....
  • 可视数据分析图表设计必学技巧

    千次阅读 2019-12-10 20:07:27
    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的...,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入...

    前言

    图表,是数据可视化项目中最常见、最基础的元素,而在不同的数据结构下选择不同的图表,就会产生不同的效果,它的选择和使用,往往是制作可视化数据分析图表最重要的一步。合适地选择图表,不仅能够更加清晰明了地呈现数据之间的态势和逻辑,同时在也更加符合人体视觉感官的体验。
    (声明:以下数据纯属虚构并无实际意义)

    1、表格(多维度多指标)

    表格是最传统的数据展现方式,它所承载的信息多而密集,可以同时分析多维度、多指标数据,适合对数据敏感的人群使用。虽然表格能看到具体的数值,但是不能直观看到趋势、比重。

    例图1(简单表):
    在这里插入图片描述
    例图2(交叉表):
    在这里插入图片描述
    使用表格时需要记住一点,要让设计融入背景,让数据占据核心地位,不要让厚重的边框和阴影与数据争夺用户的注意力。 相反,使用窄边框或者干脆去掉边框,来突出数据。

    2、柱状图(类别比较)

    柱状图是使用频率最高的图表,甚至没有之一,使用场景又能被分成以下几个:

    数据视图:
    在这里插入图片描述
    适用场景(各个类别做对比):
    1.反映时间趋势,与折线图比较的话,柱状图更能体现出每一个数据的
    细节部分;
    2.同个时间下,不同类目/类别数据的比较,反映出类别之间的差异;
    3.数据不会很多的情况下,例如2~8个序列的时候,如果要比较,可以
    优先使用“柱状图”,超过这个序列的时候,选择折线图,或者动态图表
    每次只展示一部分数据;
    4.同项目多时间段,使用“簇状柱形图“。

    优点:人眼对高度较敏感,直观各组数据差异性,强调个体与个体之间的比较。

    局限:分类过多则无法展示数据特点。

    总结:
    2~8个序列,需要比较的时候使用柱状图;

    需求:
    1.请绘制2014年六大一线城市的营收对比图(单位:百亿)
    2.请绘制2018~2019年六大一线城市的营收对比图(单位:百亿)

    柱状图主要配置:
    网格线、系列重叠、间隙宽度、数据标签

    例图1:
    在这里插入图片描述
    例图2:
    在这里插入图片描述
    维度:2 度量:1+

    3、条形图(类别比较)

    与柱状图对应的就是条形图,如果比较一组或多组数据、优先观察数据的分布、类别名称比较长等,优先使用条形图,展示效果会比柱状图要好不少。文字从左到右理解,结构与人们阅读习惯比较相似,容易阅读。

    数据视图:
    在这里插入图片描述
    适用场景(各个类别做对比):
    1.同一事物在不同时间的变化优先使用条形图,其次才是柱状图
    2.用数量来观察各种信息大小的时候使用条形图;
    3.类别名称比较长的时候优先使用条形图而不是柱状图,这样能让类别
    名称完整显示出来;
    4.多项目多时间,使用“簇状条形图“;
    5.不能排序的项目优先使用“条形图”然后才是“柱状图。

    局限:分类过多则无法展示数据特点。
     
    总结:
    同一事物不同时间,观察数据分布,类别名称比较长的时候使用条形图
    跟直方图类似,适用于频率统计。

    需求:
    1.请绘制“学猫叫”的热度分布图
    2.请绘制网易云七大神曲“9/10月”热度分布图

    条形图主要配置:
    网格线、系列重叠、间隙宽度、数据标签、逆序类别

    例图1:
    在这里插入图片描述
    例图2:
    在这里插入图片描述
    维度:0 度量:1

    4、饼图/圆环图(占比分析)

    如果是要统计数据的占比情况,那么就选择饼图,或者是圆环图,这个系列的图表能很清晰地展示数据的占比情况,当两个数据大小差不多时,难以察觉。

    数据视图:
    在这里插入图片描述
    适用场景(占比分析情况):
    展示数据分布,需要统计占比分析的情况,数据不用转换成百分比,直接使用原始数据即可

    优点: 直观显示各项占总体的占比,分布情况,强调整体与个体间的比较。

    局限:分类过多,则扇形越小,无法展现图表。

    需求:
    请绘制“2019年6大手机出货量占比图”,参考“例图1”,并且将
    iPhone xs"系列扇形分离;

    注意:
    1.数据系列一般在1~8个,超过8个,饼图会变得非常拥挤,数据差异不
    很大的情况下可以使用饼图/圆环图
    2.数据差异较大的时候,除非为了突出,要不然可以使用“条形图“来实
    现对比;
    3.饼图尽量不要分离太多扇区,分离扇区起到突出重点的作用,分离过多
    则无意义;
    4.圆环图不要分离任何扇区,因为突出意义不大,圆环图一般用于仪表盘
    的数据显示,在后面的误程中会讲解到。

    饼图/圆环图主要配置:
    图例、数据标签

    例图1:
    在这里插入图片描述
    例图2:
    在这里插入图片描述
    维度:1 度量:1

    5、散点图(双变量分析)

    散点图能直观精确反映数据之间的相关性,一般在回归分析会用到,最常见的是用于分析数据之间的关联,有以下几种联系:
    在这里插入图片描述适用场景(XY双变量分析):
    XY两个变量之间的关联与联系,例如:身高/体重、广告投放/收入等等,如果需要分析变量之间的关系,则使用散点图。

    优缺点:
    1.可以用于展示数据的分布和聚合的情况;
    2.适合展示比较大的数据;
    3.看上去比较乱,数据细节不明显,只能看到相关、分布、聚合等信息。

    例图1:
    在这里插入图片描述
    例图2:
    在这里插入图片描述
    例图3:
    在这里插入图片描述
    维度:0+,作为颜色 度量:2

    6、气泡图(三变量分析)

    在散点图的基础上,如果数据的维度增加多一维,那么就可以使用气泡图,气泡图的性质与散点图接近,但是不适合展示大量数据,一般也可以用来观察少量数据的分布情况。

    数据视图:
    在这里插入图片描述
    适用场景(XZ三变量分析):
    XYZ三个变量之间的关联与联系,例如:身高/体重/年龄、广告投放/收入/转换比等等,如果需要分析三变量之间的关系,则使用气泡图

    优点: 直观反映数据集中情况,对离散数据线性回归等曲线预测性的拟合辅助作用

    局限:数据量小的时候会比较混乱。

    需求:
    请绘制“身高-体重-年龄”相关气泡图,并分析“气泡图”与“散点图
    的差异;

    注意:
    1.如果数据差异极大,那么可以考虑将气泡进行一定的缩放,让数据看起来不会这么夸张
    2.气泡图不适合大量数据,大量数据会让气泡图丧失意义,数据尽量在1~8个左右,与柱状图、条形图相似;
    3.气泡图也不能展示细节,只能用来简单观察分析数据,一般在数据汇报
    处代替表格。

    气泡图主要配置:
    网格线、敔据标签、坐标轴标題、气泡大小、大小表示、水平坐标轴刻度线、负数气泡为“白色异常值

    例图1:
    在这里插入图片描述
    与散点图一样,也可以绘制多组数据系列。
    例图2:
    在这里插入图片描述
    维度:1+,作为颜色 度量:3,其中1个是气 泡大小

    7、雷达图(多属性分析)

    如果数据的维度暴增,变成了4~10维的话,那么要对比他们的差异,使用雷达图是最佳的,但是雷达图有一个限制,就是数据量不能很大,并且尽量让数据归一化进行对比(同数据量对比),否则会丧失意义。

    数据视图:
    在这里插入图片描述
    适用场景(同对象或者多对象多属性分析):
    1.雷达图适用于多维数据(四维以上),并且每个维度可以排序的场景,
    数据系列一般在1~3个左右,太多的话很难辨别。
    2.用来了解各项指标变动情况以及好坏分析。
    3.数据可排序。

    局限:分类过多或变量过多,会比较混乱。

    需求:
    请绘制“学员A/B十大水平能力测试”雷达图,并且分析“雷达图”与
    条形图”在使用上的一些异同

    注意:
    1.数据系列一般在1~3个左右,超过的话,辨别会有难度;
    2.维度一般在10维以下,太多的话,雷达图就像一个圆,辨别也会有难度;
    3.使用雷达图的数据,必须支持排序,如果不能排序就没有意义,因为不能排序的数据并不属于同一类可对比数据,例如月份作为维度。

    雷达图主要配置:
    网格线、Y轴坐标轴线条

    例图1:
    在这里插入图片描述
    例图2:
    在这里插入图片描述
    除了以上的注意事项之外,雷达图由于是全部连接在一起的,这就要求数据之间没有什么关联,并且可排序,如下就是错误示范:
    在这里插入图片描述
    错误示例:
    在这里插入图片描述
    维度:1+ 度量:1+

    8、折线图(趋势分析)

    如果数据量比较大,并且数据是沿着某个方向进行有规律变化的,那么就可以使用折线图,它用线条将相关数据连接起来,能直观看出随着x轴变化,y轴是怎样的变化趋势。

    数据视图:
    数据量较大不便展示,请直接例图。

    适用场景(反应整体的趋势):
    观察一个或者多个数据指标连续变化的趋势
    根据需要与之前的周期进行同比数据分析
    反应数据在一个有序的变量上的变化,可以清晰展示数据的增减趋势
    增减的速率、增减的规律、峰值等等。

    需求:
    1.请绘制“东京/伦敦平均气温”变化趋势图
    2.请绘制余额宝2013~2018年收益率变化的趋势

    注意:
    在每张图表中不能一次展示太多折线图,否则数据会非常混乱,折线图
    的数量在1~3条即可

    优点:
    1.能很好展示数据沿某个维度的变化趋势
    2.能比较多组数据在同个维度上的趋势;
    3.与散点图一致,适合展示大量数据,如果数据量大,选择不带标记,数
    据量少,选择带标记的折线图。

    局限:无序的类别无法展示数据特点。

    折线图主要配置:
    网格线、Y轴坐标轴线条

    少量数据反应数据细节和趋势:
    在这里插入图片描述数据量大的时候,可以看出整体的趋势,例如下图余额宝七日年化收益率的变化:
    在这里插入图片描述
    维度:1+,可对比
    度量:1+
    时间维度:X轴

    9、面积图(趋势分析)

    面积图是折线图的变种。 面积图更注重数据类别之间随着时间趋势的变化关系。
    在这里插入图片描述
    适用场景:面积图除了可以像折线图一样表达变化趋势,还可以通过层叠的阴影面积反映差距变化。

    优点:颜色的填充可以更好的突出趋势信息。

    相似图表:
      · 数据监控面积图:用于显示每个数值所占大小随时间或类别变化的趋势线,展示的是部分与整体的关系。比如服务器CPU、内存等监控场景。
      · 横向面积图:用横向面积来展示趋势信息。只是与竖向面积图的不同展现样式。

    10、组合图(不同数量级)

    更新于2019年12月10日,未完待续。。。

    展开全文
  • 20+案例教你可视化图表设计方法

    千次阅读 2017-12-22 00:00:00
    信息可视化包括了信息图形、知识、科学、数据等的可视化表现形式,以及视觉可视化设计方面的进步与发展。地图、表格、图形,甚至包括文本在内,都是信息的表现形式,无论它是动态的或是静态的,都可以让我们从中了解...

    来源:优设网

    本文长度为2269字建议阅读6分钟

    本文为你介绍信息可视化图表的类型与设计流程。


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


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


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


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


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



    一. 图表类型


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


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


    1. 关系流程类图表


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


    2. 叙事插图型图表


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


    3. 树状结构示意图


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


    4. 时间表述类示意图


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


    5. 空间结构类示意图


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


    二. 图表设计流程


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


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


    1. 基础图形创意


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


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


    2. 高吸引度与视觉亮点


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


    3. 画面简洁明了


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


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


    4. 视觉导向与秩序


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


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


    5. 象征图释


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


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


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


     编辑:文婧


    展开全文
  • 前些天,做后台的数据子系统的时候,需要用到一些可视的数据图表,我用到了一个自认为效果比较好,而且比较方便的方式来实现。 在网上巴拉巴拉地找了一番,目前用到这种方法来做数据图表的人并不多,我给身边的...
  • 》,很多小伙伴都会问我一些相关的问题,看了小伙伴给我发的视觉稿,整体都还不错,但是发现图表设计都有一些问题,大家可能对数据可视图表设计经验少一些,所以这篇文章就挖掘一下图表的细节表现,分享我曾经...
  • tableau可视化图表及仪表板设计

    千次阅读 2019-08-02 17:12:31
    这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的...,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入...
  • 数据可视实战(使用D3设计交互式图表)完整

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 97,030
精华内容 38,812
关键字:

信息图表化设计