icon cross

数据可视化设计原则

AntV 数据可视化设计原则是基于 Ant Design 设计体系衍生的,具有数据可视化特性的指导原则。它遵循 Ant Design 设计价值观的同时,对数据可视化领域的进一步解读,如色彩、字体的指引。

注:Ant Design 是一个致力于提升『用户』和『设计者』使用体验的中台设计语言。它将进行 UE 设计和 UI 设计人员统称为『设计者』,利用统一的规范进行设计赋能,全面提高中台产品体验和研发效率。

我们经过大量的项目实践和经验总结,总结了以下四条核心原则,并以重要等级进行排序,四条原则相辅相成且呈递进关系,希望你在设计时也可以采纳。

准确

从数据转化到可视表达时不歪曲,不误导,不遗漏,忠实反映数据里包含的信息。

有效

信息传达有重点,克制不冗余,避免信息过载,用最适量的数据-油墨比(Data-ink Ratio)[1]表达对用户最有用的信息。

清晰

表现方式清楚易读,具条理性,可以帮助用户快速达成目标,在最少的时间内获取更多的信息。

对数据的完美表达,合理利用视觉元素进行艺术创作,不过度修饰,给用户优雅的体验。


  1. 注 1 : Data-ink Ratio, Edward Tufte, The Visual Display of Quantitative Information, p. 51. ↩︎