动效

已捕获优质的产品细节 195 个

动效

细节 195

我也有新发现 我要投稿
同样是清理系统垃圾,为何 AppZapper 能让人玩上瘾?
AppZapper

游戏化设计同样是清理系统垃圾,为何 AppZapper 能让人玩上瘾?

猎人 - 龙爪槐守望者9.3

macOS 老牌卸载工具 AppZapper 时隔多年出了新版本,加了一个 3D「激光枪」动画,卸载时真的会「biu」一声打掉图标,还配音效, 这种带有嬉戏感的界面隐喻冲淡了...

查看详情

#动效#卸载#彩蛋

砍掉90%花哨视觉,ChatGPT Images 2.5极简首屏为何更具说服力?
ChatGPT

网页互动设计砍掉90%花哨视觉,ChatGPT Images 2.5极简首屏为何更具说服力?

猎人 - 龙爪槐守望者9.0

大多数 AI 产品的发布页,第一屏通常塞满了花哨的生成效果图或者复杂的对比大图。 在 ChatGPT Images 2.5 官方发布页上,第一眼看到的却是一片极其素净的黑白文...

查看详情

#AI#动效#微交互

细品iPhone Duo折叠屏展开动效,举重若轻的优雅
iOS

动效设计细品iPhone Duo折叠屏展开动效,举重若轻的优雅

猎人 - 龙爪槐守望者9.0

市面上多数折叠设备在开合瞬间,动效都非常简陋,iPhone Duo给整屏铺上一层高斯模糊,随着机身彻底展平,画面又像聚焦一样瞬间清晰,用景深虚化顺应了真实世界的空间连续性。当...

查看详情

#人机交互#动效#折叠屏

苹果健康授权怎么做?看 Yazio 这段教科书级动效
Yazio(雅卓)

情感化设计苹果健康授权怎么做?看 Yazio 这段教科书级动效

猎人 - 惊蛰9.0

Yazio(雅卓)是一款记录自己饮食的热量的APP。在iOS上,它肯定要连接苹果健康。它在连接苹果健康的界面做了一个很有意思的动效,让自己的小怪兽 IP 从自己的图标框里探出...

查看详情

#IP形象#动效#品牌

macOS 27窗口控制适配液态玻璃,微动效质感拉满
macOS

视觉风格macOS 27窗口控制适配液态玻璃,微动效质感拉满

猎人 - 龙爪槐守望者9.3

macOS 27 Beta 6 的窗口控制圆点现在适配了液态玻璃, 三个原本静态的圆点瞬间有了果冻般的黏稠张力。光标蹭过去时表面会微微下陷、回弹,甚至带一点液态玻璃的折射畸变...

查看详情

#动效#液态玻璃#窗口

同样是生日提醒,为什么苹果的通话动效更打动人?
iOS

场景化设计同样是生日提醒,为什么苹果的通话动效更打动人?

猎人 - 龙爪槐守望者9.4

iOS 27当你拨通电话或者接听来电时,如果通讯录里记录了对方今天过生日,界面上方会弹出Banner,写上今天的日期,背景还伴随着一簇微弱绽放的动态烟花。看到这个细节的时候真...

查看详情

#banner#仪式感#动效

怎样让认证页面更可信,看Airbnb如何做质感设计
Airbnb

动效设计怎样让认证页面更可信,看Airbnb如何做质感设计

猎人 - 龙爪槐守望者9.4

Airbnb 把身份验证卡做成了物理实体防伪卡的样子,晃动手机时,头像框会跟着陀螺仪产生类似激光全息(Hologram)的变色光泽。巧妙地触发了实体拥有感与真实效应。人类大脑...

查看详情

#信任感#动效#卡片

把品牌名变成交互动作,Sasasa这招太惊艳了
SASASA

动效设计把品牌名变成交互动作,Sasasa这招太惊艳了

猎人 - 龙爪槐守望者9.0

韩国创意机构sasasa.com网站鼠标光标在屏幕上划过,原本蒙着一层厚厚水汽和水珠的页面被瞬间抹开,藏在雾气后面的团队照片和画面随之清晰展现,甚至擦拭边缘还有水滴顺着玻璃自...

查看详情

#动效#情感化设计#网站

没有进度条却丝滑无比!Mantas灵感墙的交互细节有多绝
The Wicked Swipe File

加载设计没有进度条却丝滑无比!Mantas灵感墙的交互细节有多绝

猎人 - 龙爪槐守望者9.0

Mantas开发了一个专门收广告创意的「灵感墙」The Wicked Swipe File,打开页面的瞬间,原本灰暗的占位卡片向四周收缩展开,随后成百上千张海报如星空般呈现在...

查看详情

#仪式感#加载#动效

点击关闭VS手势归位,Spatial给产品设计带来的新启发
Spatial.

动效设计点击关闭VS手势归位,Spatial给产品设计带来的新启发

猎人 - 龙爪槐守望者8.5

桌面软件做卡片放大的设计很多,但Spatial最聪明的地方在于把卡片从全屏退回画布的交互,变成了极其顺手的横向滑动扔回动作。不需要寻找左上角的关闭图标,甚至不用等卡片完全展开...

查看详情

#动效#卡片#手势交互

同样是选择日期,Aave 凭什么能做到仪式感拉满?
Aave

动效设计同样是选择日期,Aave 凭什么能做到仪式感拉满?

猎人 - 龙爪槐守望者9.3

Aave 的按月自动存款设置页面,选日期时滑块拖动,日历卡片会跟随数字翻转展示,把抽象的数字转化成了具备物理实体感的时间节点,让用户「触碰」到时间或金钱的变动,能有效提升操作...

查看详情

#仪式感#动效#图标

传统更新日志太冰冷?Dia的拟物化动效让产品更有温度
Dia浏览器

动效设计传统更新日志太冰冷?Dia的拟物化动效让产品更有温度

猎人 - 龙爪槐守望者9.0

Dia 浏览器的周报又整花活了,把原本每周更新只是一个普通的页签,却被定制成了被折叠的报纸。点击时,整个报纸伴随着丝滑的 3D 翻转动效打开。传统的 release note...

查看详情

#动效#情感化设计#拟物化

苹果为 Claude 制作动态 Banner,用几行代码赋予品牌生命
Claude

品牌延伸设计苹果为 Claude 制作动态 Banner,用几行代码赋予品牌生命

猎人 - 龙爪槐守望者8.0

Apple 在 App Store 首页 Today 标签页为 Claude 制作了一张动态 Banner。极简的几行代码与彩色的几何射线围绕着中心迸发,恰好视觉形态与下方 ...

查看详情

#banner#logo#动态衍生

喜茶新品 DIY 交互,把产品设计玩成了灵感游戏
喜茶

参与感设计喜茶新品 DIY 交互,把产品设计玩成了灵感游戏

猎人 - 龙爪槐守望者8.7

喜茶在小程序里上线了一个叫作「灵感研发ing」的 DIY 模块。你不仅能像个配方师一样,一步步挑选茶底、奶底、小料、云顶和甜度,最妙的是,整个定制过程都被做成了极具手绘感和幽...

查看详情

#动效#参与感#定制化

APP空状态只能放灰色图标吗?看看Brink的趣味交互
Brink

动效设计APP空状态只能放灰色图标吗?看看Brink的趣味交互

猎人 - 龙爪槐守望者7.5

Brink播客在用户过去一周没有任何节目更新时,把空状态的灰色文件夹做成了长满小虫子的动态效果。这里用的是情境化的幽默隐喻。长久没人光顾的荒凉角落会生虫,这个物理常识被巧妙迁...

查看详情

#动效#情感化设计#物理隐喻

苹果又在细节上秀肌肉,这个景深裁剪动画也太流畅了
iOS

空间动效苹果又在细节上秀肌肉,这个景深裁剪动画也太流畅了

猎人 - 龙爪槐守望者9.0

在刚发布的 iOS 27 Beta 3 中,苹果进一步升级了系统动画的细腻度。备受瞩目的景深裁剪动画 (Depth Cutout Animation) 带来了更流畅的锁屏与壁...

查看详情

#3D#动效#壁纸

1 个导航hover动画,竟能同时完成了品牌宣发、产品推新和趣味体验
小鹏汽车

动效引导1 个导航hover动画,竟能同时完成了品牌宣发、产品推新和趣味体验

猎人 - 龙爪槐守望者8.5

小鹏官网的导航栏里,「车型」旁边停着一辆小鹏新新车的剪影。鼠标hover上去展开下拉菜单,这辆车会往前跑。这个设计的精妙之处在于它把品牌宣发、产品推新和基础交互融合在了一起。

查看详情

#动效#导航栏#悬停

别再用AE做动效了,Figma原生动效工具终于来了
Figma

设计工具别再用AE做动效了,Figma原生动效工具终于来了

猎人 - 龙爪槐守望者8.0

Figma 终于把动效设计搬进画布了。不用再开 After Effects 或 Lottie 插件来回倒腾,直接在设计文件里拖时间轴、打关键帧、调缓动曲线。更狠的是动效可以绑...

查看详情

#AI#AI Agent#AIGC

灵动岛加上霓虹光晕,Siri交互有了新体验
iOS

动效设计灵动岛加上霓虹光晕,Siri交互有了新体验

猎人 - 龙爪槐守望者9.0

iOS27的Siri效果和之前很不一样,那个熟悉的彩色光球直接从顶部的灵动岛「滴落」下来,像一滴带有彩色霓虹光晕的液态玻璃,在灵动岛边缘和前置摄像头挖孔之间流动、拉伸,最后自...

查看详情

#Siri#动效#液态玻璃

巧用独立Tabbar 悬浮样式,支付宝平稳过渡 AI 新版本
支付宝

AI巧用独立Tabbar 悬浮样式,支付宝平稳过渡 AI 新版本

猎人 - 龙爪槐守望者9.0

新旧版本迭代一向是国民级App的烫手山芋。支付宝在推它的 AI 版时,做了一个两全的策略:默认进入的是传统首页,但把 AI 入口提到了 Tabbar 的第一个位置,还做成独立...

查看详情

#AI#Tabbar#动效

1/10

热门应用