历史版本9 :页面布局 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

人眼扫描模式编辑

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

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

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

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


页面布局示例编辑

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

布局的一些注意事项编辑

间距相等

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

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

合理留白

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

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