Date 2026-03-16 17:34:24
在日常设计工作中,布局是图片的骨架,也是视觉交流的重要组成部分。布局的整体活动也可以改变图片的基调,这就是为什么许多作品看起来很好「简单」,但它并没有失去设计感的原因。如何通过设计技术区分原有的布局结构,提高设计意识,增强活动,目的是打破规则的形式,提高用户停留时间,以及图片的兴趣,所以本期与您总结一些常见的设计技术来增强布局活动,提高布局设计意识。
顾名思义,色块折叠法是改变色块的摆放方式,可分为两类。第一类是色块与色块之间的折叠。通过色块与色块之间的非常规摆放形式,打破原有的常规布局结构,增强其形式感和活动性。让我们举一个例子:

通过上下对比,不难发现下图的整体布局结构更加跳跃。直截了当地说,它不死板,形式感更强,给人一种更舒适、更有趣的感觉;上图的整体感觉并非不合理,但相对而言,这种结构形式非常普遍,布局结构变化不高,形式感和设计感稍有欠缺。造成这种现象的原因是什么?
顶部 LOGO 由于该区域采用了色块叠加技术,故意使用 LOGO 色块放大,使其超出导航栏的固定范围,在视觉感觉本身形成了强烈的形式感,打破了原色块区域的清晰布局。因此,布局的跳跃性也更强。时间表示区域通过叠加将原始上下关系的色块划分为前后关系,合理将海报、时间描述和下半部分三个不同的模块连接成一个整体,不仅提高了布局活动,而且提高了视觉的完整性。色块叠加的形式在许多优秀作品中也很常见,这种方法也是布局结构重组和变化最直观的方法。例如:

打破常规的效果是通过色块之间的相互叠加形成的,使页面布局更具跳跃性。
第二类是色块与主体的叠加,通过色块与主体或产品的叠加,创造非常规的设计形式,从而提高布局的整体灵活性和设计感。例如:

这里使用的是主体与色块之间的叠加技术,形成一定的前后关系,主体在色块中最大的作用是打破传统的布局形式,目的是给人更新颖、更形式的视觉感觉,虽然结构变化,但不影响主要信息的传播。记住,不能盲目追求非常规,忽视设计的本质,必须合理使用。
当工作布局不够活跃时,我们可以尝试故意改变局部信息,放大,提高视觉变化的对比度,因为放大元素本身具有强烈的视觉冲击和装饰,如大字体、数字、图形等,所以局部放大技术也是页面布局设计中非常常见的表达形式。例如:

放大主体的某个细节或某个部分,与原来的传统布局形成鲜明对比,对整个页面也起到了很好的打破布局关系的作用。想象一下:当用户一直在浏览更传统的布局结构时,突然出现了 1-2 如此非常规的处理模块将大大提高页面对用户视觉的影响,给用户留下更深刻的印象,但也使作品的整体布局结构更加跳跃。
还有另一种局部放大形式,即在放大的基础上,故意以非常规的形式放置,这通常可以打破布局,但这种形式在使用时相对难以掌握。例如:

在类似的情况下,通过产品非常规的局部放大和放置形式,画面给人更大气的感觉,更强的视觉冲击力和更强的布局跳跃。但是,在使用这种形式时,我们应该注意:页面最多出现在整个页面中 1-2 第二,用于活跃布局,增强设计感。一旦出现太多次,很容易形成混乱现象。之所以叫非常规,是因为有传统的方式来衬托和辅助,所以会在视觉上形成对比。
由于是为了提高布局的活动性,布局中的所有元素都可以是试图改变的元素,如常用的按钮或线条。使用非常规的形状和图形也是最简单的方法之一:

说到矩形,很多人会想到常规的形式,有些设计师会想到非常规的形式 少数人会想到这一点 2 和 3 这四种形式在设计上没有区别,但当我们习惯了传统形式的色块时,我们也可以尝试其他形式,这也会产生意想不到的效果。例如,非传统形式 2 的运用:

与我们通常看到的矩形排列相比,这部作品给人一种非常新颖的感觉。由于色块形状的变化,原平面作品具有很强的深度感,布局的跳跃性非常强。有人会说这种布局是僵化和传统的吗?
非常规形状 3 使用可参考以下案例:

改变原页面中完全统一的形状图形中的一种形式,一目了然地提高了页面的整体跳跃性。原因是这里的矩形形式属于非常规类型,具有一定的跳跃性和设计感,在这个页面上与上下形成一定的对比,使整个布局更加活跃。
还有很多非常规的形状,也可以尝试,比如:

如果你想让布局看起来不僵硬,你需要在页面中的每一个视觉元素上找到突破。布局听起来像一个大整体。事实上,它可以抛开整体,以每个部分为突破点,找到合适的视觉表达形式。当某种形式已经为大家所熟知甚至成为常识时,我们不妨稍微改变一下。在不影响识别度和视觉传达的基础上,进行一些形式调整,往往能给布局更强的跳跃感和设计感。
布局就像颜色匹配,非常情绪化,没有完全不变的理论。当我们想要提高布局的整体跳跃时,我们不妨尝试上述方法,也许小的变化对整体来说是两种完全不同的感觉。当然,我们不能盲目地追求形式感和特殊性。记住:特别是通过比较反映的,没有比较,就不能形成良好的视觉对比,也不能发挥应有的作用。或者提醒你,一种非常规的整体技术被用来使用 1-2 就这样,太多的话很难把握。
使主体更加突出的方法:
在日常设计工作中,我们经常会遇到:「由于作品中视觉元素过多,整体视觉主体不够突出,画面混乱,缺乏主次关系,甚至有些轻浮」。
阅读文章 >让画面不乱:
在日常工作中,很多设计师都会遇到画面整体过于混乱的问题。
阅读文章 >欢迎关注作者微信微信官方账号:「美工美邦」
