![电子商务视觉营销](https://wfqqreader-1252317822.image.myqcloud.com/cover/71/27738071/b_27738071.jpg)
1.7.2 掌握常见的版式结构
为了方便更多的人第一时间掌握视觉营销的构图方式,这里将构图方式做一个简单总结,常规构图有以下几种。
1. 中心构图
中心构图的关键点在于在画面中心位置安排商品元素。这样的构图能给人稳定、庄重的感觉,比较适合表现对称的画面元素。中心构图会产生中心透视效果,同时还会使画面显得呆板,所以设计时也要注意一些画面的点缀设计,让画面变得活泼、生动一点,如图1-85所示为采用了中心构图的商品Banner海报。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P42_20094.jpg?sign=1739508599-gxkGXX8w4H8LwdVRUNfIn0NR6ICpDB1H-0-76d5424b0f33f5269027c066cf83d373)
图1-85 中心构图
2. 九宫格构图
九宫格即用“井”字把画面平分成9块,在4个交叉点,选择一个点或者2个点作为画面的主体商品位置,同时其他点还应该考虑平衡、对比等因素。这种构图能够向浏览者呈现变化与动感,使画面富有活力,如图1-86所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P42_6271.jpg?sign=1739508599-MNBRovUA48cXaNJ4ARhraWBn8iTdslYB-0-d9d24d11323378f5e680b7b816469162)
图1-86 九宫格构图
3. 对角线构图
在对角线构图中,主体商品本身占据画面斜对角的位置,这样能够使画面产生较强的动势,表现出纵深的效果。对角线构图对比中心点构图具有打破平衡、活泼生动的特点,如图1-87所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6312.jpg?sign=1739508599-QPmJTj3zpKaZk1XQKCUH5SFvwd9jleaR-0-cdb9fbf21be462954bdcf04241f540f5)
图1-87 对角线构图
4. 三角形构图
三角形构图就是在设计中以3个视觉中心为元素的主要位置,形成一个三角形。三角形构图具有安定、均衡但又不失灵活的特点。其中,三角形可以是正三角形,也可以是斜三角形或倒三角形,其中斜三角形较为常用,也较为灵活,如图1-88所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6314.jpg?sign=1739508599-LyWvNiOIFXL1OMoP8mXvu3tybafChVBu-0-aa2ea03a947f45b19eeba92e12af8f35)
图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=1739508599-rHWQbLPNOZTMKCTyAjl8OjawB9BKISeP-0-d166915463d3b4e9cc9f37db9fb86625)
图1-89 黄金分割构图
课堂练习 使用裁切工具优化图片构图
步骤01 使用Photoshop将素材图片打开,图片效果如图1-90所示。单击工具箱中的“裁切工具”按钮,单击选项栏上的“设置裁切工具的叠加选项”按钮,弹出如图1-91所示的下拉菜单。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6325.jpg?sign=1739508599-eRv3rNa8BPAVja3i7otXWgKgh3qrH6sn-0-74702675b5575c6336c3d5e3d0302e3d)
图1-90 打开素材图
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P43_6326.jpg?sign=1739508599-IkiAEvouaAyFhJAdfcmk9l44qTGPktGA-0-2445e15cef61bb1373edfca06acf83e5)
图1-91 选择选项
步骤02 选择“黄金比例”选项,在画布上单击,即可看到黄金分割的参考线,拖动左侧的裁切框,将右侧相交辅助线移动到摄像头位置,如图1-92所示。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P44_6358.jpg?sign=1739508599-sgINgCYNH1QP5xu4AVO1hR3lrFYLKQJM-0-f19354433f5a7ab92729878663bed034)
图1-92 调整构图
步骤03 双击鼠标左键或者单击选项栏上的“提交”按钮,即可完成裁切,裁切后的效果如图1-93所示。使用相同的方式,可以采用其他的裁切方式,矫正图片的构图。
![](https://epubservercos.yuewen.com/7389E9/15936052004961706/epubprivate/OEBPS/Images/Figure-P44_6359.jpg?sign=1739508599-NPczFNTxFd12SQkCvSZe5E7E6zldPqlQ-0-ce31d490e34237a4f6464956ac50ac30)
图1-93 矫正后效果