设计

卡片轮播Card Carousel

你可能会说

就像那种卡片动效展示:几张照片斜着叠在一起,鼠标一碰就浮起来,参数滑杆随便调。

卡片轮播是「散落堆叠 + 指针响应」的交互动效展示形式:主卡居中置顶,副卡分居两侧带旋转与缩放,指针移动做视差浮沉,点击副卡或拖拽主卡即可换卡。它把「演示动效」本身当作内容:Float、Sink、Settle 等参数以滑杆暴露出来,读者当场调出想要的感觉,比静态截图更能传达动效的分寸。
也常被叫作卡片堆叠Scattered Cards
设计原则 · Principles
  • 主卡永远居中置顶:层级靠 z 序与缩放表达,副卡下沉,视线自然落在当前内容上
  • 动效跟着指针走:视差与浮沉幅度要小而连续,大幅抖动会显得廉价
  • 参数即文案:把 Float / Sink / Settle 这类内部参数暴露成滑杆,「可调」本身就是展示卖点
  • 换卡留两种入口:点击副卡精确换卡,拖拽主卡随手翻循环,两类意图都接住
延伸阅读 · 权威出处