web全栈培训老师认为做banner无非就是三大元素：背景、产品和文案。那什么东西放在什么位置，就称之为排版。也不是随随便便放置的，做设计也可以理性，就像数学套公式一样，banner也有版面分割。下面，
web全栈培训老师来讲一下banner版面分割的常见分类。
一、 矩形左右排版
矩形版面分割一般偏向于设计风格偏严肃、呆板,下面这种一般分割比例为1:1，经常适用于产品和文案左右排版，也是最简单最常见的一种排版方式。一般主体占整个画面的70%左右，文案排版上一定要突出中心点，产品一定要注意精修与背景相协调。
如下图：
二、 矩形左中右排版
左中右三栏分割时，左右放产品，中间放文案的情况居多。如果左右放文案，中间放图片的时候，
web全栈培训老师提醒同学们注意文字不能太散，经常适用于左右展示同款多色产品时、左右展示模特产品时、左右展示整体和细节时等这些情况。
如下图：
三、 矩形上下排版
上下排版适用于多系列产品的促销活动，水平方向要铺开，不然会显得垂直方向拥挤。产品经常堆叠放置，那就要注意近大远小、投影层次、台面摆放的处理。
如下图：
四、 组合式排版
组合式排版画面感丰富，内容充实，常适用于多种产品排版时。比如大图产品小图赠品；大图单品小图套装；大图主推单色小图系列多色；大图模特小图产品等情况。
如下图：
五、 倾斜排版
倾斜排版让版面有速度和动感，视觉效果更突显，不会显得呆板刻意，适用于有速度的产品，比如车；适用于活动性专题比如促销降价，适用于运动类产品比如跑鞋等，注意元素倾斜的整体方向要一致，要不会显得画面杂乱。
如下图：
六、 多边形版面风格
多边形可以变换不同的面积、数量和位置，具有稳定性，构图自然，空间层次感强，经常适用于时尚类、尖锐、刺激、暴力的画面中，比如时装、运动类产品、车、促销打折活动等，文案字体的选择或者创意也要符合画面风格，适合尖锐时尚类的文案创意。
七、 圆弧形版面分割
圆弧版面分割看上去可爱、饱满、灵动、富有亲和力，所以比较适合优雅、柔和的场景，比如母婴产品、护肤品、瑜伽等，文案创意要柔和，圆润。
如下图：
八、 重复规律分割
集中而且重复规律的分割视觉上吸引眼球，一般产品属于同一级别，这种版面分割能够保持产品之间的关系，并且富有创意。
如下图：
综上所述，
web全栈培训老师认为好的版面分割能直观表达产品透出的视觉特性，就如同房子的房间规划一样，是banner质量的一个加分项，赶紧把版面分割公式用到你的banner当中去吧。
本文来源：网络。整理：
web全栈培训学校。更多资讯【请关注微信号：feifanxueyuan】(版权声明：推送文章和图片我们都会注明作者和来源，除非无法确认。部分文章和图片推送时未能与原作者取得联系，若涉及版权，烦请原作者联系小编更正，谢谢！)
源自名校
学院资质
专注17年
400-616-2336
刘老师
返回顶部