动效

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

动效

细节 190

我也有新发现 我要投稿
同样是生日提醒,为什么苹果的通话动效更打动人?
iOS

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

猎人 - 龙爪槐守望者9.0

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

查看详情

#banner#仪式感#动效

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

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

猎人 - 龙爪槐守望者9.3

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#动效

如何在网页滑动中抓住眼球?这个液态玻璃动态视觉值得借鉴
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.3

通知从手机屏幕顶部向下弹出,用了这么多年,大家似乎都感觉没啥问题,但是在 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容器就行,相当于开了一个特...

查看详情

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

1/10

热门应用