超实用！移动端界面中的版式设计原理(下)

4. 留白的艺术

不仅文本和图片需要设计，而且空白也是页面排版的一个重要因素。所有的白色都是“有目的的空白”，有明确的目的来控制页面的空间组成。

有几种常见的方法。首先，通过留白来减轻页面给用户带来的负担。

第一个屏幕对一个应用程序非常重要，所以一些更复杂的应用程序的第一个评论积累了大量的入口。如果添加不受控制，页面包含太多的内容，会给人一种狭窄的页面感觉，给用户带来强烈的压迫感，所以太多的元素有时不是一件好事。空白可以使页面的空间感更强，视野更开阔，通过空白来减少页面的压迫感，使用户进入一个轻松的氛围。

二是通过留白来区分元素的存在，削弱元素与元素之间的阻隔。

表单项与表单项、按钮与按钮、段落与段落之间有联系但需要区分的元素，很容易造成视觉识别，也能给用户一种干净整洁的感觉。

第三，有目的地通过留白来突出表达的重点。“设计包括对差异的控制。

不断重复同样的工作，让我明白，限制这些差异，只保留那些最关键的是很重要的。”这句话来自原拓哉的《白》一书。通过留白来限制页面中的差异，突出内容是最简单、最自然的表达方式。减少页面元素和凌乱的颜色，让用户快速关注产品本身。这种方法广泛应用于电子商务应用。

四是留白给页面构图带来了不同的变化。在布局设计中要有节奏感，这也是我一直强调的。

传统杂志在每页打开时都会有不同的视觉感受。我认为应用程序中的许多部分也可以局部突出其个性或特征。空白可以给页面优先级的变化，也可以创造不同的视觉氛围。通过空白来改变布局，然后与四个原则相匹配，可以产生不同的效果。

值得注意的是，空白不一定要用白色填充界面，而是要营造一种空间与距离、自然与舒适的感觉。

5. 视觉灵活运用心理

看东西的时候，往往会产生一些不同的视觉心理，比如两个等宽的正方形和圆形放在一起，你会觉得正方形更宽。这些科学的视觉方法在布局设计中也被广泛用于引导用户的视觉，这也可以让设计师快速找到一些布局方法。

（via 布局设计原理)

首先，最常见的方法是灵活使用黄金分割比、文本与线段之间的间隔、图片的长度和宽度比等。可以通过黄金分割比快速设置。例如，设置列高度等。

在界面布置中，圆角和圆形往往比直角更容易接受和友好。

直角通常用于需要更全面展示的地方，如用户照片、唱片封面、艺术作品、商品展示等。使用圆角对个人feed或化身、板块样式等有更好的效果。

避免单调，增加整体页面排版的节奏感。

正如我上面提到的，排版应该有优先级和优先级，这样用户在观看过程中就不会感到冗长和无聊。

图片也有不同的色调，这种色调可以通过蒙版来控制。

如果选择更明亮的色调可以减少对用户的压迫感，选择更深的色调可以使整个画面更加平静，内容显示更加清晰。

6. 没有设计的设计

最后一段不是布局设计原则，更像是一种设计心态。

古人写诗的时候，有一种手法叫白描。原拓哉曾强调“最美的设计是虚无”，在界面设计中也追求“让用户感受不到设计”的境界。每一行/每一行文字/每一个按钮的存在都有其存在的原因。它不加无意义的修饰，不需要陪伴村庄和衬托，让用户更加关注内容的主体，削弱视觉认知。即使用户在滑动时看到按钮或一行文字，他们也觉得这是理所当然的。“菩提没有树，镜子也不是舞台”。设计就像做人一样。一切有为法就像一个梦幻的泡沫。只有不注意形式，他们才能明白自己的观点。

图中的例子在某些地方并不是那么自然，但我认为上述例子是朝着“让用户感觉不到设计”的方向进行的。没有完美的设计，只有努力变得更好的设计。最后，做好设计不是一夜之间，理解设计也不是一夜之间，我希望你善于发现美，也善于理解美。