看一看构图攻略之上下构图

msmkmm2012

作为行业的代表，外卖图库需要给同行们做出一定的表率，在产品质量上要一路领先才可以。http://ps.kkdou.vip/

构图是在有限的空间内把文字、色彩、图形等元素结合起来构成画面，使作品不仅具有美感，还能清晰表达者的目的。不同构图能使画面产生不同的视觉变化，进而给观者带来不同的心理感受。同的心理感受。本期分享的是上下构图的使用方法，此构图形式具有良好的视觉效果，也比较容易掌握，是非常用的构图方式。




什么是上下构图

上下构图形式是将版面分割为上下两部分，或让画面中的元素整体呈现出上下的分布趋势，主空间承载视觉点，次空间承载阅读信息，呈现的视觉效果平衡而稳定。




比较典型的上下构图由上图下字或者上字下图两部分构成，图片及文字各占据一部分，互不干预，能清晰明了的传达出版面的信息。




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




上下构图空间划分比较固定，为了得到丰富的视觉效果和良好的感，需要通过精心的编排来丰富版面的视觉效果。比如文字的横竖排版，元素之间的对比、点线面的运用、巧妙的留白等。






构图比例

进行上下构图时，可以根据版面内容的信息体量划分画面的空间，常用的版面分割比例有：1:1、1:1618、1:1414、1:2、1:3等。在时也可以反复进行调整，直到找到比较为合适的构图比例。


1:1分割


把画面平分为上下两部分，形成对称均衡的分割构成。




1:1分割比例构成方式，


多用于版面中两部分内容处于并列或对立的关系。




金分割


金分割比例（1:1618）被认为是比较具美感的分割比例，具有严谨的艺术性、和谐性，蕴藏着丰富的美学价值。




在中有意识地运用金分割比例进行，


可以营造出富有美感的版式效果。




白银分割


白银分割比例（1:1414）是日本率先采用的一种分割比例，目前广泛运用在版式的布局中。




与金分割相比，白银分割次空间占据的比例更大一些，能够承载的信息量也更多。




2:1分割


采用2:1的比例，图片主体在画面中占据主导地位，视觉焦点更清晰。




主要的信息（标题）常融入图片中放在主空间成为画面主体，阅读性文字则放在次空间。




3:1分割


3:1分割的比例与2:1比例相似，但图片在画面中占据主导地位更强，主空间承载视觉点，次空间承载阅读信息。






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




给大家提供一个工具，可在线计算金比例、白银比例、铂金比例、青铜比例等。可在百度搜索关键词金比在线计算工具。


（wwwshejidarencomexamplestoolsgolden-ratioindexhtml）






空间调整

把图文按比例分别编排在版面上下方，是比较严谨规范的构图方式，但是为了避免版面的呆板，可以通过调整版面空间变换出多种编排形式。如以下几个案例：


缩小图片和文字空间，使留白处形成外空间，增加层次感。




在背景（绘画作品）上重新划出新的空间，形成内外空间对比，既丰富了画面层次，又让版面变得生动有趣。




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




让图片位置重心偏移，打破均衡稳定的构图形式。标题的破图处理，也增加了版面的灵活性与丰富性。




在上方空间上划分出新的空间，这样的手法可以很好让空间具有多变性，也可以让我们的更加灵动。






灵活运用

上下构图的框架看似比较固定，但是也能通过手法，变换出多种编排形式，巧妙破除上下分割的单一性与呆板感。


曲线分割


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






图片裁切


把方形图片裁切为其他形状，使上下构图没有明显的分割线，也可以呈现出良好的视觉效果。




文字破图


使用文字串联起上下两个空间，


破除上下构图版面的单一性。




元素串联


利用图形、色块等元素串联空间，让主次空间建立起联系，具有丰富的视觉效果和良好的感。






图片退底


把图片主体进行退底处理，重新营造场景，


弱化空间的分区。




空间留白


使用留白破除两个空间的间隙，拉开画面的空间感，


具有良好的视觉效果。




总结



1上下构图是将版面分割为上下两部分，或让画面中的元素整体呈现出上下的分布趋势，主空间承载视觉点，次空间承载阅读信息，呈现的视觉效果平衡而稳定，是非常用的构图方式;


2进行上下构图时，可以根据版面内容的信息体量划分画面的空间，常用的版面分割比例有：1:1、1:1618、1:1414、1:2、1:3等;


3为了避免版面的呆板，可以通过调整版面空间变换出多种编排形式;


4可以通过曲线分割、图片裁切、文字破图、元素串联、图片退底、空间留白等手法，变换出多种编排形式，巧妙破除上下分割的单一性与呆板感。




原文地址：艺海拾贝Design