轮播设计指的是元素通过自动或主动轮播内容的方式来拓展屏幕空间的设计方法。
- 从切换方式可以分为:自动轮播、手动轮播、二者结合。
- 从切换方向可以分为:上下轮播、左右轮播。
优势:
- 在有限的空间展示更多内容(例如文字轮播)
- 轮播动效更吸引眼球(如中奖号码轮播等)
- 对内容包容性强,图片、文字、图标等均可以使用
劣势:
1. 轮播的设计模式
下图从两个维度进行设计模式盘点:左右轮播和上下轮播。
2. 轮播交互方式
从轮播的切换方式上,轮播分为自动轮播和手动轮播。
1)自动轮播
自动轮播需注意轮播时间和速度的参数,过快难以看清信息,过慢用户没有耐心等待。
自动轮播分为两类:左右轮播和上下轮播。
a. 左右轮播
左右轮播分为“按页轮播”和“滚动轮播”。
二者的区别在于“按页轮播”以一张卡片或者一页为单位切换,而“滚动轮播”则按顺序滚动播放。
滚动轮播和按页轮播的区别↓↓