UI设计的外延信息图表设计.ppt

4.数据清晰图表也常常让人得出错误的结论。 适当保留详细的数据源表，或者提供一个链接、文档什么的，让有心的读者可以深入挖掘下去。 5.与众不同如果可以的话，避免使用常规的柱状图、线图和饼图。可以加入些互动元素，让图表活起来。 /periodic_table/periodic_table.html 6．准确性当你使用不同尺寸几何图形或图片来 表示数值上的大小时，记住要从使用他们占用的面积来表现大小差异。比方说，如果你是用两个圆圈来并表示“A是B的三倍大”，那么，圆圈A占的面积是圆圈B的面积的3倍，而不是把A的半径设为B的3倍。因为这样的话，A的面积实际上是B的9倍（半径的正确比例是A:B=根号3:1）。 7.提升吸引力使用图示和照片来调整风格，让图形变得焕然一新。 8.混合多种图形大胆的把各种图形化手段混合在一起。比如你的数据与国家有关，那么把他们和世界地图结合，会比使用一张常规的柱状图的效果要来得好。 信息图表设计 信息图表的设计流程 信息图表设计的要素 设计信息可视化的10条建议 信息图表的设计流程 通常的Infographic设计流程如下： 确立类型：空间类、时间类、定量类或三者综合。 构成形式：合理运用图量、图状或时间轴等视觉元素表达一个连贯的信息整体。 选择手法：使用与主体相吻合的表现方式，平面静态、视频动态、网络交互。 信息图表设计的要素 信息图表中最基本的要素就是需要进行视觉化表达的各种数据、信息和知识等。 以数据为例，设计师通常会使用已有的软件，生成线条、色块、箭头以及各种符号标 记等要素对数据进行表达，有时还需要使用简单直接的文字语言对图形化的信息进行注解。 比例尺和标签等要素也常常出现在信息图表当中。 信息图表中的元素 根据道格·纽瑟姆2004年定义，从表现形式的角度，“信息图表”作为视觉工具应包括以下六类： 图表(charts)， 图解(diagrams)， 图形(graphs)， 表格(tables)， 地图(maps)， 名单(list) /?p=2847 图表 charts 图表 图解 图形 表格 地图 名单 柱形图，条形图，饼图，折线图，XY 散点图，面积图，圆环图，雷达图，曲面图，气泡图，股价图，圆锥图、圆柱图或棱锥图 柱形图显示一段时间内数据的变化，或者显示不同项目之间的对比。柱形图具有下列子图表类型。 簇状柱形图???? 这种图表类型比较类别间的值。它还可以以三维效果显示。如以下图表所示，水平方向表示类别，垂直方向表示各类别的值，从而强调值随时间的变化。 堆积柱形图???? 这种图表类型显示各个项目与整体之间的关系，从而比较各类别的值在总和中的分布情况。它也可以以三维效果显示。 百分比堆积柱形图???? 这种图表类型以百分比形式比较各类别的值在总和中的分布情况。它也可以以三维效果显示。 三维柱形图???? 这种图表类型沿着两个数轴比较数据点 （数据点：在图表中绘制的单个值，这些值由条形、柱形、折线、饼图或圆环图的扇面、圆点和其他被称为数据标记的图形表示。相同颜色的数据标记组成一个数据系列。）。例如，在下面的三维图表中，您可以比较欧洲的四个销售部门和其他两个地区的业绩。 柱形图 条形图显示各个项目之间的对比。它具有以下子图表类型： 簇状条形图???? 这种图表类型比较类别间的值。它也可以以三维效果显示。在下面的图表中，水平方向表示类别，垂直方向表示各类别的值，从而关注值的对比情况。 堆积条形图 ???? 这种图表类型显示各个项目与整体之间的关系。它还可以以三维效果显示。 百分比堆积条形图???? 这种图表类型以百分比形式比较各类别的值在总和中的分布情况。它也可以以三维效果显示。 条形图 饼图显示组成数据系列 （数据系列：在图表中绘制的相关数据点，这些数据源自数据表的行或列。图表中的每个数据系列具有唯一的颜色或图案并且在图表的图例中表示。可以在图表中绘制一个或多个数据系列。饼图只有一个数据系列。）的项目在项目总和中所占的比例。饼图通常只显示一个数据系列，当您希望强调数据中的某个重要元素时可以采用饼图。饼图具有下列子图表类型： 饼图???? 这种图表类型显示各个值在总和中的分布情况。它也可以以三维效果显示，如以下图表所示。 分离型饼图???? 这种图表类型显示各个值在总和中的分布情况，同时强调各个值的重要性。它也可以以三维效果显示。 复合饼图???? 这是一种将用户定义的值提取出来并显示在另一个饼图中的饼图。例如，为了看清楚细小的扇区，您可以将它们组合成一个项目，然后在主图表旁的小型饼图或条形图中将该项目的各个成员分别显示出来。 复合条饼图???? 这是一种将用户定义的数据