盘点：构图攻略之左右构图

msmkmm2012

期间外卖图库也做了许多的调整，调转了产品研发的方向，为了更好的迎合市场的需求。http://ps.kkdou.vip/

在之前，对于元素的摆放位置需要有一个大致的构想，这个构想就是构图，它相当于是版式的雏形，有了这个雏形之后，才能开始下一步的细化，只有充分理解构图的意义与作用，排版时才能做到心中有数。


本期要分享的是左右构图的使用方法，与上一期的上下构图使用方法类似，都是版式中比较通用和非常用的构图形式，适用于各种项目。接下来看看际应用案例：




什么是左右构图

左右构图是将版面分割为左右两部分，或通过元素的布局让画面整体呈现出左右的分布趋势，具有平衡、稳定、互相呼应的特点。




比较典型的左右构图由左图右字或者左字右图两部分构成，图片及文字各占据一部分，形成左右两部分单独的空间，产生良好的阅读体验。




当画面缺少图片时，也可以使用文字图形化的方法，占据版面主空间形成画面的主体。




左右构图看似比较简单，但是通过精心的编排，也可以使画面具有丰富的视觉效果和良好的感。






构图比例

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




1:1分割


将画面把版面一分为二，形成均等的两份，呈现出对称均衡的版面效果，多用于版面中两部分内容处于并列或对立的关系。






金分割


金分割比例（1:1618）被认为是比较具美感的分割比例，在中有意识地运用金分割比例进行，可以营造出富有美感的版式效果。






白银分割


白银分割比例（1:1414）也是具有独特美感的分割比例，与金分割相比，次空间占据的比例更大一些，能够承载的信息量也更多，适用于文字信息量较大的版面。






2:1分割


采用2:1的比例，图片主体在画面中占据主导地位，视觉焦点集中在主空间，阅读信息则放置在次空间。






3:1分割


3:1分割的比例与2:1比例相似，但图片在画面中占据主导地位更强，主要适用于图片比较重要而文字信息较少的版面。




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






空间调整

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


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




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




使用图片占满整个版面，再运用色块承载文字信息，可以强化与聚集内容，既能保证信息清晰有效的传达，同时也可以增加画面的层次感、提升画面的丰富度。






灵活运用

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




曲线分割


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






图片裁切


把方形图片裁切为其他形状，或使用其他形状的图形作为主体，使左右构图没有明显的分割线，也可以呈现出良好的视觉效果。






元素串联


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






文字破图


使用文字串联起左右两个空间，破除左右构图版面的单一性。






空间留白


使用留白破除两个空间的间隙，拉开画面的空间感，具有良好的视觉效果。




满版构图


在满版图片的背景上重新进行左右分割构图，可以突破空间束缚，画面更饱满。






图片退底


把图片主体进行退底处理，重新营造场景，弱化空间的分区。




总结

1左右构图是将版面分割为左右两部分，或通过元素的布局让画面整体呈现出左右的分布趋势，具有平衡、稳定、互相呼应的特点;


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


3为了避免版面的呆板，可以通过调整版面空间变换出多种编排形式;还可以通过曲线分割、图片裁切、文字破图等手法，变换出多种编排形式，巧妙破除空间分割的单一性与呆板感。




原文地址：艺海拾贝Design