美文网首页UX、UI和UE
设计轮播广告位时的小细节-轮播豆

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

作者: 泱泱悲秋 | 来源:发表于2017-03-20 22:36 被阅读51次

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

轮播豆-1.jpg

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

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

轮播豆-2.jpg

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

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

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

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

引导页.jpg

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

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

手淘广告位轮播豆.jpg

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

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

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

相关文章

网友评论

    本文标题:设计轮播广告位时的小细节-轮播豆

    本文链接:https://www.haomeiwen.com/subject/ofainttx.html