电子商务概论 电子商务概论、B2C 电子商务 Banner.docx

知识模块 Banner 可以作为网站页面的 横幅广告，也可以作为游行活动时用的 旗帜，还可以是报纸杂志上的大标题。主要体现中心意旨，形象鲜明表达最主要的情感思想或宣传中心。 01 BANNER设计的七大手法 （01）【杂志风格】 商品/人物放在非常显眼的位置，背景是非常平面的纯色，文案“形乱神不乱”地灵活围绕在主角周围，因为是杂志风格，所以和杂志一样有经久不衰的时尚感。 图 1-1-1 图 1-1-2 图 1-1-3 图 1-1-4 图 1-1-5 图 1-1-6 （02）【文案做主角】 一半以上的篇幅放置巨大的文案，商品和配图围绕摆放，特别适合平台电商商品品类很多的的活动广告。这时文案的排版就非常重要了，通过文字粗细，大小来排成一个图形。迎合市场都觉得用点英文瞬间高大上起来的癖好，中英结合呗，再加点阿拉伯数字，就VERY GOOD了~ 图 1-2-1 图 1-2-2 图 1-2-3 （03）【文案和图片有明显的分区】 虽然有点死板，可人家成熟稳重呢！文案更加清晰显眼，适合商品图形象图整张展示更好看的时候，当然你如果没时间抠图的话……或者抠图技术太差，抠出来很多锯齿瞬间拉低品牌档次的时候，就用这种排版手法吧。这类也分两种形式，明显的分区和羽化色块分区。 图 1-3-1 图 1-3-2 （04）【我又来说几何边框了，说多了不好意思了】 的确用上就高大上起来了嘛，和网页排版一样，banner图也很爱用，框起来就是焦点，无论文案/商品，另一类是在大图上加个透明的几何图形，让文案更加清晰。说了很多次，几何图形是永恒的装饰品哦~.~ 图 1-4-1 图 1-4-2 图 1-4-3 图 1-4-4 （05）【文案融合进摄影大图】 摄影图一用立刻就高大上了…不用设计不用排版就已经吸引眼球了，当然是说好看的大图。这种手法文字要看清楚就需要很注意了，以及大图的选用也要非常认真，还要加上色调调整，意境要靠色调和明暗调出来，靠感觉和经验了。当然，最简单是选用比较干净不杂乱的底图。下图大部分来自NIKE和无印良品，简单大气呐~.~ 图 1-5-1 图 1-5-2 图 1-5-3 图 1-5-4 图 1-5-5 图 1-5-6 （06）【构造故事性的场景】 我一直很欣赏这种电商banner图，设计师的脑袋儿灵气棒棒哒！特别是专题页就很有必要这样做，故事性的场景图，除了有效牵动顾客情感，还让品牌在顾客脑袋瓜里深深扎根了，品牌和销售就哗啦啦地上升啦！不过这种风格需要手绘能力较强的设计师才能完美表达下图来自秋壳品牌。 图 1-6-1 图 1-6-2 图 1-6-3 图 1-6-4 （07）【色块背景上文案商品左右摆放】 这也是电商最常用的手法，很容易产生单调的感觉，所以背景添加图案图形，渐变色，商品阴影等，再为商品加点相关的小配物，让画面充实起来吧。 图 1-7-1 图 1-7-2 图 1-7-3 图 1-7-4 图 1-7-5 图 1-7-6 图 1-7-7 02 电商banner设计6大秘诀 （1）图案图形节奏感 ①图案指的什么？ 图案相比大家都知道，也或多或少用过。图案放大可以变得大气，缩小也可以很精致。 而Banner中经常会出现的图案大都是几何形状的重复或旋转得到的图形，用来做为背景的纹理来丰富背景的细节感。有时候有人经常会说背景里少了点什么，下次你不妨尝试一下用用。不是一定要用，如果你需要可以试试效果呢。 举个例子： 图 2-1-1 采用一个几何形状通过平移重复得到的图案，在应用在纯色的背景上我把它称之为图案。 案例中的背景采用了纯色背景搭配，没有过多的颜色。在这种情况下为了使背景避免过 于简单，所以加上了菱形图案来丰富背景的细节和层次。 ②图形指的什么？ 有人可能会问了，图案和图形的区别是什么呢。图案是通过复制平移得到的，而图形可以通过复制平移和循环放大某个形状得到的图形。图形比图案的节奏感往往会更强一些，图形需要手动去调整和复制，可以做更多的差异化重复。而图案则是规律性更好。 再举个例子： 图1：案例中的图形是通过相同的圆角矩形，长度和宽度的变化来组合成了更强的节奏感。它可以是色彩变化多端，也可以是单色深浅变化。 图2：案例用了三角形向上循环重复使用，并且通过改变颜色深浅增强了空间感。其实上面还加了一成三角线的图案，不知道小伙伴们你们看到没。 看对比01-背景有图案和没有的区别： 图 2-1-2 图 2-1-3 我就拿一个三角形图案Banner对比添加和不添加图案的感受，在没有添加图案的情况下虽然这个案例在其他方面我做了挺多视觉表现，但是没有图案还是会感觉少了一点节奏感和细节。当我们为背景层添加了图案之后，画面变得饱满、同时也增加了促销的感受。 看对比02-背景有图案和没有的区别： 图 2-1-4 同样是没有和有图案的对比（