2.3.5　突出图形重要数据

在一组数据中往往存在重要数据和次要数据，通过对图形进一步的设计，能够从视觉上把两者的主次关系表达出来。由于重要数据一般是业务上重点强调的数据，也可能是用户最关注的数据，因此在设计图形前，明白数据的主次关系是至关重要的。下面我们从一个游戏开始本小节的内容，请在图2-49中找到所有的红色点，并统计数量。

图2-49

答案是7个，数错了也没关系，因为面对杂乱无章的视觉内容很难获取信息。如果想快速准确地获取信息，其实可以通过改变设计形式达到目的。如图2-50所示，弱化其他元素，增强它们与红色的对比，这样再去获取红色点的信息就一目了然了。

“好的图形会说话”，说的就是当用户浏览图形时，就像一个人在与用户对话一样，“他”了解用户最关注的数据，也会告诉用户“他”想让用户知道的数据，并且用最简单的方式表达出来。而塑造这个“人”的人就是设计师，其可以通过图形大小、色彩对比等设计手段，把数据合理地、直观地呈现给用户。

图2-50

设计一个图形首先需要明确业务要表达的数据，以及用户想了解的数据，然后再去突出重要数据，减少不必要的干扰。

图2-51中的折线图表示的是五年中各季度销售额的趋势，如果用不同颜色的折线表示五年的数据趋势，则交织在一起的折线在视觉上显得非常混乱。从数据结构上来看，最近一年的数据趋势必定是用户最关注的数据，需要重点突出，这就可以通过对比设计把其他关注度低的年份弱化，同时用标签在折线的末端直接标注年份，这样就形成了鲜明的对比。

折线图的图例最好能标注在折线的末端，这样不会分散用户的视觉注意力。折线图中少量的分类折线可以用不同的颜色表示，但最好不要超过四条，否则就会变得难以辨别。

图2-51

再举一个例子，用散点图呈现年度销售订单分布，重点要突出平均值以上的数据，这时就可以通过增加平均线来分割数据，把平均线以上的数据用对比强的颜色重点突出，弱化平均线以下的数据，如图2-52所示。这其实是数据可视化设计的一个重要概念，突出重要数据，为用户的视觉做选择，提高浏览效率，减少认知成本。

图2-52