动效

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

动效

细节 149

我也有新发现 我要投稿
B 端设计只能冷冰冰?Ant Design 快乐工作动效给用户制造小确幸
Ant Design

彩蛋设计B 端设计只能冷冰冰?Ant Design 快乐工作动效给用户制造小确幸

猎人 - 大鱼大鱼吖0.0

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

查看详情

#B端#动效#彩蛋

Airbnb产品设计拆解,把冷冰冰的表单做成有温度的互动
Airbnb

情感化设计Airbnb产品设计拆解,把冷冰冰的表单做成有温度的互动

猎人 - 龙爪槐守望者9.2

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

查看详情

#3D#动效#品牌

对话也能看见?解析 iPhone 灵动岛左右波纹的色彩美学
iOS

可视化设计对话也能看见?解析 iPhone 灵动岛左右波纹的色彩美学

猎人 - 张老三4.5

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

查看详情

#动效#可视化#多感官协同

大众点评如何用收藏天数引爆用户的成就感?
大众点评

仪式感设计大众点评如何用收藏天数引爆用户的成就感?

猎人 - 龙爪槐守望者7.0

当用户在到店消费并在大众点评点击打卡时,系统不再只是展示冰冷的成功提示,而是通过品牌 IP 「橙宝」背着相机、迈着大步在地图上轻快地「赶路」,配合用户历史收藏数据的挖掘,完成...

查看详情

#IP形象#仪式感#动效

打卡也能这么燃,抖音城市专属动效让交互充满了仪式感
抖音

动效设计打卡也能这么燃,抖音城市专属动效让交互充满了仪式感

猎人 - 龙爪槐守望者5.6

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

查看详情

#动效#峰终定律#情感化设计

每次上班都焦虑?看钉钉如何用一个登录页帮你情绪回血
钉钉

情感化设计每次上班都焦虑?看钉钉如何用一个登录页帮你情绪回血

猎人 - 张老三5.0

每天早上打开办公软件的那一刻,你的心里是不是也会咯噔一下,感到一阵无形的压力?如果我告诉你,只要改动一个小小的界面细节,就能在上班第一秒给你回血,你信不信?

钉钉桌面端在每...

查看详情

#UX文案#动效#情感化设计

谁说更新日志没人看?Hive这个解压动效让我忍不住划了又划
Hive

动效设计谁说更新日志没人看?Hive这个解压动效让我忍不住划了又划

猎人 - 龙爪槐守望者8.5

谁说更新日志只能是乏味的功能清单?如果一个版本号的展示都能玩出花样,那版本更新这件苦差事是不是也能变得有趣起来?Hive 的“What's New”页面彻底摒弃了传统的长列表...

查看详情

#动效#拟物化设计#更新记录

当功能入口遇上轮播设计,阿里通义万相做出了1+1>2的体验
通义千问

微交互当功能入口遇上轮播设计,阿里通义万相做出了1+1>2的体验

猎人 - 龙爪槐守望者8.5

轮播图不是早就过时了吗?为什么大厂还在用?其实你误会了——传统的轮播图确实饱受诟病,但如果把它和功能入口巧妙结合,反而能创造出1+1>2的体验。

查看详情

#入口#动效#卡片

淘宝闪购的反常规设计,为什么把圆形Tab放在第2位而非中间
淘宝闪购(饿了么)

微交互淘宝闪购的反常规设计,为什么把圆形Tab放在第2位而非中间

猎人 - 龙爪槐守望者9.5

在淘宝闪购的底部导航栏设计中,我们能观察到一个明显反常规的布局决策。传统的舵式导航通常将最核心的功能按钮放置在Tab栏的正中间位置,并设计成圆形凸起样式,如闲鱼的发布按钮等。...

查看详情

#Tabbar#动效#微交互

iOS 26 这个丝滑的液态展开效果,让人忍不住一直点
iOS

动效设计iOS 26 这个丝滑的液态展开效果,让人忍不住一直点

猎人 - 龙爪槐守望者8.7

每次在iOS 26选中一段文字,大拇指轻轻一滑,菜单就像水银一样顺着你的力道流淌开来。没有卡顿,没有突兀的弹窗。让人忍不住想多点几下。

查看详情

#动效#微交互#液态玻璃

一个会呼吸的动画如何提升AI Agent的信任感
Atlas

动效设计一个会呼吸的动画如何提升AI Agent的信任感

猎人 - 龙爪槐守望者9.8

你觉得AI操作浏览器时,最重要的是什么?速度?准确率?

查看详情

#AI#AI Agent#信任感

小宇宙如何用卡片创造探索的仪式感?
小宇宙

动效设计小宇宙如何用卡片创造探索的仪式感?

猎人 - 龙爪槐守望者9.0

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

查看详情

#动效#卡片#发现页

美团15分钟送达的小卡片是如何抓住我的注意力的?
美团外卖

引导设计美团15分钟送达的小卡片是如何抓住我的注意力的?

猎人 - 张老三9.0

一个从屏幕右侧一闪而过的小卡片,为什么能让无数用户停下滑动的手指?美团外卖这个看似不起眼的设计,背后藏着什么样的用户心理操控术?在美团外卖的商家列表页面,当我们上下滑动浏览时...

查看详情

#Tab#列表#动效

ChatGPT Atlas界面赏析:这个惊艳的焦散效果,究竟好在哪?
Atlas

动效设计ChatGPT Atlas界面赏析:这个惊艳的焦散效果,究竟好在哪?

猎人 - 龙爪槐守望者9.5

拖动一下窗口,就能在桌面上画出光影,你信吗?这听起来像科幻电影里的特效,在OpenAI最新推出的 ChatGPT Atlas 浏览器中,真的把这种魔法带到了我们面前。当你拖动...

查看详情

#动效#微交互#情感化设计

为什么苹果要给时钟图标设计两种完全不同的动效?
iOS

彩蛋设计为什么苹果要给时钟图标设计两种完全不同的动效?

猎人 - 龙爪槐守望者9.7

一个简单的时钟图标,为什么值得苹果的设计师们为它设计两种截然不同的动画效果?大多数人可能都没发现,这个每天都会瞥见无数次的小图标里,藏着一个关于「能量」和「效率」的精巧隐喻。...

查看详情

#动效#图标#彩蛋

谷歌Chrome设置页会旋转的Logo藏着什么设计心机?
Chrome

彩蛋设计谷歌Chrome设置页会旋转的Logo藏着什么设计心机?

猎人 - 龙爪槐守望者9.0

还记得小时候,我们总喜欢去按圆珠笔的笔帽,或者反复折叠一张纸吗?这种无意识的「小动作」其实是一种探索和寻求反馈的本能。在数字世界里,Chrome的工程师显然也懂这个道理。

查看详情

#关于#动效#图标

告别无效Banner,App Store教你用魔性循环动画抓住眼球
苹果

动效设计告别无效Banner,App Store教你用魔性循环动画抓住眼球

猎人 - 龙爪槐守望者9.0

这次App Store国庆假期的专题焦点图,第一眼就让人挪不开眼!整个画面的主色调是充满活力的青柠绿,搭配着品红、亮紫等高饱和度的撞色,视觉冲击力十足。画面上是一群风格化、线...

查看详情

#banner#动效#情感化设计

打破常规!用球体思维重新定义网站导航
OpenPurpose

动效设计打破常规!用球体思维重新定义网站导航

猎人 - 龙爪槐守望者9.5

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

查看详情

#3D#动效#导航

从土味到赛博朋克:抖音如何让15年前的杀马特重新爆红?
抖音

情感化设计从土味到赛博朋克:抖音如何让15年前的杀马特重新爆红?

猎人 - 龙爪槐守望者8.5

抖音的杀马特表情最近太火了!话题多次登上热搜,形成了全民参与的文化现象。抖音的杀马特表情以经典的黄色圆脸为基底,头顶一撮极具辨识度的蓝色爆炸头,视觉冲击力十足。

查看详情

#亚文化#动效#图标

iOS 26那个惊鸿一瞥的「果冻」按钮,你见过吗?
iOS

动效设计iOS 26那个惊鸿一瞥的「果冻」按钮,你见过吗?

猎人 - 龙爪槐守望者8.3

苹果iOS 26计算器有一个很炫酷的液态玻璃效果。当用户的手指轻触计算器任意一个数字或符号按钮时,神奇的事情发生了。这个按钮不仅自身被点亮,呈现出一种温暖的橙黄色调,更关键的...

查看详情

#动效#微交互#情感化设计

1/8

热门应用