动效

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

动效

细节 186

我也有新发现 我要投稿
点击关闭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#动效

如何在网页滑动中抓住眼球?这个液态玻璃动态视觉值得借鉴
System Studio

动效设计如何在网页滑动中抓住眼球?这个液态玻璃动态视觉值得借鉴

猎人 - 龙爪槐守望者8.5

System Studio是一家澳大利亚设计咨询公司,他们似乎从液态玻璃设计风格中获得灵感,在他们网站滚动鼠标查看案例时,不仅采用横向滚动,而且图文从两侧滑出时会产生一种重力...

查看详情

#动效#液态玻璃#网页

同样是Siri,为什么在 iPhone 和 VisionOS 上体验完全不同?
VisionOS

空间交互同样是Siri,为什么在 iPhone 和 VisionOS 上体验完全不同?

猎人 - 龙爪槐守望者9.0

在iPhone上看Siri也就是个好看的特效,但是在VisionOS的三维空间里就变成了一个闪烁着虹彩光泽的魔法水晶球,。彩色折射光芒的半透明球体会根据用户的声音在空中起伏律...

查看详情

#3D#AR#动效

为什么 iOS 27 的通知要改到左上角弹出呢?
iOS

微交互为什么 iOS 27 的通知要改到左上角弹出呢?

猎人 - 龙爪槐守望者9.4

通知从手机屏幕顶部向下弹出,用了这么多年,大家似乎都感觉没啥问题,但是在 iOS 27 中,通知f改成从左上角弹出。这是因为我们从左上角下滑是进入通知中心,而从右上角下滑是进...

查看详情

#全面屏#动效#微交互

运用故障风视觉语言,让用户被Claude Code的像素微动效爽到
Claude Code

动效设计运用故障风视觉语言,让用户被Claude Code的像素微动效爽到

猎人 - 龙爪槐守望者8.8

Claude Code在切换Effort Level(努力/效能等级)时,原本只是在低、中、高之间移动的普通游标,在滑到最高档 ultracode 的一瞬间,整个操作面板突然...

查看详情

#AI#仪式感#动效

比Figma强,MasterGo在画布直接做流动渐变特效
MasterGo

设计工具比Figma强,MasterGo在画布直接做流动渐变特效

猎人 - 龙爪槐守望者8.0

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

查看详情

#体验背后的技术#动效#图层

腾讯把AI智能体设计成摸鱼员工,消除你对AI的信任焦虑
Marvis马维斯

隐喻设计腾讯把AI智能体设计成摸鱼员工,消除你对AI的信任焦虑

猎人 - 龙爪槐守望者9.2

腾讯这款能控制电脑的AI管家Marvis马维斯,采用了情境化设计和隐喻设计。把技术底层不同的功能模块「Browser Agent」和「Computer Agent」直接变成了...

查看详情

#AI#AI Agent#IP形象

下拉就能拍照!picocam 赋予了苹果灵动岛全新生命力
picocam

灵动岛设计下拉就能拍照!picocam 赋予了苹果灵动岛全新生命力

猎人 - 龙爪槐守望者7.6

这款名叫picocam的拍照App对灵动岛的运用非常巧妙,下拉就把取景器和拍摄按钮等等从灵动岛里下拉出来了。点击拍照后,拍成功的照片就像拍立得打印一样,从灵动岛中吐出来。仪式...

查看详情

#动效#复古#手势交互

腾讯Marvis用拟人化场景,让AI控制电脑变得更好玩
Marvis马维斯

IP形象设计腾讯Marvis用拟人化场景,让AI控制电脑变得更好玩

猎人 - 龙爪槐守望者8.0

腾讯出品了一款能控制电脑的AI管家Marvis马维斯,还专门设计了一个黑色的马作为IP形象。还设计了操作电脑这个动作。在等待界面里不仅呼应了产品的马类谐音,还在进度条上玩起了...

查看详情

#AI#IP形象#loading

复杂的AI生图找不到落地场景?夸克这次做了一个好示范
夸克

AI复杂的AI生图找不到落地场景?夸克这次做了一个好示范

猎人 - 龙爪槐守望者9.2

520这天的夸克App把主意打到了Logo上,用动效引导用户使用拍结婚证功能,点进去其实并不是真的去民政局拍照,而是上传两张单人照,通过AI换脸或生成技术,拼出一张红底的结婚...

查看详情

#AI#AIGC#Doodle

1/10

热门应用