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

用户头像
北京/平面设计师/5年前/509浏览
【海平面】如何创建平衡的页面/版面布局 ​

无论是印刷纸张呈现的页面布局,还是数字在线页面布局,都应遵循以下原则以确保平衡。


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



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


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


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



01.使用网格


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


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


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



02.选择一个视觉焦点



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


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


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


 

03.使用三分法则


 


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


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


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



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


 

04.使用空白



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


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


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


 

05.重复设计元素



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


 

06.应用层次

 

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


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


 

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


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


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


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



 

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


 


1
阅读原文
|
举报
|
17
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
平面设计风格的粉色草莓味马卡龙
平面设计 吊牌设计
城市园林平面布局航拍
玄关入门地毯印花图案红地毯
空的平台平面和自然景观
牛奶乳液层次平面平铺平面
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
牛奶乳液层次梯田平铺平面
平面男孩喝咖啡插画设计
城阙凡花
平面风格黄绿色系花朵装饰
金色颗粒质地的平面
海底世界插画
城市园林平面布局航拍
平面花卉图案扁平简约无缝拼接插画
平面插画情侣/矢量
空的平台平面和自然景观
平面插画设计女孩喝咖啡
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
中国传统纹样创新图案设计
倒计时,海报,平面
你可能喜欢
相关收藏夹
大家都在看
登录注册