
1.7.2 掌握常见的版式结构
为了方便更多的人第一时间掌握视觉营销的构图方式,这里将构图方式做一个简单总结,常规构图有以下几种。
1. 中心构图
中心构图的关键点在于在画面中心位置安排商品元素。这样的构图能给人稳定、庄重的感觉,比较适合表现对称的画面元素。中心构图会产生中心透视效果,同时还会使画面显得呆板,所以设计时也要注意一些画面的点缀设计,让画面变得活泼、生动一点,如图1-85所示为采用了中心构图的商品Banner海报。

图1-85 中心构图
2. 九宫格构图
九宫格即用“井”字把画面平分成9块,在4个交叉点,选择一个点或者2个点作为画面的主体商品位置,同时其他点还应该考虑平衡、对比等因素。这种构图能够向浏览者呈现变化与动感,使画面富有活力,如图1-86所示。

图1-86 九宫格构图
3. 对角线构图
在对角线构图中,主体商品本身占据画面斜对角的位置,这样能够使画面产生较强的动势,表现出纵深的效果。对角线构图对比中心点构图具有打破平衡、活泼生动的特点,如图1-87所示。

图1-87 对角线构图
4. 三角形构图
三角形构图就是在设计中以3个视觉中心为元素的主要位置,形成一个三角形。三角形构图具有安定、均衡但又不失灵活的特点。其中,三角形可以是正三角形,也可以是斜三角形或倒三角形,其中斜三角形较为常用,也较为灵活,如图1-88所示。

图1-88 三角形构图
5. 黄金分割构图
黄金分割又称黄金律,即整体画面中一分为二,其中较大部分与较小部分的比值等于整体与较大部分的比值,其比值为1:0.618或1.618:1,也就是长段为全段的0.618。0.618是公认的最具有审美意义的比例数字,黄金分割具有严格的和谐性、艺术性和比例性,蕴藏着丰富的美学价值,如图1-89所示。

图1-89 黄金分割构图
课堂练习 使用裁切工具优化图片构图
步骤01 使用Photoshop将素材图片打开,图片效果如图1-90所示。单击工具箱中的“裁切工具”按钮,单击选项栏上的“设置裁切工具的叠加选项”按钮,弹出如图1-91所示的下拉菜单。

图1-90 打开素材图

图1-91 选择选项
步骤02 选择“黄金比例”选项,在画布上单击,即可看到黄金分割的参考线,拖动左侧的裁切框,将右侧相交辅助线移动到摄像头位置,如图1-92所示。

图1-92 调整构图
步骤03 双击鼠标左键或者单击选项栏上的“提交”按钮,即可完成裁切,裁切后的效果如图1-93所示。使用相同的方式,可以采用其他的裁切方式,矫正图片的构图。

图1-93 矫正后效果