动效

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

动效

细节 159

我也有新发现 我要投稿
「饿了么」是如何将广告入口设计得生动有趣的?
淘宝闪购(饿了么)

用户体验「饿了么」是如何将广告入口设计得生动有趣的?

猎人 - 龙爪槐守望者7.4

「饿了么」点餐后的骑手配送页面,会有抽红包的广告出现。虽然只是个广告入口的引导,却被设计成了类似玩《绝地求生》时捡空投箱子的效果,生动有趣,用户的注意力马上就被吸引了。

查看详情

#动效#广告#惊喜

美团靠这1个细节,就让快送商家曝光翻倍
美团外卖

动效设计美团靠这1个细节,就让快送商家曝光翻倍

猎人 - 智行ZXD设计中心9.5

每当饿得前胸贴后背时,我们打开外卖App的第一反应就是扫描配送时间。那些标着「30分钟、45分钟」的数字,直接决定了我们是选择这家店还是继续往下滑。但问题来了,密密麻麻的商品...

查看详情

#列表#动效#标签

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

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

猎人 - 张老三5.0

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

钉钉桌面端在每...

查看详情

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

京东在首页标题栏的广告位能否兼顾用户体验?
京东

组件创新京东在首页标题栏的广告位能否兼顾用户体验?

猎人 - 龙爪槐守望者7.4

手机屏幕寸土寸金,每个App都希望在有限的屏幕上展示尽可能多的内容,尤其是电商平台,更是想方设法在每一个角落推销商品。原本首页的标题栏都用于显示Logo或者tab和主要操作按...

查看详情

#banner#动效#小程序

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

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

猎人 - 龙爪槐守望者9.8

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

查看详情

#AI#AI Agent#信任感

大众点评Tabbar创新,信息流打开率飙升!
大众点评

微交互大众点评Tabbar创新,信息流打开率飙升!

猎人 - 龙爪槐守望者6.6

在众多App中,当您滑动首页浏览时,Tabbar上的「首页」图标悄然变身为「返回顶部」,这已成为司空见惯的设计。然而,大众点评却在这一细节上注入了新意:当你再次回到首页顶部时...

查看详情

#Tabbar#信息流#内容推荐

这个CRM网站的动画,让我瞬间理解了什么叫「混沌到清晰」
Operate

信息可视化这个CRM网站的动画,让我瞬间理解了什么叫「混沌到清晰」

猎人 - 龙爪槐守望者9.0

Operate 是一款专为创始人设计的 CRM 工具,别的先不说,网站设计非常酷!整个页面背景是绿色的网格,像一张精密的蓝图或者老式电脑的显示界面,科技感和复古感并存。最吸引...

查看详情

#信息可视化#动效#情感化设计

7秒动画让用户乖乖填表单?优衣库这招太绝了
优衣库

动效设计7秒动画让用户乖乖填表单?优衣库这招太绝了

猎人 - 智行ZXD设计中心7.8

如何让用户在首次打开App时,心甘情愿地完成那些看起来有些枯燥的个人偏好设置?很多时候,用户面对一连串冷冰冰的表单,第一反应就是跳过,甚至直接卸载。这种初始阶段的体验断裂,不...

查看详情

#加载#动效#情感化设计

「网易考拉」从天而降的好运,你想要的我都给你
网易考拉

用户体验「网易考拉」从天而降的好运,你想要的我都给你

猎人 - 404NTFounD9.0

对于电商类的应用来说,发放优惠券是最普遍也是最能吸引用户的手段之一。在「网易考拉」搜索想要购买品牌的名字「耐克」之后,会在页面加载跳转时从顶部掉落优惠卷至底部。优惠券的出现十...

查看详情

#互动#动效#易用性

大麦分享演出的设计小心思
大麦网

设计逻辑大麦分享演出的设计小心思

猎人 - 卷卷墩儿浪里个浪7.3

「大麦」针对用户感兴趣的演出,引导分享的设计细节满满。页面右上角用跳动的爱心+分享,区别于其他产品静态设计,同色系的按钮设计也塑造品牌一致的视觉感受;而分享页面有虚拟麦友高质...

查看详情

#互动#信息呈现#分享

应用启动页如何留住用户?AutoSleep给你答案!
AutoSleep

动效应用启动页如何留住用户?AutoSleep给你答案!

猎人 - Monster5.5

我们都知道,一款应用的首次使用体验至关重要,它决定了用户是否会继续留存并深度使用。而 AutoSleep 的设计团队显然深谙此道,在简单明了的功能介绍中,巧妙融入了生动有趣的...

查看详情

#iOS#功能演示#动效

被记住的瞬间最动人,多邻国回流动画是如何唤起用户正面情绪的?
Duolingo多邻国

拟人化设计被记住的瞬间最动人,多邻国回流动画是如何唤起用户正面情绪的?

猎人 - 张老三9.0

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

查看详情

#IP形象#动效#情感化设计

淘宝支付成功后惊喜感满满的彩蛋设计
淘宝

微交互淘宝支付成功后惊喜感满满的彩蛋设计

猎人 - 阿豪😱8.2

最新版本的「淘宝」App在支付成功后增加了动效提示的彩蛋设计,并且会有按钮引导用户进行下一步操作。提升用户体验的同时,还能增加惊喜感,仿佛有礼物等待被查收,真是有趣的细节设计。

查看详情

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

谷歌 Material 3 更新,这个会跳舞的进度条能治愈等待焦虑吗?
Google

组件创新谷歌 Material 3 更新,这个会跳舞的进度条能治愈等待焦虑吗?

猎人 - 龙爪槐守望者8.5

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

查看详情

#Material Design#加载#动效

看透我的「即刻」,用户条款居然会自动滚屏
即刻

设计逻辑看透我的「即刻」,用户条款居然会自动滚屏

猎人 - 海的格尔9.5

不知道大家看到App里的「用户条款」时是什么感觉。面对这长长的条例,大多数想要快点完成自己需求的用户肯定是直接划到页面底部,勾选「同意」点击「确定」,并不会仔细查看里面的内容...

查看详情

#信息呈现#动效#即刻

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

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

猎人 - 大鱼大鱼吖7.8

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

查看详情

#B端#动效#彩蛋

导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线
京东

动效设计导航栏的「暴力美学」:京东如何用膨胀动画抢夺视线

猎人 - 龙爪槐守望者8.9

Tabbar还能玩出什么花样?你可能早就看腻了那些红点提醒和图标闪烁。每天打开手机,所有App的底部导航栏都像复制粘贴——要么拼命加小红点,要么硬塞更多功能入口。

查看详情

#icon#Tabbar#促销

揭秘自如App:会员等级与家居美学的神秘联系
自如

动效揭秘自如App:会员等级与家居美学的神秘联系

猎人 - 龙爪槐守望者5.5

自如 App 会员每提升一级,不仅会改变插画颜色,还会让房间里的家具越来越丰富。这些细微的变化,虽然看似微不足道,却能让用户有一种身临其境的感觉,好像真的在升级自己的房间一样...

查看详情

#会员#动效#插画

3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学
闲鱼

动效设计3D图标+微动画:闲鱼如何用2个元素重新定义金刚区美学

猎人 - 龙爪槐守望者9.0

你随便打开一个电商App,映入眼帘的是千篇一律的扁平化图标,静静地躺在屏幕顶部。没有任何变化,没有任何惊喜。如何在保证功能性的同时,让界面更有温度、更有生命力?

查看详情

#3D#动效#图标

国内 AI 深度思考图标千篇一律?如何打破僵局?

图标设计国内 AI 深度思考图标千篇一律?如何打破僵局?

猎人 - 龙爪槐守望者7.9

你有没有发现一个奇怪的现象?打开任何一款国内AI产品,深度思考功能都是同一个原子核图标。从DeepSeek到文心一言,从通义千问到豆包,似乎所有产品经理都约好了一样。

查看详情

#动效#图标#情感化设计

5/8

热门应用