电商产品banner设计基础知识（你都知道么？）

电商产品banner设计基础知识（你都知道么？）

一般Banner是由文案(包括logo)、商品模特(包括产品图)、背景、点缀元素四个元素组成的，Banner设计四要素：对比、对齐、重复、亲密性。

Banner构图包括：垂直水平构图，文案居中，比较随意直观，可灵活操作；倾斜构图，文案居中，常用于促销类；几何构图，例如文案位于三角内，结构感强；倾斜式构图；辐射式构图等。

按照不同的分类标准，就有不同的分法，例如：按形式感分，有扁平化Banner和立体感Banner；按是否促销分类，有促销Banner和非促销Banner；按构图方式分类，有左文右图式 banner、左图右文式 banner、居中式 banner。这里，按表现的特点分为四大类 — 年轻化Banner、文艺范Banner、品牌感Banner和大气化Banner。

文案通常用促销刚劲类的字体，点缀元素常用一些几何图形或众多商品元素。

文案通常用瘦长类的字体，构图稳重、整体协调、用色淡雅。比如：用邻近色搭配背景和点缀元素，这时背景与商品颜色邻近的跨度小，背景与点缀颜色邻近的跨度大。

有logo，主色通常用logo上的颜色，文案字体也一般用Logo上的字体，banner主体是品牌特征。

常运用一些表现手法，例如联想、意识流思维，不以文案为核心，着重表现主体。

①纤细类字体，方正清刻本悦宋、小米兰亭、方正兰亭纤黑、方正兰亭超细黑、华文黑体、汉仪瑞意宋、汉仪宋韵朗黑。

②粗体类字体，方正兰亭中黑/超粗、方正正中黑、造字工房尚黑。

③促销类字体，迷你简菱心、造字工房版黑/劲黑、华康俪金黑、方正粗谭黑、爱度综艺简体。

④书法宇体，汉仪尚巍手书、汉仪综艺体。

①文案处理

■文字分层，例如错层阴影，让字体有层次感，又或者将文案置于模特或产品图的背后，这是最常见的。

■形状点缀，常见的是直线点缀，用来区分文案内容，也有几何图形来进行装饰和点缀，从而突出文案，让阅读更流畅。

■笔触相连，分为细节连接和整体连接：细节连接是局部的笔画相连；整体连接是多处笔画同时连带。一般运用细节连接，这样不至于让观者产生阅读障碍。

②模特或产品图处理，前提是模特图或产品图该抠的要抠干净，需要优化的要优化处理，素材要择优选取，要体现卖家所需特征。

③背景处理，对于背景的处理，一般有用色、纹理和几何点缀三个方面的处理，呈现体现立体或微立体效果，可以直接构建(微)立体场景，或使用同类渐变色搭建背景。

④点缀元素处理，点缀元素有一定的方向，例如：45度朝上，俯视视角一般有标签点缀、实物图或图(纹)案点缀、圆(球)形等几何点缀。对于几何图形，可通过不同的属性来呈现多样性，比如是否有描边，是否填充等。几何图形的点缀有扁平化与超写实之分。