Banner排版布局大揭秘！字体选择标准及风格全知道

源自，微信公众号，PingMianDesigner，具体为平面设计 。

参照客户提出的需求，去判定 Banner 的尺寸究竟有多大、文案具体的数量以及产品呈现出的形状，进而寻觅到适配的排版布局方式。Banner 的版式主要涵盖这几种：

第一，左右式排版会采用左文右图，或者左图右文这种方式呈现，其版式清晰，文案与图片分区明显。第二，左右版式适合用来凸显文案，图文占比满足四六开黄金分割比，常常被运用于表现立意模糊的金融阅读类产品。

②居中排版可运用文案居中（即居中对齐），配以向四周扩散的配图，也能够采用左右布局，亦或以配图居中、文案置于左右的状态来推行。居中式排版贴合凸显图片诉求，也恰当适配凸显文案需求，将凸显之物，或是文案或是图片，放置于画面正中间，常常见于立意清晰明白的电商、餐饮类物品。另外，要是 Banner 之中不见配图只得文案，一般惯常动用居中式构图。

现在正流行的字体设计风格是扁平化风格，在Banner设计里，字体的选用标准是，文字的加入能够让画面营造出和谐的感觉。

字体被划分成了两大类，即是衬线字体以及无衬线字体，字体不一样，所表达的情绪也存在差异，衬线字体能够给人带来古典、经典的感觉，像宋体类的方正大标宋字体，那和宋体相似的英文字体Didot，常常会在用于表述用于说明展示用于呈现女性产品类、化妆品类、文艺清新等类目的主标题时被使用到，无衬线字体则能够给人带来现代、简约的感觉。

无衬线字体根据笔画粗细组合不同，也会带给人们不同的情绪：

有着强壮、厚重、促销、廉价感的粗体无衬线字，像黑体、方正兰亭粗黑等这样的字体，常常被利用于展现男性产品类，以及家电类、工业类产品等情形之中， 。

细体无衬线字给予人一种柔美质的感觉，就比如方正兰亭超细黑简体这类的字体，把恰当的留白效果相互结合起来，十分经常地被用于呈现具有品质感的大品牌，或者是奢侈品，抑或是智能科技型产品，又或者是女性产品 。

没有衬线的那种字，是粗细相搭配的，会给人一种刚强劲、带有明显促销感，而且往往在结合文字的时候，把文字变为倾斜状态，以此来让促销、热卖感变得更强烈。

除特殊字体，Banner里的字体能自行设计。先依主题表达定基础字体，接着收集变形灵感画变形字体，对文字小部分部位做小规模文字变化，以此确保文字高辨识度，像常见的笔画连接、替代法、断指法、错落摆放法等 。

先依据画面表达需求，确定好文案字体，然后在 Banner 方面聚焦文字排版规律，从高度占比着手，主副文案的总高度于 Banner 中的占比在大约 40 到 50%之间，主文案与副文案的大小层级差异一般是 2 倍关系，要是主文案是 60px，那么副文案大概为 30px，当副文案字数少的时候，副文案字号能大些，不过最少差异要有 10px 以上。

Banner的图片类型主要有三种，一种是插画类型，一种是模特产品类型，也就是模特类型，还有一种是产品类型，也就是配图类型。在这里以配图类型为例进行说明。

首先是垂直水平式，然后是将产品图片按照水平方向进行有序排列，进而所有的配图都能够获得十分完美的展现，最终可为用户给予正规以及安全感。

②三角形：产品运用正三角构图，致使产生相当强的立体感，各个产品的配图所占比例轻重有所不同，这般构图方式沉稳又自然，增强空间感，给予用户非常强烈的安全感、可靠感。

③运用对角线，产品配图所占比例相对较为均衡，画面呈现出活泼的状态，动感十足，而且稳定性极其强 。

首先，呈现渐次式排列，这种排列具备很强的空间展示感，接着是各产品配图占比情况，从大延展到小，整体态势稳定、有序，然后又有透视把方向指引到广告语，最终给予用户稳定自然、产品丰富可靠的感觉。

首先，存在辐射式，它具备很强的空间展示感，接着，各产品配图占比呈现从大到小的情况，然后，画面显得有序，再有，透视将指引到广告语，最后，给予用户活泼动感以及产品丰富可靠的感觉 。

⑥框架式构图具备稳定的特性，呈现出很好的聚焦效果，致使用户产生产品稳定可信的感觉。

进行 Banner 配图工作时，运用多层次配图方式，达成多点传达信息效果，使用户拥有更多选择余地，并且借助高价商品达成带动低价商品的促销目标 。

更有效地对衬托主题予以烘托，能在Banner里将点缀恰到好处予以运用，进而能使整个画面具备更强的层次感 ，Banner点缀把背景渐变，辅助形状，商品，标签提炼，加入纹理等方法当作通常实现办法之时达到使用。

进行Banner设计时运用邻近色去打造柔和的渐变背景，能够增添设计细节，可以丰富画面效果，这既契合现实生活光照原理，还具备引导用户阅读方向的作用。

②Banner商品点缀，能够将用户的视觉注意力予以集中，常用的辅助点缀形状包含椭圆，还有双椭圆融合，以及长圆角矩形，另外还有圆形，以及其变异形式。

③利用极少的元素，也就是形状的大小、方向以及颜色的变化，在版面中重复使用进行辅助点缀形状，以此营造空间感和平衡感，进而实现丰富的视觉效果。

④在Banner之中，借助标签提炼的方式，用其将较弱的副文案突显出来显现效果。并且，还要凭借标签来凸显出相关的卖点，最终达成目的。

⑤在 Banner 里，运用网格化纹理、圆点纹理、噪点纹理等纹理去丰富画面，然而纹理的运用不能对主文案的视觉效果造成影响，借助适当降低不透明度、边缘用遮罩做渐变处理等方式来弱化纹理效果。

继续浏览有关 Banner排版布局字体选择标准 的文章