设计轮播广告位时的小细节-轮播豆

或者它还有更专业的称呼，但我喜欢叫它“轮播豆”，嗯，就是任性！就是下面轮播图中我用红色矩形圈出来的豆豆。

轮播豆-1.jpg

好了，就这个案例来说明一下轮播广告位的这个小细节，要么说设计时要处处用心，这一个小细节，虽然不影响用户的使用，但专业的设计能让用户感受到产品的极致。

好了，问题出现在哪里呢？我把剩下的两张轮播图片一并放上。

轮播豆-2.jpg

大概在第四张，才能看清楚四颗轮播豆，前两张几乎都是隐形的，那轮播豆是做什么的？这是设计之初需要考虑的问题，移动端不存在鼠标精确点击的问题，那只有一个目的——告知用户轮播图片的数量，仅此而已。那这种设计达到目的了么？答案很明确，完全没有。（顺便介绍一下拿这个做案例的背景，纯粹无心之举，只是了解竞品时看了一下APP，发现的问题）

其实这种设计失误是完全不应该的，理由很简单，这一类APP，广告图片是可控的。既然知道自己会经常使用深色背景的图片，那轮播豆的设计就应该加以改进。

顺便再发散一下话题（就当RPG游戏打个支线任务吧），个人认为这个盒马鲜生的APP，轮播图片除了帮用户跑跑流量之外，意义不大。

因为轮播广告位用在最多的两类一个是内容型，一个是电商型（后者可以延伸至一切需要广告促销位的类型）。但作为自有APP，只是想通过这种形式来传递一种理念的话，未免小题大做，毕竟这个广告位出现在加载的首页并占据了几乎2/3的视窗。而且，这个APP的引导页是下面这种风格的（港真，还蛮喜欢）：

引导页.jpg

一个卡通，一个写实，差别很大。

好了，话题继续回来，我们来看看手淘的轮播广告位轮播豆的设计：

手淘广告位轮播豆.jpg

鉴于图片实在太多，懒，随便截了三张。

这种带透明度的白加了描边的效果几乎不受背景图片的影响，各种百搭。

所以设计师小伙不要轻视任何设计，即使小小轮播豆，也能体现水平哟。