如何创建平衡的页面布局
页面布局会对任何印刷或数字设计的感知产生巨大影响。无论是印刷的小册子还是最新的web应用程序,设计的目的都应该是清晰有效地与读者沟通。确保向读者传达关键信息的最佳方法之一是创建平衡的页面布局。
页面布局设计通常涉及元素的放置、重新排列和格式化。许多设计师将这一过程有机地结合在一起,以一种令人愉悦的方式实现最终结果。这可能会导致一些令人愉快的意外事件,但使用这种自由形式的方法可能会导致页面上缺乏视觉平衡。
一篇好的页面文章应该令人赏心悦目,但它也应该以一种清晰的方式将关键信息传达给预期的读者,使其易于理解和导航。为了提供帮助,我们收集了一些顶级技巧,以帮助您确保页面布局设计具有平衡性(一个好的网站建设者也可以提供帮助)。这些技巧可以帮助你创建一个平衡的结构,而不管你使用的是哪种媒介。有关特定于web的建议,请参阅我们的创建完美网站布局指南。
如何创建平衡的页面布局01。使用网格确保页面平衡的最简单方法之一是使用网格系统。网格曾经是打印页面的唯一保留,但为了帮助将网格的概念移植到数字媒体,已经在网上做了很多工作。通过使用网格来引导不同元素的位置,您将在组成页面的不同元素之间创建连接。这有助于给你的布局增添一种秩序感,给读者提供一个清晰的结构参考,并提高你的页面的成功率。
这一点很重要,因为当页面上的所有元素都有一种连接性时,整体影响对读者来说更为舒适。这使读者感到轻松,方便他们访问重要内容:内容。有关更多详细信息,请参阅我们的设计师网格理论指南。
02。选择单个焦点创建平衡页面布局的最有效方法之一是为您的设计选择单个焦点。在实践中,一个很好的例子是使用大图像作为页面的主要元素。
在页面布局中,强烈的视觉效果作为主要焦点,可以提供一种强有力的方式引导读者进入页面。它还提供了一个有用的结构元素,可以围绕该元素安排其余内容。如果你有多个视觉元素,格式塔理论的接近原则可以用来将它们组合在一起,以相同的方式将它们对齐。
值得记住的是,你也可以以相同的方式使用标题或引语。一个好的显示标题可以提供与图像一样多的视觉趣味,同时继续提供有助于确保平衡布局的结构(如果您的站点有大量资产要存储,请查看这些云存储选项)。
03。使用三分法则在页面布局中提供平衡感的另一个重要方法是使用设计师最喜欢的三分法则,也称为黄金比例。简单地说,三分法则表示,如果将页面垂直和水平分为三分之一,网格线相交的点提供了构图的自然焦点;通过将关键元素与这四个点对齐,你可以获得比完美地将元素放在页面中心更令人愉悦的构图。当然,仅仅三分法并不能神奇地为布局提供平衡,但通过使用该原则,利用这种自然焦点的趋势可以很容易地帮助引导布局的平衡;一种常见的方法是将页面最重要的元素放置在页面的上(或下)三分之一处,主要焦点对齐以匹配其中一个交点。04。使用空白新手设计师通常希望使用页面上的所有空间,堆积内容,直到填补所有空白。经验丰富的设计师知道,有时最好将某些元素去掉,而不是将它们塞进,这样会造成外观混乱。
在印刷媒体中,最常用的利用空白的方法是扩大页边距和水槽。在网页上,只要在元素周围提供足够的喘息空间,就可以让你的布局设计感觉沉稳和平衡。
当你有一个清晰的结构将内容锚定在一起(如网格提供的内容)时,使用负空间效果最佳因为如果随意引入空白,也有可能在页面元素之间产生一种断开连接的感觉。
05。重复使用设计元素是另一种可以为布局提供强烈平衡感的技术,可以在构图中创建连接。通过在布局中识别并重新使用主题或设计处理,您可以为读者提供参考,使不同的区域感觉彼此相连,成为同一整体构图的一部分。您可以使用此技术在设计中提供焦点。这可以通过故意打破通过重复引入的相似模式,同时保持总体平衡来实现。
06。使用层次实现页面布局涅盘的关键因素之一是清晰的结构和层次感。我们已经谈到了结构,但传达页面上不同内容元素的相对重要性也很重要。例如,标题几乎总是比正文更具视觉重要性。
查看构成页面布局的不同元素,并确定哪个元素最重要。使用此元素为页面上的其余元素提供结构挂钩,同时将其保留为最重要的元素。
07。使用比例、对比度和和谐度最后,页面布局的另一个重要方面是比例的使用。这是实现良好视觉平衡的非常有效的方法。通过使某些元素比其他元素大,可以创建一种秩序感和层次感。这有助于创建一个舒适的布局,因为观看者在阅读时会先自动查看布局中较大的元素,然后再转到较小的元素。这一原则也适用于对比度。通过增加对比度,您可以在页面上隔离一个元素,使眼睛首先聚焦于该点。这提供了一种进入页面的方式,并再次提供了一个有用的结构点,从中可以开发布局。
缩放和对比度应用于单个元素时效果最佳,使其从布局的其他部分中脱颖而出。然后,你可以使用和谐的原则,让其他元素感觉彼此相连,同时突出焦点。
相关文章:
最好的免费平面设计软件34必须阅读有史以来最具争议的杂志封面中的平面设计书籍8