动效设计小宇宙如何用卡片创造探索的仪式感?

产品: 小宇宙猎人: 龙爪槐守望者投稿: 内啡肽本肽.观众: 4.8k人 时间: 2025-10-28

小宇宙

与「小宇宙」有关的细节还有 57查看全部

我也有新发现 我要投稿
小宇宙如何用卡片创造探索的仪式感?小宇宙如何用卡片创造探索的仪式感?

细节描述

龙爪槐守望者:  为什么同样是展示播客,小宇宙的设计能让用户直呼「太酷了」,甚至愿意反复滑动把玩?秘密,就藏在它那看似简单的卡片交互里。在小宇宙的「发现页」里,并没有采用传统的垂直列表,而是设计成了一叠水平滑动的卡片,像一副扑克牌一样堆叠在一起,有明显的前后层级关系,营造出一种空间上的纵深感。 当你用手指向左滑动,最上层的卡片会带着流畅的动画效果划出屏幕,下面的卡片则顺势「浮」上来,成为新的顶层。整个过程非常跟手,阻尼感恰到好处,模拟了真实世界里抽走一张卡片的物理反馈。 这种设计创造了一种「探索的仪式感」。每一次滑动都像是打开一个礼物盒,用户不知道下一张卡片会带来什么惊喜,这种不确定性反而激发了持续探索的动力。相比传统列表一眼看到底的「工具感」,卡片流更像是一场精心策划的「内容之旅」。

918人评分
收藏 3
分享细节海报

发表评论 为下方 1 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

Love is Love,来自「即刻」的彩虹彩蛋🌈
即刻

设计彩蛋Love is Love,来自「即刻」的彩虹彩蛋🌈

猎人 - AmberDu小白4.0

在「即刻」将自己的个人签名里带上彩虹图案的emoji🌈,底部Tab栏代表「我」的图标会变成彩虹色。据说这个场景彩蛋的触发设计是为了表达平台对LGBT群体的支持。Love is...

查看详情

#LGBT#Tab#即刻

如何通过流程设计帮用户克服产品使用的畏难情绪?
小宇宙

设计逻辑如何通过流程设计帮用户克服产品使用的畏难情绪?

猎人 - AmberDu小白9.8

做一档播客节目,拥有一个自己的小电台,应该是很多人想尝试又觉得上手不易的小心愿。「小宇宙」引导用户开启自己播客之旅的流程和体验,对播客新手十分友好。用户可以录制最多5个试播单...

查看详情

#FM#即刻#小宇宙

美团靠这1个细节,就让快送商家曝光翻倍
美团外卖

动效设计美团靠这1个细节,就让快送商家曝光翻倍

猎人 - 智行ZXD设计中心9.5

每当饿得前胸贴后背时,我们打开外卖App的第一反应就是扫描配送时间。那些标着「30分钟、45分钟」的数字,直接决定了我们是选择这家店还是继续往下滑。但问题来了,密密麻麻的商品...

查看详情

#列表#动效#标签