除了单独使用一种轮播方式,也有结合二者的设计方式,只不过比较少见,因为涉及到两种切换,内容间隔时间必定拉长,导致用户需要更多的时间阅读,而大多数时候用户没有这么多耐心。
「blued」APP中结合上下轮播和左右轮播的设计方式↓↓
2)手动轮播
手动轮播大多用于运营活动入口,一般使用图片或卡片承载内容,点击后进行下一步操作。部分设计也会同时辅助自动轮播的交互方式来帮助次级卡片曝光。
手动轮播有两点值得注意:
- 卡片靠近屏幕边缘时,注意避免热区和手机返回手势冲突
- 轮播最好循环切换,而非单向切换,若单向切换则切换到最后一张就无法再切换,使用起来不够流畅,二来当用户尝试继续切换时非常容易和手机自带返回手势冲突(亲测)
循环切换和单向切换↓↓
3. 轮播的视觉展现
指示器:卡片式切换一般会辅助指示器
运营活动入口:可尝试异形图片,更加个性有趣
文字轮播:重要文字可特殊处理,如加粗、换颜色等
二、折叠设计法折叠设计法指的是通过折叠内容的方法来节省页面空间的设计方式。
优势:
- 扩展性强:相比前三种设计方式,折叠设计法能容纳更多的内容
- 微动效:折叠设计法能容纳较多的微动效,增强趣味感
劣势:
- 曝光较弱:需要用户主动去发现
- 可点击区域小:折叠设计可能存在点击区域不够大的情况,用户操作困难
1. 折叠的设计模式
1)卡片折叠
以卡片为主的设计形式,直播产品中常应用于侧边折叠和小卡片折叠。