动效

腾讯开发了一款类似Figma的设计工具Ardot，官网非常有艺术气息，随着鼠标移动，，梵高的「星空」、戴珍珠耳环的少女这些经典艺术符号，像气泡一样从指尖溢出，顺着惯性在屏幕上...

灵光 App 的开眼功能，摄像头对准什么就识别什么。按下快门的瞬间，整个画面流光溢彩地闪了一下，像是有什么能量脉冲从中心炸开，然后四周迅速压暗，视觉焦点被收拢到中央，几个操作...

Faces 是个把演示文稿变成交互网页的工具。他们喊出口号说传统的 PPT 已经没有力量了，得用 Web 的交互来做。绝就绝在，他们直接把自己的官网做成了一份交互式的在线幻灯片。

Dia浏览器为下载文件设计了一个新动效。当你点击网页里的下载按钮，整个网页背景会瞬间压暗，而被下载的文件则带上一层柔和的扩散光晕，顺着抛物线精准地「飞入」侧边栏的下载图标。这...

DeskMinder是一款macOS上的提醒闹钟，交互非常丝滑，拉扯桌面上的小部件就能调整提醒时长，拉扯后输入提醒事项就开启倒计时。这个动效最成功的地方在于它对拉扯的「阻尼感...

TinyShots 的官网只放了一个动画，但看完这个动画你就完全不需要读任何文字了——截图丢进去，自动变成精致的展示图，三秒完事。这大概是我见过把「产品即演示」做得最干净的独...

Vizcom 的官网设计打破了传统「图文说明书」的套路。它通过滚动驱动的动画，将工具的「草图转 3D 渲染」核心能力，所见即所得直接集成在了浏览体验里。用户通过滚动这一简单动...

iBeer是一款诞生于 iPhone 1 刚发布的现象级App。它的逻辑简单得可爱：采用拟物化设计，屏幕上装满了一杯金黄色的、冒着泡的虚拟啤酒，当你倾斜手机时，这杯酒会顺着物...

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

小红书在春节期间推出仙女棒语音特效，用户在录制与播放语音时，界面会呈现两支仙女棒燃烧的动画效果，营造仿佛共同点燃烟花的互动氛围。运用 节日情境营造 与 陪伴感强化 的设计手法...

懂车帝的的开屏广告设计没有采用传统的静态海报或粗糙的视频贴片，将 2.5D 视差动效完美融入视觉表达的开屏设计。它聪明地剥离了杂乱的背景图，应用了「格式塔原理」中的「图形与背...

小红书在春节期间推出的「大家的春节」主题开屏。它打破了传统广告「点对点」的生硬跳转，在用户执行交互动作后，加入了一个极具仪式感的烟花转场动效，将商业引导转化为了节日祝福。从用...

天气App遇到下雨下雪有对应的动效很常见，荣耀手机自带天气 App 针对春节期间推出的「节日限定背景」。农历新年期间，背景动效会由常规的实时天气状态（如多云、晴天）切换为具有...

千问为了推广其「AI Agent 订餐服务」设计的活动引导。它通过一段极具临场感的启动动画，将「千问请客」的概念具象化为一双递向用户的咖啡杯，以此引导用户体验 AI 代订外卖...

谷歌的Material 3 Expressive 设计语言最新推出的「进度指示器」。它打破了以往线性或环形进度条平稳、静止的视觉范式，通过引入波浪形变和尺寸扩张，让加载过程从...

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

Duolingo 在用户重新下载并打开应用时，会播放duo从无聊等待到欢呼雀跃的情感过渡动画，以拟人化方式表达对回归用户的欢迎。运用 情绪唤起 与 拟人化设计 ，在首次回归场...

聊到按钮动效，Rive 固然是我的心头好，但昨天在折腾 Ant Design X 时，一个意外的「小 Bug」勾起了我的好奇心。 页面右上角那个「快乐工作」特效，点开后竟然没...

这是 Airbnb 房东端或房源编辑页面中，用于设定「房屋可容纳人数」的交互组件。它打破了传统纯数字输入的单调，上方的小人方阵会根据数值的变化实时动态增减。新增的角色仿佛是从...

iPhone通话收起至灵动岛后，通过左右分布的波纹显示对话状态：对方说话时左侧绿色波动，本人说话时右侧橙色起伏，以隐性的方式呈现通话互动。运用 状态可视化 与 感知映射 的手...