【海平面】如何创建平衡的页面/版面布局 ​

【海平面】如何创建平衡的版面布局

无论是实体印刷手册还是最新的在线网络应用程序，你设计的任何布局的主要目的都是将信息清晰有效地传达给受众。确保将关键消息传递的最佳方法之一，是创建平衡的页面布局。

布局设计通常涉及许多元素放置，重新排列和格式化。许多设计人员这方面做得很好，获得令人满意的设计效果。如果在版面上自由应用格式，虽可能会有个别极好的案例，但多数情况更可能导致页面上的视觉平衡不足。

良好的页面构成不仅应该令人赏心悦目，而且还应将这些关键信息清楚地传达给目标受众。在这篇文章里，我们汇总了一些重要提示，可帮助你确保版面布局设计平衡。无论你使用哪种介质，这些方法都将很好地为你提供一种平衡的结构。

01.使用网格

确保页面具有一定程度的平衡的最简单方法之一是使用网格系统。网格曾经只是应用在印刷页面上，但是在过去几年中，网格的概念移植到数字媒体上。

通过使用网格体现页面上不同元素的位置，这有利于你将在组成页面的不同元素之间创建连接。也可以帮助你使布局更有条理，为受众提供清晰的结构参考。

这一点很重要，因为当所有的页面元素都建立相互联系时，版面整体效果使受众感觉更舒适，更易于轻松阅读，方便他们访问重要信息：文字内容。

02.选择一个视觉焦点

提供平衡感的最有效方法之一是为布局设计选择一个视觉焦点。在实践中，一个很好的例子是使用大图像作为页面上最大的元素。

强大的视觉效果是吸引受众关注页面非常有效的方法，同时还可以提供有用的版面结构，围绕这些元素在布局中排列其余内容。如果有多个视觉元素，请应用格式塔理论的邻近原理将它们分组在一起，并以相同的方式把它们对齐。

还应该记住，你可以以相同的方式使用标题或引号。一个好的标题展示效果可以和图像一样的视觉吸引力，同时继续提供可帮助确保布局均衡的结构。

 

03.使用三分法则

 

提供平衡感的最佳方法之一，是使用设计师喜欢的三分法则或黄金分割法。简而言之，三分法则表示，如果将页面在垂直和水平方向上均分为三等份，则网格线相交的点将提供构图的自然视觉焦点。 

通过将重要元素与这四个点对齐，例如，与使页面上的元素完美居中相比，你将获得更令人愉悦的构图。

三分法本身不会神奇地为布局提供平衡，但是通过扩展原理，可以很容易地利用这种趋向自然的焦点来帮助确定布局是否平衡。 

一种常见的方法是将页面中最重要的元素放置在页面的上部（或下部）三分之一，并且将主要焦点对齐以匹配其中一个交叉点。

 

04.使用空白

对于新手设计师来说，通常会利用页面上的每一处空间，填充内容，直到填补了所有空白空间。而有经验的设计师知晓，有时最好的设计要有留白空间，而不是在版面上把设计元素铺得满满当当。

在印刷介质中，利用空白的最常见方法是扩大页边距和装订线。在网络系统上，只需在元素周围提供足够的呼吸空间，就可以使布局设计保持平衡。

当具有将内容锚定在一起的清晰结构时（例如，由网格提供的结构），使用负空间效果最佳，因为如果随意引入空白，则可能会有页面元素之间存在断开连接的风险。

 

05.重复设计元素

重复设计元素还可以提供强烈的连接设计感和平衡感。这个想法是通过在整个布局中识别并重复使用图案或设计处理，你可以为受众提供参考，以使不同的区域相互联系，并构成同一整体构图的一部分。你也可以使用此技巧，通过故意打破通过重复引入的相似性图案，在保持整体平衡的同时，为设计提供一个视觉焦点。

 

06.应用层次

 

实现页面布局必杀技的关键方法之一，是对结构和层次结构有清晰的认识。我们已经讨论过结构，但是在页面上传达不同内容的相对重要性也很重要。例如，标题几乎总是比正文内容在视觉上更重要。

查看构成布局设计的不同元素，并确定哪个元素最重要。使用此元素可为页面上的其余元素提供结构挂钩，使其保持最重要的地位。

 

07.协调使用比例、对比度

最后，使用比例可以是在布局中实现良好视觉平衡的一种非常有效的方法。通过使某些元素比其他元素更大，将会出现秩序感、等级感。这有助于创建舒适的布局，因为受众将首先自动查看布局中的较大元素，并逐步查看较小元素。

此规则还可以在增强对比度的情况下非常有效，因为通过对比度可使受众眼睛先关注版面上哪个元素。这样就提供了进入页面的方法，并又提供了一个有用的结构支撑点，可用来从中进行布局。

尤其将比例和对比度应用于一个元素时，效果最佳，这使其在布局的其他部分中脱颖而出，同时考虑一点就是：让它们相互联系并强调重点。

 

本文由海空设计（北京海空影视文化咨询有限公司）翻译整理，版权归本公司所有，如需转载到其他平台，请联系作者（微信ID：haikongsheji）。