图表与地图设计ppt课件.ppt

《图表与地图设计ppt课件.ppt》由会员分享，可在线阅读，更多相关《图表与地图设计ppt课件.ppt（74页珍藏版）》请在三一办公上搜索。

1、,第六章 图表设计与地图,1、图表设计,概念图表是一种很好的将对象属性数据直观、形象地“可视化的手段。图表设计隶属于视觉传达设计范畴。图表设计是 通过图示、表格来表示某种事物的现象或某种思维的抽象观念 的。图表设计是为了实施各种管理、配合生产经营的需要而进 行的。图表设计的表达方式是其他视觉传达方式无法替代的， 尤其是在信息化社会迅速发展的今天，图表，这种准确、形 象、快捷的传达方式更加显示出它独特的优势。可以对信息进行有效的提炼、梳理和传达；使繁杂、枯燥的文字或数据变得清晰易懂；利用简洁的图形化语言呈现信息。,图表的应用今天，大众传播进入了更为激烈的竞争时代，对信息的梳 理和传达更加重视。图

2、表设计广泛应用于经济、科学、教育、 文化和广告等。渗透到我们生活中的各个方面，如学习计划、 人口统计、导游图等，具有概括、明确、易读、形象生动的特 点。在资讯发达的信息时代，对图表设计的应用与研究有助于 图画语言的拓展，在视觉信息的传递中具有广泛的实用性。,图表的表达特性图表设计有着自身的表达特性，尤其对时间、空间等概念 的表达和一些抽象思维的表达具有文字和言辞无法取代的传达 效果。图表表达的特性归纳起来有如下几点：具有表达的准确性，对所示事物的内容、性质或数量等 处的表达应该准确无误；信息表达的可读性，即在图表认识中应该通俗易懂，尤 其是用于大众传达的图表。数据必须清晰，并有明确的指向 性；

3、图表设计的艺术性，图表是通过视觉的传递来完成信息 的传递，必须考虑到人们的欣赏习惯和审美情趣，这也是区别 于文字表达的艺术特性。,4.图表的类型,条形图、柱状图、折线图和饼图是图表中四种最常用的基 本类型。还有散点图、面积图、圆环图、雷达图等。此外，可 以通图表间的相互叠加来形成复合图表类型。不同类别图表 可能具有不同的构成要素，如折线图一般要有坐标轴，而饼图 一般没有。归纳起来，图表的基本构成要素有：标题、刻度、 图例和主体等。,柱形图显示一段时间内数据的变化，或者显示不同项目之间的对比。柱形图具有下列子图表类型。簇状柱形图 这种图表类型比较类别间的值。它还可以以三维效果显示。如以下图表所示

4、，水平方向表示类别，垂直方向表示各类别的值，从而强调值随时间的变化。堆积柱形图 这种图表类型显示各个项目与整体之间的关系，从而比较各类别的值在总和中的分布情况。它也可以以三维效果显示。 百分比堆积柱形图 这种图表类型以百分比形式比较各类别的值在总和中的分布情况。它也可以以三维效果显示。 三维柱形图 这种图表类型沿着两个数轴比较数据点 （数据点：在图表中绘制的单个值，这些值由条形、柱形、折线、饼图或圆环图的扇面、圆点和其他被称为数据标记的图形表示。相同颜色的数据标记组成一个数据系列。）。例如，在下面的三维图表中，您可以比较欧洲的四个销售部门和其他两个地区的业绩。,柱形图,条形图显示各个项目之间的

5、对比。它具有以下子图表类型：簇状条形图 这种图表类型比较类别间的值。它也可以以三维效果显示。在下面的图表中，水平方向表示类别，垂直方向表示各类别的值，从而关注值的对比情况。 堆积条形图 这种图表类型显示各个项目与整体之间的关系。它还可以以三维效果显示。 百分比堆积条形图 这种图表类型以百分比形式比较各类别的值在总和中的分布情况。它也可以以三维效果显示。,条形图,饼图显示组成数据系列 （数据系列：在图表中绘制的相关数据点，这些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据系列。饼图只有一个数据系列。）的项目在项目总和中所占的

6、比例。饼图通常只显示一个数据系列，当您希望强调数据中的某个重要元素时可以采用饼图。饼图具有下列子图表类型：饼图 这种图表类型显示各个值在总和中的分布情况。它也可以以三维效果显示，如以下图表所示。 分离型饼图 这种图表类型显示各个值在总和中的分布情况，同时强调各个值的重要性。它也可以以三维效果显示。 复合饼图 这是一种将用户定义的值提取出来并显示在另一个饼图中的饼图。例如，为了看清楚细小的扇区，您可以将它们组合成一个项目，然后在主图表旁的小型饼图或条形图中将该项目的各个成员分别显示出来。 复合条饼图 这是一种将用户定义的数据提取处理出来并显示在另一个堆叠条形图中的饼图。,饼图,折线图按照相同间隔

7、显示数据的趋势。它具有以下子图表类型：折线图 这种图表类型显示随时间或类别的变化趋势。在每个数据值处还可以显示标记。 堆叠折线图 这种图表类型显示各个值的分布随时间或类别的变化趋势。在每个数据值处还可以显示标记。 百分比堆叠折线图 这种图表类型以百分比方式显示各个值的分布随时间或类别的变化趋势。在每个数据值处还可以显示标记。 三维折线图 这是具有三维效果的折线图。,折线图,XY 散点图显示若干数据系列 （数据系列：在图表中绘制的相关数据点，这些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据系列。饼图只有一个数据系列。）中各

8、数值之间的关系，或者将两组数绘制为xy 坐标的一个系列。散点图通常用于科学数据，具有下列子图表类型：散点图 这种图表类型比较成对的数值。例如，以下散点图显示的是两组数据的不规则间隔（簇）。 在为绘制散点图而准备数据时，将 X 值放在一行或一列，并在相邻的行或列中输入对应的 y 值。 折线散点图 显示这种图表时，数据点之间可以显示也可以不显示直的或平滑的连接线。显示连接线时可以显示标记，也可以不显示标记。,XY 散点图,面积图强调大小随时间发生的变化，它具有下列子图表类型： 面积图 这种图表类型显示数值随时间或类别的变化趋势。它也可以以三维效果显示。通过显示已绘制的值的总和，面积图还可以显示部分

9、与整体的关系。在下面的示例中，面积图强调了北京地区增长的销售额，并显示了每个地区对销售总额的贡献。 堆叠面积图 这种图表类型显示各个值的分布随时间或类别的变化趋势。它也可以以三维效果显示。 百分比堆叠面积图 这种图表类型以百分比方式显示各个值的分布随时间或类别的变化趋势。它也可以以三维效果显示。,面积图,花费最高的城市瑞士银行的一项调查依据物价、收入、相对购买力等因素，从房租、餐费等多个方面进行考察，得出全球最贵或者最便宜的一些城市。将这些因素以粘土形态视觉化，通过简单的面积/体积大小对比形象地体现出数值关系,像饼图一样，圆环图显示部分和整体之间的关系，但是它可以包含多个数据系列 （数据系列：

10、在图表中绘制的相关数据点，这些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据系列。饼图只有一个数据系列。）。它具有下列子图表类型： 圆环图 圆环图的每个环分别代表一个数据系列。例如在下图中，内环代表汽油税的收入，外环代表财产税的收入。 分离型圆环图 分离型圆环图与分离型饼图类似，但可以包含多个数据系列。,圆环图,雷达图比较大量数据系列 （数据系列：在图表中绘制的相关数据点，这些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据系列。饼图只有一个数据系列。）

11、的合计值，它具有下列子图表类型： 雷达图 这种图表类型显示数值相对于中心点的变化情况。显示时可以为每个数据点显示标记。例如，在下面的雷达图中，覆盖最大区域的数据系列（A 品牌）表示该品牌含有最丰富的维生素。 填充雷达图 在这种类型的图表中，数据系列覆盖的区域填充有颜色。,雷达图,如果您希望找到两组数据之间的最佳组合，可以通过曲面图来实现。就像在地形图中一样，颜色和图案表示具有相同取值范围的区域。曲面图具有下列子图表类型：三维曲面图 这种图表类型在连续曲面上跨两维显示数值的变化趋势。例如，下图表显示产生相同抗拉强度值的温度和时间的各种组合。图表中的颜色表示特定的数值范围。不带颜色的三维曲面图称为

12、框架式三维曲面图。曲面图（俯视） 俯视曲面图，其中的颜色代表数值范围。不带颜色的曲面图（俯视）称为框架式曲面图（俯视）。,曲面图,气泡图是一种 XY 散点图。它以三个数值为一组对数据进行比较，而且可以三维效果显示。气泡的大小，即数据标记 （数据标记：图表中的条形、面积、圆点、扇面或其他符号，代表源于数据表单元格的单个数据点或值。图表中的相关数据标记构成了数据系列。）表示第三个变量的值。在为绘制气泡图准备数据时，请将 X 值放在一行或一列，并在相邻的行或列中输入对应的 Y 值和气泡的大小。,气泡图,例如，可以按下图组织数据。 下面的气泡图显示 A 公司拥有最多的产品并占有最大的市场份额，但其销售

13、额并不是最高的。,图解diagrams,图解通常被用来表达某系统是如何运作的,图表 图解 图形 表格 地图 名单,流程图,树状结构图,连结方式图,表格 tables,表格中通常用于表达包含大量数字的信息等,马德里2016申奥材料,图表 图解 图形 表格 地图 名单,地图/映象maps,图表 图解 图形 表格 地图 名单,名单/列表lists,图表 图解 图形 表格 地图 名单,实际设计中更注重的是各个方法间珠联璧合的巧妙搭配综合运用。通过对事件核心信息的把握来合理选择参数，并根据图表的目的、内容及风格来确定参数的视觉化元素，将这些有机结合就向功能与审美相统一的图表设计迈出了第一步,某位女士三个

14、月的手工织物过程图，这张看似简单的图表以手工物品数量，单个物品的制作时间、总耗时、制作顺序和商品销售流向作为参数，以栅栏条、色彩、线条和地图的应用将它们视觉化并通过巧妙布局达到时间与空间的相互融合。,图表的构成要素,不同类型的图表可能具有不同的构成要素，如折线图一般 要有坐标轴，而饼图一般没有。归纳起来，图表的基本构成要 素有：文字、数据、图例和色彩、注释等。,文字。文字是构成图表的重要元素，是对图形的补充与说明，包 括标题文字、说明、解释文字等，但也有一些图表是不需要文 字的，如序列图。标题属于说明性文字，它是对图表所传达信息的概括和总结。文字在图表中的使用要注意结合图表画面，避免口语或一

15、些虚词的使用。,2数据,数据图表的信息传递会依赖数据的变化，数据必须是真实 准确的，读者主要对数据感兴趣。信息设计专家艾德华塔福 特强烈反对被他称为图表垃圾的东西。图表的内在修饰占用 了很多油墨，但是并没有告诉读者更多他们想知道的，装饰的 目的是不同的，有的是为了让图表看起来更科学、更精确，还 有的则是为了使说明更加生动。不管动机何在，它们都是无意 义的数据油墨，通常是图表垃圾。,图例。图表的特点就是把繁杂、难以理解的文字和数据提炼成简 洁生动的画面。所以，图例的使用在图表中也占据者重要位置，一切形式的前提都是为了使信息更快更准确地传达。,色彩,色彩在图表中可表示一些不易表达的抽象概念，可以对

16、数 据和图例加以区分，使用时注意色彩的对比，要适宜信息的认 读。图表中的色彩更为强调的是所强化的信息，而不仅仅是视 觉美感。,注释。图表注释的安排应该是精细的，字体大小不能超过数据。,图表的原则建议,1.内容简洁新闻报道不是科学论文，读者不需要接触到那些琐碎的专业细节，所以一幅信息图表，只要讲清楚一个观点就行了。当然，这并不代表应该只展现一个数字，而是你使用的这组数字应该只用来说明一个主要观点。 找出其中的关键点。用最少的元素表达最大的效果是图表最终追求的效果要 想达到这种效果，首先就要对信息进行筛选或者重新编辑加工。使用图表，很多人都会犯 一个通病，那就是把尽量多的信息都放到图表中，这样做反

17、而使得图表的价值大大降低。,2.大小合适事先规划好图形最终的尺寸是多大，能不能看的清楚。要知道，并不是人人都愿意“点击查看大图”的。如果图片实在太大的话，那至少在缩小版上保证概要内容能看的清楚，让有兴趣的人“点击查看细节”。从整体的排版和布局上考虑这个 信息图表怎么和文章匹配，放在哪个位置、占多大篇幅等等。,3.表达专业把数字与相应的注解融入到信息图表中去，让它看起来专业化。但注意不要专业过头，让普通读者觉得太难懂了，读者是不会花太长的时间来专研这些图表的。更不要简单地把图表、数据和注解分散在不同位置，迫使读者不得不在这些内容间不停地来回移动。,4.数据清晰图表也常常让人得出错误的结论。 适当

18、保留详细的数据源表，或者提供一个链接、文档什么的，让有心的读者可以深入挖掘下去。,5.与众不同如果可以的话，避免使用常规的柱状图、线图和饼图。可以加入些互动元素，让图表活起来。,http:/www.visual-literacy.org/periodic_table/periodic_table.html,6准确性当你使用不同尺寸几何图形或图片来 表示数值上的大小时，记住要从使用他们占用的面积来表现大小差异。比方说，如果你是用两个圆圈来并表示“A是B的三倍大”，那么，圆圈A占的面积是圆圈B的面积的3倍，而不是把A的半径设为B的3倍。因为这样的话，A的面积实际上是B的9倍（半径的正确比例是A:B

19、=根号3:1）。,7.提升吸引力使用图示和照片来调整风格，让图形变得焕然一新。,8.混合多种图形大胆的把各种图形化手段混合在一起。比如你的数据与国家有关，那么把他们和世界地图结合，会比使用一张常规的柱状图的效果要来得好。,2、地图设计,地图设计是通过研究实验制定新编地图的内容、表现形式及其生产工艺程序的工作。所谓地图把地球表面上的部分或全部缩小一定的倍数，并用一定的符号概念性表现空间的二维图像。 按照地图的内容分类，地图一般分为普通地形地图和主题地图两大类。前者主要是指地理地形地图，以相对平衡的详细程度表示地球表面上的自然地理和社会经济要素（基本要素包括居民地、交通网、水系、地貌、境界、土质植

20、被等）的地图，主题地图，以普通地图为基础，重点反映某一种或几种专门的相关信息。 所有的地图都只是一种空间信息的表达方式。,拓扑学的英文名是Topology,直译是地志学，是和研究地 形、地貌相类似的有关学科，是几何学的一个分支，但是这种 几何学又和通常的平面几何、立体几何不同。通常的平面几何 或立体几何研究的对象是点、线、面之间的位置关系以及它们 的度量性质。拓扑学和研究对象的长短、大小、面积、体积等 度母性质和数量关系都无关。,(1)比例尺比例尺是指地图上的长度与相应实地的距离保持一定的比例关系，并以这种比例关系作为两者之间的量算尺度，图上某线段的长度与相应实地水平距离之比，即地图比例尺。若

21、列成公式表示，则为：地图比例尺=图上长度/相应实地水平距离。,(2)图形符号地图中有很多符号，这些符号的大小、形状、方向、图形、色相及饱和度都非常多样，对应不同的地图数据信息数据可以分为点、线、面3种不同的要素类型 。,地图中各种符号应用的方法是不同的。点符号（point symbol )表达的是具体场所，比如现在位置；线符号表达其范围，如湖泊等区域边界。图标、图形、色相和饱和度用于表现地域范围的属性，并不表达空间的“量性”信息，相反，图标的大小和饱和度可以表达空间的“量性”信息，却不能表达属性。,地图设计的注意点包括：(1 )筛选有效的空间信息。导向图的信息里非常庞大， 但是对于公众有用的空

22、间信息只有其中一部分，如何判断并保留有效的信息，是地图设计的第一步。比如，在设 计地铁线路图的线路走向时，原来曲折无规律的真实线路 走向情况对于乘客来讲并没有意义，乘客只需要了解线路 在地下的大致走向，以及站点之间的正确关系即可，因 此，地铁线路被简化成了直线和斜线。(2)图形的几何化与秩序感。简单的几何图形，更容易被公众认知。 (3)色彩的运用。色彩的传达效果更为直观，帮助信息的分类及认知。(4)清晰的字体。地图所采用的字体，应当符合导向文字的基本要求，请晰明确，适合快速阅读。(5)创造信息的层次。较为复杂的地图，根据信息的重要性，在视觉传达效果上可以适当地分层。重要信息，一般采用鲜艳的色彩

23、、对比度高的配色、饱满粗壮的图形及文字等，使之处在视觉传达的第一层次。相对次要的信息，一般采用温和的色彩、对比度弱的配色、简单的图形等，使之退居在视觉传达的第二层次。,伦敦地铁交通图是一个典型的拓扑地图设计，由平面设计 师哈里贝克和字体设计师爱德华琼斯顿共同打造的这张地 图是信息设计历史上的经典之作。它在当时有示意图之称，这 张地图突破了距离和空间位置的局限，改变了以往地铁图按照 地理上的实际比例进行绘制的惯例。贝克认为乘客并不关心站 点之间相隔的实际距离的精确程度，而更希望能够更方便地从 一个站点到达另一个站点。,这一成就取决于该地图采用的两大设计策略。首先，这张地图侧重于功能性，而不是地理意义上的准确性。这张地图通过使用简单的线条（确保了整齐的布局）、颜色（区分了不同的线路）、清晰的排版（使得文字更易阅读）和符号（将普通站点和换乘中转站点区分开来）满足了这些需求。其次，它利用了地铁系统是在地下运行的这样一个事实，因而乘客就不必被地面上的复杂地形所困扰。唯一的例外则是泰晤士河。该地图通过去掉所有无关的细节简化了原本复杂的信息。,地铁线上的 动物是由艺术家Paul Middlewick发起的一次有趣的项目。他们使用1988年的伦敦地铁地图为蓝本，在上面根据铁道轨迹寻找”出隐藏着的动物图案。,