赞助商
立即赞助

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

平面设计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」

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

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

相关文章

@研习设K先生 :今天给大家分享的是和设计师的工作息息相关的一个内容——在这个信息高速发展的今天,生活节奏加快,每个人都匆...
平面设计
身为设计师,绝非只做简单的排版,需要多角度思考,精准的设计表达。提炼与分析产品或服务最有力的点,并有逻辑地利用策略和...
Banner设计
平面与版式背后是千年来人类读取信息形成的习惯、约定俗成的阅读方式和心理学等,想成为一个优秀的设计师,我们需要进一步了...
平面设计
下半年,往往是电商设计师最繁忙的季节,双11、双12、双旦节等重量级节日接踵而来。 不过,有意思的是,与双11、双12活动...
中国风
@做设计的面条 :今天这篇关于照片变海报设计的文章分享应该会看起来比较轻松,因为非常生活化,也是大多数人都能看得懂的设...
做设计的面条
线是最基础的,也是设计中最常见的,希望这篇文章对大家有所帮助。 一、线的概念 线是点运动的轨迹。几何学上的线只有长度和...
点线面
构图攻略前两期分享了“上下构图”和“左右构图”的使用方法,这两种构图是视觉效果相对比较均衡稳定的构图形式: 当想要设计更...
倾斜构图
简单布局怎么做到不单调而有层次?看看设计师 Czékmány Zoltán 的9个技巧。
图文布局