如何创建有平衡感的排版?

不论设计什么页面——海报、网页还是APP——最终目的都是向受众准确地传达内容。而准确传达内容的核心要点之一就是排版。

How to create balanced page layouts - design, chosen - 如何创建有平衡感的排版?

页面排版包括元素摆放、元素排列和元素组合等,职业设计师们大多培养出了排版的本能,凭借感觉就能排出想要的效果。尽管“凭感觉”常常能带来惊喜,但不可否认也很容易出岔子,而排版失去平衡感就是很典型的例子。

好的排版不仅能取悦眼球,还能向目标用户准确传达想要的内容。下面的一些小提示将单纯从结构出发,帮助你塑造平衡的排版。

01 使用网格线

Use a grid - design, chosen - 如何创建有平衡感的排版?

保障排版在一定程度上保持平衡的最简单方式就是使用网格系统。过去,网格线在印刷媒体的排版上是经常使用的,而最近几年在数字媒体它的应用也越来越广泛。

使用网格系统,可以帮助你定位不同位置的不同元素,让你将不同元素通过位置关系联系起来以形成页面。使用网格系统也可以培养你的排版意识,并让你对页面的结构有更好的整体把握。

网格系统是很重要的,因为页面的所有元素都应给人相互联系的感觉,这样整体效果才更加和谐舒适,由此才能让人更容易观察其内容。

02 选择一个焦点

Choose a single focal point - design, chosen - 如何创建有平衡感的排版?

在页面上选择单一的焦点或核心关注点,是构建排版和谐的技巧之一。比如,很多版面都采用了以大图作为页面上最大最明显元素的策略。

一个强烈的视觉元素可以给页面强烈的引导感,它作为重要的结构性元素可供周围的元素环绕排布最终形成版面。如果你有多个核心元素,可以使用格式塔原理来组合它们,让它们以相同的方式排列。

类似的,你可以用标题文字和引号等元素来作为引导元素,尤其是在图片上的标题文字可以给图片增加更多内涵,同时帮助你将版面排布地更好。

03使用三分原则

Use the Rule of Thirds - design, chosen - 如何创建有平衡感的排版?

三分法黄金分割法都是设计师钟爱的达成平衡排版的方式。简单来说,三分法就是将画面用2条水平线和2条垂直线平均分割成9份,而线与线的交点则作为自然视觉焦点。

通过将核心视觉元素放在交点的位置,你可以让画面更具和谐感,比核心元素在画面正中心往往要更好。

如果你发现常规的三分原则并不能帮助你平衡好排版,也可以灵活变通,用类似的思路来找到自然焦点。

简而言之,你可以通过这种简单的方法来尝试:将画面上最重要的元素放在画面1/3的位置(总共有4个,可以按需摆放),然后让画面的主轴和其中一条直线对齐。

04 利用留白

Use white space - design, chosen - 如何创建有平衡感的排版?

你可能会认为利用好页面的每一块空间是天经地义的,把页面填满似乎才能平衡页面的重量。其实并非如此,富有的经验设计师会明白留白的重要性,有些地方留白会比填满效果更好。

在印刷媒体中,主要的留白趋于往往在页面边缘。而在网页上,留白是为了给各元素更多呼吸空间,使得页面看起来更和谐及平衡。

当元素位置固定且结构清晰的时候,利用留白的效果也会是最好的。但如果利用不当,可能会给人一种页面断裂的感觉。

05 重复设计元素

Repeat design elements - design, chosen - 如何创建有平衡感的排版?

重复元素可以让页面产生更多关联感和紧凑感,从而整体上实现平衡。重复元素可以通过定义并重复使用某种符合页面主题的元素来实现,这样页面的各个部分就可以相互呼应。

这种方式也可以用来创造视觉焦点,即不是单纯地重复使用元素,而是在使用时进行一定的变化,实现整体上的平衡。

06 使用层级

Use hierarchy - design, chosen - 如何创建有平衡感的排版?

正确传达内容的方法之一,就是给内容清晰明确的层次感和结构感。我们已经涉及了关于结构的问题,而你也要关注不同内容的权重问题。比如,标题比正文应该在视觉上更加醒目。

因此,你可以关注页面上的元素,并决定哪些最重要,哪些次之,让整个页面的结构层级关系保持一致。

07 使用透明度/对比度/比例

Use scale contrast and harmony - design, chosen - 如何创建有平衡感的排版?

最后,透明度/对比度/比例也可以帮助达成优秀的排版。就比例来说,如果一个元素更大,那么它自动地就会和其他元素一起建立层次感和秩序感,使得布局更加舒适。这种做法也有助于引导用户先查看大元素的内容,然后再去看小元素。

同样的道理可以应用在透明度/对比度上,更低透明度或更高对比度的元素在页面上更加明显,可以成为用户的第一焦点。它们不仅可以告诉用户如何查看页面内容,还可以为排版创造结构核心点。

总之,使用比例和对比度/透明度和原因,是它们可以让某个元素更见明显,从而脱颖而出。由此可以让人感到画面的联系感并突出重点。

How to create balanced page layouts

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!

您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注