赞助商
立即赞助

用超多案例,帮你掌握「上下构图」的排版技巧

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

构图是在有限的空间把字、色彩、图形等元素结合起来构成画面,使作仅具有美感,还清晰表达设计者的目的。同构图使画面产生同的视觉变,进而给观者带来同的心感受。同的心感受。本期分享的是上下构图的使用方法,此构图形式具良好的视觉效果,也比较易掌握,非常实用的构图方式。

什么是上下构图

下构图形式将版面分割下两部分,或让画面中的元素整体呈出下的分布趋势,主空间承载视觉点,次空间承载阅读信息,呈的视觉效果平衡稳。

用超多案例,帮你掌握「上下构图」的排版技巧

典型的下构图由「图下字」或者「字下图」两部分构,图片及文字各占据一部分,互不预,能清晰明了的传达出版面的信息。

用超多案例,帮你掌握「上下构图」的排版技巧

主空间还常使用图形化的标题文字充当画面主体,可以很好解决画面缺少图片层级的问题。

用超多案例,帮你掌握「上下构图」的排版技巧

下构图空间划分比较固,了得到丰富的视觉效果良好的设感,需通过精设的编排丰富版面的视觉效果。比如文字的横竖排版,元素之间的对比、点线面的运用、巧妙的留白。

用超多案例,帮你掌握「上下构图」的排版技巧

构图比例

进上下构图设计时,可以根据版内容信息体量划分画空,常用版分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等。在设计时也可以反复进调,到找到最为合适构图比例。

1. 1:1分割

把画平分为上下两部分,形成称均衡分割构成。

用超多案例,帮你掌握「上下构图」的排版技巧

1:1分割比例构成,多用于版两部分内容处于并列或立关系。

用超多案例,帮你掌握「上下构图」的排版技巧

2. 黄金割

「黄金割比例(1:1.618)」被认为是最美的割比例,有严谨的艺术性、和谐性,蕴藏着丰的美学价值。

用超多案例,帮你掌握「上下构图」的排版技巧

在计中有识地运用黄金割比例进行计,可以营造出有美的版式效果。

用超多案例,帮你掌握「上下构图」的排版技巧

3. 白银分割

「白银分割比例(1:1.414)」是率先采用的一种分割比例,目前泛运用在版式设计的布中。

用超多案例,帮你掌握「上下构图」的排版技巧

与金分割相,白分割次空间占据的例更大一些,够承载的信息量更多。

用超多案例,帮你掌握「上下构图」的排版技巧

4. 2:1分割

采用2:1的比例,图片主体画面中占据主导,视觉焦点清晰。

用超多案例,帮你掌握「上下构图」的排版技巧

主的信息(标题)常融入图片中主空间画面主体,阅读性文字则次空间。

用超多案例,帮你掌握「上下构图」的排版技巧

5. 3:1分割

3:1分割比例与2:1比例相似,图片在画占据主导地位更强,主空承载视觉,空承载阅读信息。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

通过比例,可以让版面割更严谨。但没有那个比例关系绝对正确,需要根据画面的项目调性、息体量、息功能图文主体而定。如使用其它比例割的优秀案例:

用超多案例,帮你掌握「上下构图」的排版技巧

空间调整

把图文按比例分别编排在版面上下方,是比严谨规范的构图方式,但是为避免版面的呆板,以通整版面空间变换出种编排形式。以下几个案例:

缩图片和文字空间,使留形成外空间,增加层次。

用超多案例,帮你掌握「上下构图」的排版技巧

在背景(绘画作品)上重新划出新的空间,形成内外空间对比,既丰了画面层次,让版面变得生动有趣。

用超多案例,帮你掌握「上下构图」的排版技巧

通过图片文字的错位排版和负空间的巧妙留,让本呆板的上下构图变得灵活多变,充个性。

用超多案例,帮你掌握「上下构图」的排版技巧

让图片位置重心偏移,破均衡稳定的构图形式。标题的破图理,也增加了版面的灵活性丰性。

用超多案例,帮你掌握「上下构图」的排版技巧

在上方空间上划出新的空间,这的法可以好让空间有多变性,也可以让的计更加灵动。

用超多案例,帮你掌握「上下构图」的排版技巧

灵活运用

上下构图的框架看似比固定,但是也能通设计手法,变换出种编排形式,巧妙破除上下分割的单一与呆板感。

1. 曲分割

把生硬的直改为呈现出动态的曲或斜进行画面的分割,版面显得更生动活泼。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

2. 图片裁切

把方形图片裁切其他形状,使下构图明显的分割线,也可以呈出良好的视觉效果。

用超多案例,帮你掌握「上下构图」的排版技巧

3. 文破图

使用文串联起上下两个空,破除上下构图版单性。

用超多案例,帮你掌握「上下构图」的排版技巧

4. 素串

利用图形、色块等素串空间,让主次空间建立起系,有丰的视觉效果和良好的计。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

5. 图片退

把图片体进行退处,重营场景,弱空间的分区。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

6. 空间留

使用留破除个空间的间隙,拉开画面的空间,有良好的视觉效果。

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

用超多案例,帮你掌握「上下构图」的排版技巧

总结

  • 上下构图是将版面割为上下部,或让画面中的素整体呈现出上下的布趋势,主空间承载视觉点,次空间承载阅读息,呈现的视觉效果衡而稳定,是非常实用的构图方式;
  • 进上下构图设计时,可以根据版内容信息体量划分画空,常用版分割比例有:1:1、1:1.618、1:1.414、1:2、1:3等;
  • 了避免版面的呆板,可以通过调整版面空间变换出多种编排形式;
  • 可通过曲线分割、图片裁切、字破图、元素串联、图片退、空间留白等手法,变换多种编形式,巧妙破除上分割的单一性与呆感。

欢迎关注作者的微信公众:「海拾Design」

用超多案例,帮你掌握「上下构图」的排版技巧

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

相关文章

@做设计的面条 :新一期的《拍一张照片,就能设计成一幅海报》系列文章又来咯。每一期我都会分享 5 张我平时用手机随手拍的照...
做设计的面条
欢迎关注作者的微信公众号:「SA九五二七」
作品集
相信大家平时生活中拍照都应该接触过美颜滤镜,即使没用过也应该听说过,自然也都知道各种滤镜的强大之处。但是大家有没有思...
双色调
不知道大家有没有遇到过这种情况?当你在面对一个空白版面的时候,脑子里面也是一片空白,这说明你缺乏构图意识。其实我们在...
平面
这一期是版式三部曲的最后一篇内容了,这次打算跟大家简单聊一聊配色的问题。 如果说构图相当于骨架,文字相当于五官,那配...
平面设计
在很多优秀的设计作品中,我们常常会看到一些英文的出现,形态上也各不相同。小到不仔细看就看不到、大到比产品还大。这也会...
中英文排版
使用抽象符号也要谨慎,避免元素过多抢了信息的风头。 其实有时候不需要加那么多,只需要轻轻点缀一下就可以了。 这是...
平面设计
@研习设K先生 :所谓设计就是按照人的生理和心理需求,来对我们周边的事物、环境、生活方式进行研究和设计,是和人的审美心理...
对称