页面布局

人眼扫描模式

人的注意力是一个稀缺资源，让信息去匹配读者注意力的点，显然是优于让人的注意力去适应信息的做法。

根据 NNGroup、UXPin 等设计团体的研究，最常用的两种扫描模式是「F 型」和「Z 型」：

• 「F 型」应用最为广泛，尤其是对于内容丰富的网站

• 「Z 型」用于那些文字信息少，最后需要强调用户点击类的网站

页面布局示例

分清数据间的主次关系，根据数据主次关系确认布局

• 驾驶舱布局

• 多级分析页面布局

• 数据分析页面布局

• 移动端布局

布局的一些注意事项

间距相等

涉及到各模块标题与模块边界的间距、模块与模块之间的间距模块与整个大页面额间距，这几个重要地方要做到统一一致，确保布局的规整性。

一些细节之处也需要做到统一，例如图表坐标轴与模块边界的间距，各个分类之间的间距等需要细化。

合理留白

在版式设计中空白运用的好坏，直接影响其版面的视觉传达效果。留白的运用是增强视觉传达效果，提高作品的诉求力，赋予作品版面审美价值的一种重要构成技术。

应用在报表中主要体现在模块不要顶边，模块与模块间要有合理间距，在模块中图表的边线不要顶边。