关于卡片式轮播图的思考

2019-01-07  本文已影响0人  入巷吃汤面

今天无意间看到了【轻听英语】的卡片式轮播图,看来看去总是觉得有点怪。如下图:

【轻听英语】首页轮播图

轮播图一般都紧邻导航,因此总得想个办法将导航与轮播图隔离。【轻听英语】的隔离似乎有点用力过猛。我仔细想了下,似乎是因为卡片轮播图的原因。

卡片轮播图不同于之前的,左右占满的标准矩形,卡片本身就有隔离的效果,在经过一个阴影的二度隔离后,就显得太过于疏离。

再来看其他APP轮播图里的卡片轮播图:

【网易云音乐】首页轮播图

【网易云音乐】也是用的卡片轮播图,但是它的导航背景有下探,延伸到了卡片的中间。形成了一种悬挂的效果,这样显得轮播图和导航很连贯。


【阿里云】首页轮播图

【阿里云】也用的同样的手法。但是阿里云更进一步,它将导航的背景下沿做成了弧线,更有“幕布”的效果。按理应当比【网易云音乐】效果更好,可是目前看来效果并不如网易。我想可能有两个原因:

轮播图仍然是标准矩形,这里方正的尖锐和“幕布”的柔和不太协调

轮播图和背景色边界不够清晰 影响了效果

【多看阅读】首页轮播图

这是【多看阅读】的卡片轮播图。也是我最喜欢的之一:简洁,内敛。

这里的轮播图仅依靠卡片本身的隔离效果从界面中剥离出来。像是一块镶嵌在界面的屏幕,恰到好处地融为一体。

忽然想到,原本在寸土寸金的手机界面,人们恨不得方寸之间都要放满元素。就像原本的轮播图都是方方正正,占满横屏。就像淘宝为了节省空间,硬生生将矩形轮播图压到了条形。

而如今大屏手机横行,终于有了空间来让人奢侈地考虑更精细的设计。卡片式轮播图虽然一定程度上浪费了空间,却在视觉体验上更让人舒适。

这是我对卡片式轮播图思考后的一点看法,希望能和大家一起多多交流。

上一篇下一篇

猜你喜欢

热点阅读