1.png

一些可视化原则

1. 区分层级

  • 按重要性区分：不同的数据，重要性也各不相同。一般而言，会把重要的信息放在实现更易更早触达的地方，如页面偏左上的部分。从左上角开始，沿着对角线方向，信息的重要程度应该依次减弱。另外，可以使用高对比的色彩，不同大小的元素来突出信息的层级，帮助用户更快浏览关键信息。
  • 信息分类：清晰的分类可以更好地帮助人脑记忆信息。建议，信息超过7条以上就应该考虑分组。找到元素/信息之间的共性，可以帮助设计师和用户更好地组织和记忆信息（Sue Feldman，2004）。
  • 简化信息表达：杜绝晦涩难懂的描述语言，删除冗余的内容，尽可能精简，展示关键信息。宁可留白也不要让页面显得混乱拥挤。当遇到高精度要求的数字时，可以加入单位名称，缩短精度表达数字，使它们更容易阅读和直观理解。
  • 保持一致：界面设计元素，如字体，色彩，控件等都应该保持对齐一致（建议使用标准设计库当中的元素）。