数据可视化设计师必备的图表规范指南.docVIP

数据可视化设计师必备的图表规范指南 / 一、你在工作中是否会为了如何选用可视化图表而苦恼？ 在企业大数据、后台管理面板、金融行业等与数据有关的UI设计中，数据可视化设计是必不可少而且非常重要。 但是很多设计师不懂可视化当中不同用途的图表规范，只是为了设计出好看的数据图表，在不停的寻找设计灵感参考，最终发现了即使有漂亮的可视化数据图表，但却不能用在自己的项目上非常可惜。 为什么会出现这样的情况呢？ 原因其实无非就是：设计师除了自身比较少接触数据设计外，就是对可视化的设计规范不了解。 如果您了解一些数据图表的相关设计规范，知道什么数据用什么图表，知道颜色的意义，知道数据排版的要点，那么你就能从这些规则中绘制出优秀又美观的可视化数据图表。 二、设计师应该了解的数据可视化图表设计规范有哪些？ 今天我将为大家分享谷歌2019年6月更新的Material Design数据可视化设计规范指南，这个规范指南基本适用所有数据图表设计，很有参考价值，建议收藏。 主要从以下几个方面去归纳： 数据可视化的基本原则？ 数据图表的类型有哪些？ 针对不同用途该如何选择合适的可视化图表类型？ 数据图表的样式设计？ 数据可视化大屏的用途分类？ 三、数据可视化的基本原则 数据可视化是一种以图形描绘密集和复杂信息的表现形式。数据可视化的视觉效果旨在使数据容易对比，并用它来讲故事，以此来帮助用户做出决策。数据可视化可以表达不同类型和规模的数据，包括从几个数据点到有大量变量的数据集。 所以我们在进行数据可视化的时候需要注意三点要求： 1. 准确的 优先考虑数据的准确性、清晰度和完整性、以不会曲解信息的方式来呈现信息。 2. 有帮助的 为用户浏览数据时创造便于研究和比较的条件与功能。 3. 可扩展的 预测用户对数据深度、复杂性和形式的需求，针对不同设备大家可以进行可视化展示内容和形式。 四、数据图表的类型 数据可视化是可以以不同的形式去表达的，图表是表达数据的常用方式，因为它们能够展示和对比多种不同的数据。 图表类型的选择主要取决于两点： 要表现的数据 表现该数据的用意 1. 具体类型 1）随时间进行变化的图表 这类图表主要用来展现一段时间的数据，例如多个类别之间的趋势或者比较。 常见的用例包括：股价的升降表现、数据统计、年报等。 图源：网络 2）不同数据间的类别比较 类别比较图表是多个不同类别数据之间的比较，常见用例包括：不同国家的收入、热门场的时间、团队分配。 图源：网络 3）展现不同数据间的排名图表 排名图表显示项目在有序列表中的位置，常见用例包括：选举结果、性能统计。 图源：网络 4）不同部分数据在总体数据中的占比 占比类图表显示了局部与整体的关系，常见用例包括：产品类别的综合收入、预算。 图源：网络 5）两个数据以上的关联比较 关联类图表显示两个或以上变量之间的关系，常见用例包括：收入和预期寿命。 图源：网络 6）数值间的分布 分布类图表显示每个值在数据集中出现的频率，常见用例包括：人口分布、收入分布。 图源：网络 7）数据的流程 流程类图表显示了多个状态之间的数据移动，常见用例包括：资金转移、投票计数和选举结果。 图源：网络 8）数据关系 关系图表显示多个项目之间的关系，常见用例包括：社交网络、词图。 图源：网络 五、针对不同用途该如何选择合适的可视化图表类型？ 面对多种类型的图表，以下表格总结了关于如何选择合适的图表。 显示随时间的变化，可以使用时间序列图表来表示随时间的变化，就是按时间顺序表示数据点的图表。表示随时间变化的图表包括：折线图，柱状图（条形图）和面积图。 *基线值是y轴上的起始值。 1. 柱状图（条形图）和饼图 柱状图（条形图）和饼图都可用于显示比例，表示部分与总体的对比。 柱状图（条形图）使用共同的基线，通过条形长度表示数量； 饼图使用圆的圆弧或角度表示整体的一部分。 柱状图（条形图），折线图和堆叠面积图在显示随时间的变化方面比饼图更有效地。由于这三个图表都是使用相同的基线，因此可以更轻松地根据条形长度比较值的差异。 图源：网络 2. 面积图 面积图有多种类型，包括堆叠面积图和层叠面积图： 堆叠面积图显示多个时间序列（在同一时间段内）堆叠在一起 层叠面积图显示多个时间序列（在同一时间段内）重叠在一起 层叠面积图建议不要使用超过两个时间序列，因为这样做会使数据模糊不清。取而代之，应当使用堆叠面积图来比较一个时间间隔内的多个值（横轴表示时间）。 图源：网络 六、数据图表的样式设计 数据可视化使用自定义样式和形状，使数据更容易理解，以适合用户需求。 图表可以从以下方面进行优化： 图形元素 文字排版 图标 轴和标签 图例和注释 不同类型数据的样式设计： 可视化编码：是将数据转换为可视形式的过程。独特的图形属性可应用于定量数据（如温度，价格或速度）和