1. 首页

设计构图做不好?6大构图方法帮您提升

而在设计中影响画面结构稳定的因素有很多,如何才能让设计作品构图更加稳重?示例中分别向我们展示了设计中影响画面构图平稳的因素,可以分别总结为:以上虽然都是左右式的构图,但属于错误示范,重心偏下和偏上的错误比较好理解,我们重点说下中间的比例失调这类。而且这类构图看似有些乱,实则做好对齐是重中之重。结合前面所说的构图形式,下面通过动手实操的方式做几个案例:

说到「构图」一词大家并不陌生,设计中的构图也可以理解为作品的骨架,就好比盖房子,如果刚起初的地基和整体钢筋构架不稳,那么经常有一栋栋的危房拔地而起,你敢住吗?于是延伸到设计中也有极其,设计构图也是要求一个「稳」字,也就是重心稳,平稳的构图更符合大众的触觉感觉或者信息传递,反而重心不稳的作品会给人一种摇摇欲坠、站不稳的视觉体验。而在设计中妨碍画面结构稳固的原因有众多,如何能够让设计作品构图更加简洁?怎么提高自己的构图能力?希望本期内容无法帮助到你们。

影响稳定的动因

设计中的平稳和现实中并不完全一样,现实中想要超过平稳我们可以借助天平、称重工具进行检测,而在设计中,我们仍然能够做到质量上完全1:1的平稳,但是只需视觉体验上超过平稳即可,往往妨碍视觉构图平稳的原因不止一种,示例如下:

设计构图做不好?6大构图方法帮您提升

例子中分别向我们展现了设计中妨碍画面构图平稳的原因,可以分别总结为:

然而在设计中不仅大小之外,色彩也有制约画面重心稳定的一个主要原因,当我们在进行版面编排的之后,为确保重心结构的稳步,可以结合实际视觉体验进行颜色及其大小关系上的微调,直至视觉平稳即可。

常见的平稳结构

平稳的构图形式在设计中早已变成一种构图准则,有什么常见的且非常实用的构图方式可供我们参考的?以下我们总结一下:

设计构图做不好?6大构图方法帮您提升

设计构图做不好?6大构图方法帮您提升

1.居中式

不管是文字排版还是版面构图,居中的方法都是利用最多的,最主要因素就是居中的方法针对平稳的表现最直观,而且也最好把控,举个反例:

设计构图做不好?6大构图方法帮您提升

实例中的构图形式就是居中式构图,不管是产品也有其它元素,都充分的以居中的方法进行放置,画面整体看上去更加的稳步,这只是居中式构图的特点,画面结构本来就带有绝对的平稳,易于上手。

2.上下式

上下式的构图方式可以理解为图文上下结构分开,比如:上图下字以及上字下图,在有些之后和居中式也很像,这也有一种相对直观的平稳构图形式。举个实例:

设计构图做不好?6大构图方法帮您提升

设计构图做不好?6大构图方法帮您提升

场景构图结构为上下式,即上字下图,这种构图方式才能很易于地保持视觉的相对平稳,如果将文案信息运用居中的方式放置,又和居中式的构图结构很雷同,需要注意的是:视觉元素的摆放最终要能产生视觉上的平稳。

3.左右式

左右式相对而言就更好理解了,即视觉元素左右分开的方法,这种构图方式在设计中也有很常见的一种,下面看个实例:

设计构图做不好?6大构图方法帮您提升

左右式的构图结构重点,在于尽可能地确保视觉重心平稳,不要发生过于重心偏离的状况;也可以把这些构图方式看作是现实中的天平,当主体以及产品固定位置后,我们可以让两边的视觉元素能与另左侧在视觉元素比例上相同,以确保画面重心平稳。左右式构图需要减少的要点:

设计构图做不好?6大构图方法帮您提升

以上仍然都是左右式的构图,但属于错误示范,重心偏下和偏上的出错比较好理解,我们重点说下后面的比重失调这类。就视觉重心而言,其实后面的体现方式相对而言重心是水准的,但是这些方式仍然不可取,原因在于:左侧与两侧发生了严重视觉比例的失衡,也就是重心倾向两边,类似于天平出现了严重的倾斜方向,虽然设计并不像现实数字般要求这么严苛,但是也要确保在视觉上看相对稳固,要防止发生比例失衡的现象出现。

以下我们再看一组相当常用的相对平稳的构图结构,也是在以前工作中非常实用的一些,继续来看:

设计构图做不好?6大构图方法帮您提升

设计构图做不好?6大构图方法帮您提升

4.中心发散式

从左边示意图我们不难发现,中心发散式主要以场景的中心点为开端,向四周不断延伸、填补视觉元素,以保证画面整体是稳步的。其难点并不是中心位置,而是向两边发散的视觉元素——它直接决定了场景重心的稳步程度,看个示例:

设计构图做不好?6大构图方法帮您提升

中心发散式构图最大的特征:中心视觉元素位于画面中心,所以几乎可以忽视它所带给的不稳固因素,重点只要把控好发散的视觉元素能维持场面整体平稳即可。

5.散布式构图

散布式构图相比而言相当难把控,因为这些构图方式易于显乱,但是仍然还是要围绕「稳」字展开,这种构图方式的特征:画面中存在着相对四处分散的主要视觉元素,做好对齐是把控这类构图的关键点。看个示例:

设计构图做不好?6大构图方法帮您提升

设计构图做不好?6大构图方法帮您提升

这些构图方式相对比较独特一些,和以下要说的对角构图类似,除了四处分散的主要视觉元素外,弱侧点缀或者句子文字是保持视觉平稳的重点。而且这类构图看似有些乱,实则做好对齐是重中之重。

6.对角构图

顾名思义:将场景中的视觉元素以对角线排列的方式进行放置,这和散布式构图有相同之处,举个反例:

设计构图做不好?6大构图方法帮您提升

要保持对角线上的视觉元素在场景整体相对稳固,其他位置做相应的点缀、填充,以减少画面内容太过单一,且也要留意不要太抢主体,否则这些构图方式很易于显乱。

说了这样多的常用平稳构图方式,目的是为你们提供一定的参考,不要太过局限化,其实也可以将构图变相地看作是在「填空」,重点是要活学活用。

案例展示

结合上面所说的构图方式,下面通过动手实操的方法做几个实例:

设计构图做不好?6大构图方法帮您提升

设计构图做不好?6大构图方法帮您提升

整体构图方式大概根据散布式的构架,目前画面整体构图而是平稳的,还缺乏人物介绍的信息文案没有摆放,中心区域是个很理想的位置。

设计构图做不好?6大构图方法帮您提升

同一种构图方式,我们只应该稍微改变一下色调方式及字体,就会有不一样的视觉效果,案例如下:

设计构图做不好?6大构图方法帮您提升

设计构图做不好?6大构图方法帮您提升

实例构图结构为上下式,且互相穿插了一些散布式的排版方式,整体还缺乏一些细节,缺少点缀的元素用于刻画气氛,所以可以进一步微调,添加细节。

设计构图做不好?6大构图方法帮您提升

文章中一共总结了六种非常实用的设计构图方式,目的是为你们提供一个可供参考的方向,而从我们实操的实例来说,这些构图方式并不是完全孤立存在的,在特定的状况下它们可以同时发生在一个作品中,只是体现方式稍有不同。最后希望你们可以活学活用、举一反三、大胆尝试。其实构图,不过这么!

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=979

发表评论

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

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息