反馈已提交

网络繁忙

页面布局

  • 文档创建者:susie
  • 编辑次数:9次
  • 最近更新:susie 于 2021-08-27
  • 人眼扫描模式

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

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

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


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

    页面布局示例

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

    布局的一些注意事项

    间距相等

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

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

    合理留白

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

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


    附件列表


    主题: 可视化设计流程
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭