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

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

小宇宙

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

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

细节描述

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

9.511人评分
收藏 1
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

1个支付界面细节,让用户从心疼钱包到狂欢庆祝
Zomato

动效设计1个支付界面细节,让用户从心疼钱包到狂欢庆祝

猎人 - 智行ZXD设计中心8.5

当你掏出手机准备用Zomato付款。输入金额的那一刻,你心里还在默默计算这顿饭花了多少钱,突然屏幕上出现了优惠金额,原价被划掉,新价格跳了出来,还有小礼花在屏幕上绽放。这种从...

查看详情

#emoji#仪式感#情感化设计

能唤起8090后童年记忆的「小宇宙」404页面
小宇宙

视觉能唤起8090后童年记忆的「小宇宙」404页面

猎人 - AmberDu小白9.0

在两个纸杯底部打孔,然后用一根长绳从杯子底部孔中穿过并打个大结,就能用「纸杯电话筒」玩打电话的游戏了。「小宇宙」App的断网404页面就使用了这款80、90后的童年记忆——「...

查看详情

#404页面#即刻#小宇宙

会汪汪的吉祥物哈士奇Taco~ ( ・ ェ ・ )
Trello

微交互会汪汪的吉祥物哈士奇Taco~ ( ・ ェ ・ )

猎人 - AmberDu小白0.0

Trello是一款强大的项目管理工具,使协作变得简便又有趣。它的吉祥物Taco是一只可爱的哈士奇,你能在App和网站的各个界面见到它卖萌的身影。在手机应用「帐号」页面的最下方...

查看详情

#Trello#声音#工具