一款产品中所出现的图表肯定不止一种，为了消除不同类型图表给用户带来的认知负担，我们可以通过给图表添加相同的设计元素来建立图表的一致性原则。这些相同的设计元素可以是背景色，排版，标题样式等。

　　以咕咚为例，这里面出现的几种图表样式都是比较统一的。

　　视觉层级

　　不同的数据有不同的重要程度，我们可以通过配色，群组，字体，间距等手法来使图表的视觉层次分开，有助于用户对于数据的轻重缓急有一个直观的判断。

　　相比于浅色，深色背景更能吸引用户的注意力。

　　美观性

　　其实如果一个图表可以满足以上的三个条件已经可以说是相当不错了，但是我们要更进一步，从美观性的角度再对图表进行提升。好的图表应该是具有美感的，最好具备有趣，独特等要素。这样才可以吸引用户的注意力，让他们想看个究竟。看到特别出彩的图表样式，用户甚至会去分享。虎扑做的“数读NBA”就是一个非常好的例子。

　　现在我们可以看到一些图表会引入一些动效，动效可以美化界面，有趣的动效还可以起到娱乐用户的作用，但是动效会降低加载速度。比如下方的一个电子收据动画，这个动画看起来很酷炫，但是它的存在使得用户需要4秒钟才能看到交易细节。这个等待时间显然超过了用户的心里预期。所以在动效的使用上，我们一定要找到一个平衡点。

　　总结

　　这就是我从可读性，一致性，视觉层级和美观性这四个方面对图表设计的总结，希望可以对大家有所帮助。大家有任何问题和想法，欢迎留言来交流。