1.7.2 掌握常见的版式结构
为了方便更多的人第一时间掌握视觉营销的构图方式,这里将构图方式做一个简单总结,常规构图有以下几种。
1. 中心构图
中心构图的关键点在于在画面中心位置安排商品元素。这样的构图能给人稳定、庄重的感觉,比较适合表现对称的画面元素。中心构图会产生中心透视效果,同时还会使画面显得呆板,所以设计时也要注意一些画面的点缀设计,让画面变得活泼、生动一点,如图1-85所示为采用了中心构图的商品Banner海报。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P42_20094.jpg?sign=1739534675-n63aDwCPBD16wwtBl54ixh7r1zhE0wnf-0-6383072394ad3873b3f0a553b3869534)
图1-85 中心构图
2. 九宫格构图
九宫格即用“井”字把画面平分成9块,在4个交叉点,选择一个点或者2个点作为画面的主体商品位置,同时其他点还应该考虑平衡、对比等因素。这种构图能够向浏览者呈现变化与动感,使画面富有活力,如图1-86所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P42_6271.jpg?sign=1739534675-uwVNSHko1GcBMN3IrF3rPxfS6lp3U8oe-0-34386fc1c8bfd178c43616f6c9154ee3)
图1-86 九宫格构图
3. 对角线构图
在对角线构图中,主体商品本身占据画面斜对角的位置,这样能够使画面产生较强的动势,表现出纵深的效果。对角线构图对比中心点构图具有打破平衡、活泼生动的特点,如图1-87所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6312.jpg?sign=1739534675-89ML7FWjkrBgZI1DhRPgA69mJH7WRKBw-0-5ab6b67659698447f351881f1f7de7b9)
图1-87 对角线构图
4. 三角形构图
三角形构图就是在设计中以3个视觉中心为元素的主要位置,形成一个三角形。三角形构图具有安定、均衡但又不失灵活的特点。其中,三角形可以是正三角形,也可以是斜三角形或倒三角形,其中斜三角形较为常用,也较为灵活,如图1-88所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6314.jpg?sign=1739534675-cJKk2GaU6Fo4Ni2gCEYsMdA8GGSyv3P5-0-70020c7e46fb02d360bd4364dee228a3)
图1-88 三角形构图
5. 黄金分割构图
黄金分割又称黄金律,即整体画面中一分为二,其中较大部分与较小部分的比值等于整体与较大部分的比值,其比值为1:0.618或1.618:1,也就是长段为全段的0.618。0.618是公认的最具有审美意义的比例数字,黄金分割具有严格的和谐性、艺术性和比例性,蕴藏着丰富的美学价值,如图1-89所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6318.jpg?sign=1739534675-2zL3czHUuhkNfoSWpMOMqMIuk00Jvmwf-0-1800d38ce8d268cc944f9834b4137044)
图1-89 黄金分割构图
课堂练习 使用裁切工具优化图片构图
步骤01 使用Photoshop将素材图片打开,图片效果如图1-90所示。单击工具箱中的“裁切工具”按钮,单击选项栏上的“设置裁切工具的叠加选项”按钮,弹出如图1-91所示的下拉菜单。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6325.jpg?sign=1739534675-czWAHG9LY0naC0PsrrPIOiMarYEUnB8Z-0-04a6c55ffdfc5d352d042d252f8a4328)
图1-90 打开素材图
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6326.jpg?sign=1739534675-JRpeo22C8iQqm9yo58wsxDT1aFnivtJd-0-a38c5bbe4668469529c0265a0bf7cacb)
图1-91 选择选项
步骤02 选择“黄金比例”选项,在画布上单击,即可看到黄金分割的参考线,拖动左侧的裁切框,将右侧相交辅助线移动到摄像头位置,如图1-92所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P44_6358.jpg?sign=1739534675-2wZ3EkjEClGZmLS8WkiizZ9xweuVhbWb-0-ce3cd22c77dd37f7ff32539b544b763b)
图1-92 调整构图
步骤03 双击鼠标左键或者单击选项栏上的“提交”按钮,即可完成裁切,裁切后的效果如图1-93所示。使用相同的方式,可以采用其他的裁切方式,矫正图片的构图。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P44_6359.jpg?sign=1739534675-ESllkUircLtG9dp8N0RnRQPMFBxez6ED-0-69745eb6ac7f2bdde808ed2e39fa335b)
图1-93 矫正后效果