【Day 9】F1 Alien-分析活动Banner

选出一个你觉得不错的活动Banner，从中分析有哪些你可以学到的内容。

注：banner可以是手机上的，也可以是PC端的

---

我选择的是 野糖网 的活动banner 如下

野糖网

在分析这个活动banner之前 先聊聊 活动banner的目的是什么

1、以非常直观的方式告知用户在做活动

2、整合网站资源 “零售变成批发” 让用户更加集中的了解某一种类型的产品（有同种属性的商品/信息 整合在一起 成为一个专题）

3、引发用户点击 购买或参与 的欲望

4、为某一品牌做推广

下面我从文案和设计2个角度分析一下野糖网的banner

文案

野糖网

上图中banner文案的组成部分有 

活动时间（time：6.7-6.8）+专题名称（海外设计品牌）+活动力度（专场7折）+补充说明（说好的猴年马月 终于要兑现了）+引发点击（shop now）

短短的几行字 表达了一个活动核心部分 同时也明确了本场活动的主题 当然每一场活动中 用户们最关心的还是折扣问题 在banner上也非常清晰的体现了 本次活动的折扣力度 7折 

而最近热议的“猴年马月”也被引用 通常我们要做一件非常难得事情会说“等到猴年马月去了” 意思是时间很长 根本不可能完成 但是在现实生活中 猴年的农历五月被称作“猴年马月” 趁着这个大好时机 你想要的东西在这里打折了 也非常符合活动banner的目的 吸引消费者

另外 一般的活动banner直接点击就能跳转到活动页面 但是这里 特意加了一个【shop now】的文案 再一次提醒用户 现在就进来看看吧

同时 在字体上也有先后之分 关键字放大加粗 辅助文案就不需要特殊强调

可以说这里的每一个字 都用的恰到好处

来看看 同类型网站的活动banner

有货

上图中是有货的活动banner 在这里的文案 我只看到了“一则新闻” 我们有货独家赞助奔跑吧兄弟 但是 然后呢 没有了 没有说活动的任何情况 可是点击进去 还是需要用户购买的 但在banner上完全没有体现

活动内页

设计

野糖网

1、颜色

底色深 字体颜色亮 整个banner的主色为 白色 黑色 红色 黄色 看上去比较统一不杂乱 第一印象 干净 清晰

来对比一下同类型网站的banner颜色

反例

网易考拉

这个亮紫色 每个电脑的分辨率和明暗度是不一样 如果不巧在夜晚 用户电脑的亮度比较高 那真是要闪瞎了 而且这个男生的脸 和其他的产品 看上去不怎么搭 有一点淘宝风

正例

京东618

颜色色系统一 黄色 白色 蓝色 整体效果突出折扣力度“满199减100”

banner的颜色首先需要和活动主题相搭配 比如踏青主题 可以用绿色系 用紫色系就很奇怪 情人节一般用红色或粉色系 用黑色系就很诡异 同时banner里元素的颜色也需要相互协调 既不能花哨的分不出重点 也不能平实的没有重点突出

2、细节

我不知道怎么称呼图片上圈红的部分 暂时叫做细节好了 野糖网这个banner上 用8个图标表示了8类衣服的种类 而且非常的形象 不用多余的文字赘述 清晰明了 节省空间的同时提升格调 看上去 档次还不低 

合理利用小图标 或者小细节给banner做点缀 可以让banner看上去更形象具体 毕竟有的时候 文字还是抽象的 需要图像去辅助

同样 对比一下同类型网站的banner

有货

这个banner的底色和字体颜色都比较杂乱 第一眼看上去 分不清楚主次 可以看到的信息太多 也就分散了最主要信息的注意力