你必须了解的3种排版法则【百科全说】

我们都知道UI界面是需要不断的更新迭代的，无论是功能、模块、甚至简单的文字排版都可以提高用户对界面的满意度。接下来我们看看有哪些方法可以帮助我们改变界面视觉效果。由尼尔森诺曼集团(Nielsen Norman Group)在内的多家研究公司对人们是如何浏览一页的信息以及他们的眼睛如何移动的问题进行了研究。据该小组的研究表明,用户通常在阅读或观察内容时遵循以下三种模式。

古登堡图表

当元素平均分布、性质相同，或者是设计包含大量文字资料时可以考虑使用古登堡图来协助设计版面内容。古登堡图表主要是把界面分为四个部分分别为：主视觉区（左上角）、终端区（右下角）、高闲置区（右上角）、低闲置区（左下角）。

我们在设计界面时可以尝试根据古登堡图表的四个部分来安排界面中模块的分布方式，首页我们可以把标题，logo或者是关键操作放在主视觉区。如下图

接下来我们视线会移动到右上方的高闲置区，所以这个部分我们可以加入一些推广，图片，辅助资料列表等（移动端的界面大小相对Web没有那么大的浏览范围，所以高闲置区以Web端为例。）如UI中国的详情页，会把标签、最新话等权重比不高的放大右侧。如下图

然后我们会进入左下角的低闲置区，这个部分可以理解为“休息区”，例如我们在资讯APP中，左下角通常是评论的输入区，或者在网页中，左侧也是留资的区域。最后，在右下角的终端区将引导用户得出合乎逻辑的结论。在界面上使用古登堡图表可让用户把握阅读节奏和增强对阅读的理解。这种模式也可以让我们洞察到在那些最有可能被阅读或注意的地方放置重要元素。