赞助商
立即赞助

设计构图做不好?来看高手常用的6大构图方法!

平面设计3年前 (2021)发布 流光
2.8K 0 0

说到「构图」词大家并不陌生,设计构图也可以理解为作品骨架,好比盖房子,如刚开始地基和体钢筋结构不稳,那么会有栋栋危房拔地而起,你敢住吗?所以延伸到设计也是如此,设计构图也是要求个「稳」,也是心稳,平稳构图更符合大众视觉感觉以及信息传递,反而心不稳作品会摇摇欲坠、站不稳视觉感受。而在设计影响画结构稳定素有很多,如何才能让设计作品构图更加稳?如何提升自己构图能力?希望本期内容能够帮助到大家。

影响稳定的因素

设计平稳和现实并不完全样,现实想要到平稳我们可以过天平、称工具进测量,而在设计,我们虽然法做到质量上完全 1:1 平稳,是需视觉感受上到平稳即可,往往影响视觉构图平稳素不止,示例如下:

设计构图做不好?来看高手常用的6大构图方法!

示例分我们展示了设计影响画构图平稳素,可以分结为:

  • ①和④:在颜色相同的情况,体积大的占视觉重更大。
  • ②和③:在大小相情况下,色较轻色而言所占体视觉比更大。

在设计中除了大小之外,色彩是影响画面重心稳定的一个要因素,当我们在进行版面编的时候,为保证重心结构的平稳,可结合实际视觉感受进行色彩及大小系上的调整,直至视觉平稳即可。

常见的平稳结构

平稳的构图方式在设计中已经成为一种构图准则,有哪些见的且较实的构图形式可供我们参考的?面我们总结一:

设计构图做不好?来看高手常用的6大构图方法!

1. 居中式

不管是文字排版还是版面构图,居中的方式都是运用最多的,最主要因就是居中的方式对于稳的体现最直观,而且也最好把控,举个例:

设计构图做不好?来看高手常用的6大构图方法!

案例中的构图方式就是居中式构图,不管是产品还有其素,都充的以居中的则进行摆放,画面整体起来非常的稳,这也是居中式构图的优点,画面结构本身就有绝对的稳,易于上。

2. 上下式

上下式的构图形式可以理解为图文上下结构开,比如:上图下字或者上字下图,在有些候和居中式也像,这也是一种相对直观的稳构图方式。举个例:

设计构图做不好?来看高手常用的6大构图方法!

画面构图结构为上下式,即上字下图,这种构图形式能够容易地维持视觉的相对稳,如果将文案息采用居中的形式摆放,和居中式的构图结构雷同,需要注的是:视觉素的摆放最终要能形成视觉上的稳。

3. 左右式

左右式相对而言就更好理解了,即视觉素左右开的方式,这种构图形式在计中也是常用的一种,下面个例:

设计构图做不好?来看高手常用的6大构图方法!

左右式的构图结构重点,在于尽可能地保证视觉重心稳,不要出现过度重心偏离的情况;也可以把这种构图形式作是现实中的,当主体或者产品固定位置后,可以让一侧的视觉素能另一侧在视觉素比重上相近,以保证画面重心稳。左右式构图需要避免的误:

设计构图做不好?来看高手常用的6大构图方法!

以上虽然都是左右式的构图,但属于错误示范,重心偏下和偏上的错误比较好理解,重点说下中间的比例失调这类。就视觉重心而言,其实中间的表现形式相对而言重心是水的,但是这种形式依然不可取,因在于:左侧右侧出现了严重视觉比重的失调,也就是重心偏向一侧,类似于出现了严重的倾斜方向,虽然计并不像现实数字要求那严格,但是也要保证在视觉上相对稳定,要避免出现比例失调的现象出现。

面我们再看一组较见的相对平稳的构图结构,是在平时工作中较实的一些,继续来看:

设计构图做不好?来看高手常用的6大构图方法!

4. 中心发散式

从上侧示图不难发现,中心发散式主要以画面的中心点为开端,向四周不断延展、填补视觉素,以确保画面整体是稳的。其难点并不是中心位置,而是向四周发散的视觉素——它直决定了画面重心的稳程度,个示例:

设计构图做不好?来看高手常用的6大构图方法!

中心发散式构图最大的点:中心视觉素位于画面中心,所以乎可以忽略它所带来的不稳定因素,重点只要把控好发散的视觉素能保持画面整体稳即可。

5. 散布式构图

散布式构图相比而言比较难把控,因为这种构图形式容易显乱,但是始终还是要围绕「稳」字展开,这种构图形式的点:画面中存在着相对四散的主要视觉素,做好对齐是把控这类构图的关键点。个示例:

设计构图做不好?来看高手常用的6大构图方法!

这种构图形式相对比较新颖一些,和下面要说的对角构图类似,除了四散的主要视觉素外,弱侧点缀或者段落文字是维持视觉稳的重点。而且这类构图似有些乱,实则做好对齐是重中之重。

6. 对角构图

顾名思义:将画面中的视觉素以对角线排列的形式进行摆放,这和散布式构图有相似之,举个例:

设计构图做不好?来看高手常用的6大构图方法!

要保持对角线上的视觉素在画面整体相对稳定,其位置做相应的点缀、填充,以避免画面内容过一,且也要注不要抢主体,否则这种构图形式容易显乱。

说了这么多的见平稳构图形式,目的是为大供一定的参考,要太过限,实可将构图变相地看作是在「填空」,重点是要。

案例展示

结合前面说的构图形式,面通过手实操的方式做几个案例:

设计构图做不好?来看高手常用的6大构图方法!

整体构图形式大致按照散布式的结构,目前画面整体构图还是平稳的,还缺人物介绍的信息案没有摆放,中心区域是个很想的位置。

设计构图做不好?来看高手常用的6大构图方法!

同一种构图形式,我们只需要稍微改变一配色方式及字体,就会有一样的视觉效果,案例如:

设计构图做不好?来看高手常用的6大构图方法!

设计构图做不好?来看高手常用的6大构图方法!

案例构图结构为上下式,且相互穿插了一些散布式的排版形式,整体还缺少一些细节,缺少点缀的素用于烘托气氛,所以可以进一步调整,添加细节。

设计构图做不好?来看高手常用的6大构图方法!

文章中一共总结了种比较实用的计构图形式,目的是为大家提供一个可供参考的方向,而从实操的案例来说,这些构图形式并不是完全孤立存在的,在定的情况下可以同出现在一个作品中,只是表现形式稍有不同。最后希望大家可以活学活用、举一反三、大胆尝。其实构图,不过如此!

注作者的微信公众号:「美工美邦」

设计构图做不好?来看高手常用的6大构图方法!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

点开这篇文章的同学不妨先来思考一个问题:你电脑里究竟有多少字体包?估计连你自己都不太清楚吧。 但在我们工作中使用率最...
字体设计
从事电商方面的设计师,详情页设计可以说是必修课。好的详情页会给带给用户更流畅的视觉体验、更直观的产品信息、亮点等等,...
平面设计
今天又带来一篇十足的干货,安全无毒,放心食用! 今个儿,咱来唠嗑唠嗑「图版率」! 下面俩海报,哪个更有亲和力? 这还...
图版率
我是一位6岁的互联网人,4岁的产品经理。我的职业生涯,也并没有那么顺利,包括最近的离职,其实也并不在我的计划之内。 此...
求职规划
@做设计的面条 :发布《拍一张照片,就是一幅海报》系列创作分享后,大家纷纷表示看得很过瘾,也想设计海报试试看,所以后面...
做设计的面条
上次推送的几篇关于文字组合海报,受到了广泛好评。说明大家还是都比较喜欢这种简单直接的小妙招~ 贴心的小优这次又给大家送...
图文排版
薛志荣 – 小鹏汽车交互设计师,出版《AI改变设计-人工智能时代的设计师生存手册》 感谢优设网,让我有机会把工作四年来的工作...
工作习惯
文章以小明的故事为例,来给大家分享关于从平面设计岗位转到运营设计的小伙伴们,在设计初期会在移动端常出现的问题。 小明...
ui设计