banner设计要点.docx

《Banner设计要点》17.5.21
声明：本文由相关内容引出，言论仅供参考！
一般banner是由文案（包括logo）、商品模特（包括产品图）、背景、点缀元素四个元素组成的。

【设计四要素：对比、对齐、重复、亲密性】。

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

一、banner的分类：
按照不同的分类标准，就有不同的分法。

例如，按形式感分，有扁平化banner和立体感banner；按是否促销分类，有促销banner和非促销banner；按构图方式分类，有左文右图式banner、左图右文式banner、居中式banner。

这里，按表现的特点分为四大类——年轻化banner、文艺范banner、品牌感banner和大气化banner。

（1）年轻化banner特点：
文案通常用促销刚劲类的字体；点缀元素常用一些几何图形或众多商品元素。

（2）文艺范banner特点：
文案通常用瘦长类的字体；构图稳重、整体协调、用色淡雅。

比如用邻近色搭配背景和点缀元素，这时，背景与商品颜色邻近的跨度小，背景与点缀颜色邻近的跨度大。

（3）品牌感banner特点：
有logo，主色通常用logo上的颜色；文案字体也一般用logo上的字体；banner主体是品牌特征。

（4）大气化banner特点：
常运用一些表现手法，例如联想、意识流思维，不以文案为核心，着重表现主体。

二、字体的选用（注意版权）：
（1）纤细类字体：方正清刻本悦宋、小米兰亭、方正兰亭纤黑、方正兰亭超细黑、华文黑体、汉仪瑞意宋、汉仪宋韵朗黑···
（2）粗体类字体：方正兰亭中黑/超粗、方正正中黑、造字工房尚黑···（3）促销类字体：迷你简菱心、造字工房版黑/劲黑、华康俪金黑、方正粗谭黑、爱度综艺简体···
（4）书法字体：汉仪尚巍手书、汉仪综艺体、叶友跟书法体···
三、Banner处理技巧：
（1）文案处理
①文字分层：例如错层阴影，让字体有层次感；又或者将文案置于模特或产品图的背后，这是最常见的。

②形状点缀：常见的是直线点缀，用来区分文案内容；也有用“/”等几何图形来进行装饰和点缀，从而突出文案，让阅读更流畅，使读者有获得阅读体验。

③笔触相连：分为细节连接和整体连接。

细节连接是局部的笔画相连，整体连接是多处笔画同时连带。

一般运用细节连接，这样不至于让读者产生阅读障碍。

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

（3）背景处理：
对于背景的处理，一般有用色（指渐变、色彩平衡搭配）、纹理和几何点缀三个方面的处理。

呈现体现立体或微立体效果，可以直接构建（微）立体场景，或使用同频渐变色（如下图banner）【自拟，同频渐变色：色相相同，
饱和度或明度不一】。

（4）点缀元素处理：
点缀元素有一定的方向，例如45度朝上，俯视视角。

一般有标签点缀、实物图或图（纹）案点缀、圆（球）形等几何点缀。

对于几何图形，可通过不同的属性来呈现多样性，比如是否有描边，是否填充等。

几何图形的点缀有扁平化与超写实之分。

超写实球体点缀【采用同频渐变色背景】——
椭圆渐变点缀（淘宝系）——
长椭圆渐变点缀（淘宝系）——
实物点缀——。