广州天象网络技术有限公司干货APP界面排版二

    信息的排布

对任何信息进行排布的时候，首先必须要掌握的是对齐/重复

/亲密/对比，贯穿设计的四大原则。

对齐除了能建立一种清晰精巧的外观，还能方便开发的实现

。基于从左上至右下的阅读习惯，移动端界面中内容的排布

通常使用左对齐和居中对齐，表单填写的输入项使用右对齐

。

设计和做其他事情一样，也要有轻重缓急之分，不要让用户

去找重点/需要注意的地方，应该让用户流畅地接收到我们想

要传达的重要的信息。重复和对比是一套组合拳，让设计中

的视觉元素在整个设计中重复出现既能增加条理性也可以加

强统一性，降低用户认知的难度。那么在需要突出重点的时

候就可以使用对比的手法，例如图片大小的不同或者颜色的

不同表示强调，让用户直观地感受到重要的信息。

在排布复杂信息的时候，如果没有规则地排布那么文本的可

读性就会降低。组织信息可以根据亲密性的原则，把彼此相

关的信息靠近，归组在一起。如果多个项相互之间存在很近

的亲密性，它们就会成为一个视觉单元，而不是多个孤立的

元素。这有助于减少混乱，为读者提供清晰的结构。

在设计表达的时候，一定要考虑内容的易读性。适当使用图

形可以增加易读性和设计感，而且图形的理解比文字更

。那些用文字方式表现时显得冗长的说明，一旦换成可视化

的表现方式也会变得简明清晰，可视化的图形可以将说明/标

题/数值这种比较生硬的内容，以比较柔和的方式呈现出来。