信息图表制作教程系列—子弹图设计规范详解

●概论



子弹图，顾名思义是由于该类信息图的样子很想子弹射出后带出的轨道。起初，子弹图的发展是为了取代仪表盘上常见的那种里程表，时速表等基于圆形的信息表达方式。子弹图无修饰的线性表达方式使我们能够在狭小的空间中表达丰富的数据信息，这种情况在寸尺寸金的报纸媒介上尤其明显。与通常所见的里程表或时速表类似，每一个单元的子弹图只能显示单一的数据信息源，并且通过添加合理的度量标尺可以显示更精确的阶段性数据信息。另外，子弹图通过优化设计还能够用于表达多项同类数据的对比，例如今年消费实际与去年实际消费的对比关系；再例如，还可以表达一项数据与不同目标的校对结果，例如非常好、令人满意、不好等目标。同时，就我们人类的阅读习惯来说，线性的信息表达方式与我们习以为常的文字阅读相似，相对于圆形构图的信息表达，在信息传递上有更大的效能优势。


●子弹图一般由5个要素组成：
1.文字标签和主体条柱
2.刻度量表
3.主要标记标识
4.用于对比的标识（可选）
5.定性范围标识，一般2-5个就足够表达，根据所要表达数据的实际情况，可以适当进行调整






1.文字标签和主体条柱

文字标签用于读者有效识别信息图上的对象信息。

格式的默认设置：
位置-水平向的子弹图，文字标签位于左侧；垂直向的子弹图，文字标签位于顶端。
解释：一般我们按照大的原则，从左至右，从上到下。但是个别情况我们会有所调整，例如某些过长的水平向子弹图，我们也会在图的右侧添加文字标签，因为数据量化后条柱的端点（子弹头所在的位置）往往不会集中在起点附近，（如果真是这样，说明该图的整个尺度设定过长）所以为了便于对照阅读，尽可能使标签接近子弹头。

颜色、方向、尺寸-主要信息对象的文字标签和主体条柱，一般使用100%的黑色；方向自左向右生长，根据不同的读者观察距离（不同媒介的观察距离不同，地铁广告的尺寸与报纸的尺寸势必不一样）确定足够清晰的条柱尺寸（主要是条柱的粗细）。


2.刻度量表

刻度量表用于精确标示条柱所对应的数值，通常刻度量表的最低值为0。有时候针对不同的数据也会从非0刻度开始，目的是为了突出条柱端点处的精确数值（这种情况一般发生在总数值过于大的情形）。

格式的默认设置：
位置-水平向的子弹图，刻度一般位于条柱下方；垂直向的子弹图，刻度一般位于条柱右侧；刻度一般不标注在条柱色块的内侧（确保条柱色块的完整性）。

数值区间-通常从0开始，有时根据实际情况进行调整。

刻度颜色-通常使用浅灰色，不干扰数据条柱的识别，使用浅灰色通常更能突出数据条柱的醒目度。

刻度对应的文字颜色、定位、尺寸-刻度的文字标识通常为100%黑色，由于与主要条柱之间有刻度间隔，所以此处使用100%不会过于干扰主要条柱的识别；位置通常与所在刻度对齐；在合适距离中不影响识别的情况下尽可能使用标号较小的字体。


3.主要标记标识

主要标记在子弹图中用于显示需要显示的某些关键数值定位（例如目标年收入），因此需要醒目地进行表达。通常情况下，这个标记使用短小的条柱来表达。但是，当起点从非0刻度开始时，我们也会使

用圆形或方形的图形标识关键数值的定位，目的是为了与0刻度开始的子弹图有所区别。

格式的默认设置：
位置-（此处以水平方向的子弹图为例）通常情况下在子弹图地图的垂直方向居中的位置，水平方向根据具体的数值进行定位。

颜色-为了突出标识，使用100%黑色




4.用于对比的标识

用于对比的标识通常比主要标识在视觉上弱化一些，部分读者可能会对用于对比的数据更感兴趣，但是作为设计师，我们需要满足绝大部分读者的需求。所以，我们需要确保用于对比的标记相对于主要标记更晚“进入”读者的视线。

格式的默认设置：
位置-（此处以水平方向的子弹图为例）通常情况下在子弹图地图的垂直方向居中的位置，水平方向根据具体的数值进行定位。

颜色-100%黑色，但是尺度上要比主要标记小（条状的话就减小宽度；圆形的话减小直径，但不能小于主要数值的条柱宽度；方形的话就减小边长），宽度的减小不能弱到不易读者识别。当需要引入第二项对比标识时则使用80%的黑色，更多的对比标记以此类推。




5.定性范围标识

定性范围标识用于表达数据的“质量”（例如非常好、令人满意、不好等）。定性范围标识一般为3-5个，超过5个的定性范围标识则过于复杂，不利于信息的有效表达。

格式的默认设置：
颜色-两个定性范围标识：35%黑色，10%黑色
    三个定性范围标识：40%黑色，25%黑色，10%黑色
    四个定性范围标识：50%黑色，35%黑色，20%黑色，10%黑色
    五个定性范围标识：50%黑色，35%黑色，20%黑色，10%黑色，3%黑色
    定性范围标识的颜色不超过50%黑色，以拉开与主要数据条柱的色彩层级。


●扩展设计

标准子弹图无法表达的情况下，就需要使用子弹图的扩展应用，通常有以下两种情况：
1.需要同时表达“正值数据”和“负值数据”。
2.专门表达“负面（消极）数据”，此时最好能够将子弹图做方向上的反转，这样也可以使该图看上去明显区别于标准子弹图，从而对该子弹图所表达的数据本能上产生差异化注意。

如果需要同时表达“正值数据”和“负值数据”，例如表达公司的盈亏时，下面的子弹图可以作为参考：



如果需要表达“负面（消极）数据”，例如表达公司的开销时，下面的子弹图可以作为参考：



下面我们将几组子弹图排列在一起，“公司开销”图和“次品数量”图，在所有数据中属于负值数据或负面数据（对公司或产品有负面影响的数据），通过反转表达，从视觉上我们就能明显感觉到这两组数据与其他数据的区别。




阶段性数据对比
有时我们会表达一些阶段性的数据，例如，我们定义了全年的额定目标，但是每个季度都会阶段性地显示当前完成的进度，此时就需要同时表达第一阶段的数据和全年整体的额定目标数据，可以参考下面的子弹图：



好了，这次就为大家介绍信息图表设计中的子弹图设计规范，希望对大家能有帮助，下次我们还会带来更多的相关教程。
以上教程的英文版来自于：
http://www.perceptualedge.com/