今天无意间看到了【轻听英语】的卡片式轮播图，看来看去总是觉得有点怪。如下图：
【轻听英语】首页轮播图
轮播图一般都紧邻导航，因此总得想个办法将导航与轮播图隔离。【轻听英语】的隔离似乎有点用力过猛。我仔细想了下，似乎是因为卡片轮播图的原因。
卡片轮播图不同于之前的，左右占满的标准矩形，卡片本身就有隔离的效果，在经过一个阴影的二度隔离后，就显得太过于疏离。
再来看其他APP轮播图里的卡片轮播图：
【网易云音乐】首页轮播图
【网易云音乐】也是用的卡片轮播图，但是它的导航背景有下探，延伸到了卡片的中间。形成了一种悬挂的效果，这样显得轮播图和导航很连贯。
【阿里云】首页轮播图
【阿里云】也用的同样的手法。但是阿里云更进一步，它将导航的背景下沿做成了弧线，更有“幕布”的效果。按理应当比【网易云音乐】效果更好，可是目前看来效果并不如网易。我想可能有两个原因：
轮播图仍然是标准矩形，这里方正的尖锐和“幕布”的柔和不太协调
轮播图和背景色边界不够清晰 影响了效果
【多看阅读】首页轮播图
这是【多看阅读】的卡片轮播图。也是我最喜欢的之一：简洁，内敛。
这里的轮播图仅依靠卡片本身的隔离效果从界面中剥离出来。像是一块镶嵌在界面的屏幕，恰到好处地融为一体。
忽然想到，原本在寸土寸金的手机界面，人们恨不得方寸之间都要放满元素。就像原本的轮播图都是方方正正，占满横屏。就像淘宝为了节省空间，硬生生将矩形轮播图压到了条形。
而如今大屏手机横行，终于有了空间来让人奢侈地考虑更精细的设计。卡片式轮播图虽然一定程度上浪费了空间，却在视觉体验上更让人舒适。
这是我对卡片式轮播图思考后的一点看法，希望能和大家一起多多交流。
网友评论