动效

「腾讯手机管家」给手机充电的界面会一直显示小黄鸭戏水的动画效果，并且水位会随着电量的增减上升和下降。当手机的重力方向改变时，还会影响小黄鸭的游行方向。工具型的产品融入了情感化...

苹果官网在展示MacBook neo 时，并没有采用常规的生硬跳转，而是安排了一只「手」作为视觉引导。通过一把推开前序产品的残影，紧接着从底部稳稳托起并翻开新电脑，完成了一次...

如何让我们的网站或者作品集在第一时间就抓住用户的眼球？很多网站看起来都差不多，信息倒是很全，但就是缺少了一点惊喜，很难让人真正记住。OpenPurpose网站的首页设计完全打...

 为什么同样是展示播客，小宇宙的设计能让用户直呼「太酷了」，甚至愿意反复滑动把玩？秘密，就藏在它那看似简单的卡片交互里。在小宇宙的「发现页」里，并没有采用传统的垂直列表，而是...

你肯定在很多网页设计里看到过流动渐变，动态变幻美轮美奂。但在Figma里做不出来的，毕竟设计稿是静态的。而MasterGo莫高设计推出的Shader容器就行，相当于开了一个特...

谜底黑胶 是一款将 iPhone 和 iPad 变成虚拟黑胶唱片机的音乐播放器，旨在让用户重温聆听实体唱片的仪式感。应用支持 Apple Music 和 Spotify，为用...

「Trello」作为一个项目管理协同软件，里面包含最多的内容，毋庸置疑就是各种大大小小的任务了。一般当用户完成一个列表下的任务的时候，都会选择把该任务卡片移动到「已完成」区域...

「问元宝」App 在底部导航栏（Tabbar）上针对运营活动做的动态增强设计。当平台进行「抢10亿」等大型激励活动时，为了在不干扰用户核心搜索/对话流的前提下提高活动曝光，设...

怎么把「订阅省钱」这种有点抽象的好处，做得既直观又有吸引力？我们可能会在界面上堆满「免费配送、会员专享」这些标签，但用户往往看麻了，很难真正「感觉」到其中的价值。结果就是，一...

AI在生成内容时需等待loading，等待AI生成内容时，难免会让人觉得焦虑和无聊。毕竟内容到底会是什么样子，用户都是一头雾水。理想同学App在AI生成内容的过程中，它会通过...

在切换摄影风格时，iPhone相机界面右上角的图标颜色会发生细微变化。这或许对普通用户来说并不明显，但对于习惯于关注产品细节的我们来说，却能很好地感受到苹果团队的用心之处。他...

当用户在餐厅打卡，抖音本地生活服务不使用枯燥的「打卡」，而是将其定义为「点亮」该店。特别是当你首次在某座新城市完成这一动作时，会触发一个极具仪式感的城市专属全屏动效。勾勒出该...

一转眼，冬天又到了。说起寒冷的冬天，雪一定是必不可少的元素。在番茄钟软件「Forest」中，冬日里的每一天，用户种下的小树们，都会变得银装素裹，铺满层层积雪。

Siri自2011年推出以来经历了多次界面迭代，其设计演变反映了苹果在交互理念、技术能力和用户需求上的持续探索。iOS 14 采用紧凑式设计风格，来电通知、Siri 都从全屏...

Arc Browser 的 iOS 版带来了一个令人惊喜的新功能：只需用双指捏合网页，即可触发 AI 自动总结页面内容。这项功能不仅便捷，而且动效自然流畅，给用户带来出色的体验。

传统轮播图都是图片和页面指示器（小圆点）组成。这种固定组合已让用户产生视觉疲劳，更别提有效传递核心信息了。Figma社区的头图有个很特殊的轮播图，页面指示器和主文案合二为一，...

「即刻」App有个叫「今年的时间进度条」的圈子，用可视化的时间进度条与百分比数值展现时间的流逝。每年的跨年时刻，这个主题区还会有极具仪式感的线上跨年倒数计时动效彩蛋。当今年的...

「星巴克」App 的新款豆子以礼盒形式呈现，点击拆开按钮后，礼盒彩带收起礼盒变为新豆子的海报，之后平滑过渡到新豆子的介绍页面。礼盒形式仪式感满满，交互动效自然丝滑。

Hearthwatch 的数据获取界面非常巧妙，采用了心脏图像与心跳 loading 动效的设计，直接契合了其心脏健康检测的核心功能。从品牌和用户体验的角度，这样的设计无疑提...

你有没有这样的感觉？当你在豆瓣上标记一本书为「想读」时，看到系统显示“你是第n位想读的豆友”，心中不由得升起一种温暖的感觉。原来，有这么多和你一样爱读书的人！