2.3.10　图形的扩展性设计

图形都有很强的扩展性，通过对图形进行扩展性设计可以让用户更容易理解数据、减少用户认知成本或增加数据维度的展示。这是一种创新性的设计技能，非常考验设计师的能力。

1. 图形结合图标设计

在图形的扩展性设计中，最常用的就是图标的运用。如图2-61所示，将水波图和男女形象的图标结合，能够给人一种更直观的感受。同时，在扩展性设计时，助力数据结论的表现也非常重要，图2-61中男女图标的百分比数据会随着数据的变化而变化，这样就很容易在视觉上形成对比。

图2-61

2. 图形结合形象元素设计

除了与图标的结合，图形还可以与形象的元素结合，例如玫瑰图与时钟的结合，图2-62所示是某个城市交通早晚高峰期指数的展示，图中玫瑰图的12个数据分别对应时钟上的12小时，这样用户会因为对时钟的了解，而快速接收到图形所呈现的信息，这种巧妙的设计不仅能够形象地展示数据，而且也会使界面的整体设计变得多元化。

图2-62

3. 图形结合业务关键词设计

图形可以结合数据属性的关键词，以动画的形式表现出来，这是一种高级的设计手法。图2-63所示是网民上网的流量入口，这里的关键词就是“流量”，图中用粒子动效来渲染流量，用隐喻的设计手法解释了数据性质。

图2-63

4. 增加数据维度设计

图2-64所示是对大数据量展示的面积图的扩展设计，即在缩略滑块条中增加预警提醒功能（红色部分），如遇到异常数据就会出现红色警告。这个功能一般适用于实时传输类图形，比如前一天晚上的数据出现异常，由于可视化图形随时间走动，第二天可能就会越过预警区域，这时缩略条就能及时提醒。

图2-64