动效

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

动效

细节 175

我也有新发现 我要投稿
「网易考拉」从天而降的好运,你想要的我都给你
网易考拉

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

猎人 - 404NTFounD9.0

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

查看详情

#互动#动效#易用性

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

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

猎人 - 阿豪?8.2

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

查看详情

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

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

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

猎人 - 龙爪槐守望者8.9

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

查看详情

#icon#Tabbar#促销

把官网做成产品Demo?Faces交互式幻灯片刷新我认知
Faces

网页设计把官网做成产品Demo?Faces交互式幻灯片刷新我认知

猎人 - 龙爪槐守望者5.5

Faces 是个把演示文稿变成交互网页的工具。他们喊出口号说传统的 PPT 已经没有力量了,得用 Web 的交互来做。绝就绝在,他们直接把自己的官网做成了一份交互式的在线幻灯片。

查看详情

#Aha! Moment#PPT#动效

复古相机颜值天花板FIMO相机
FIMO

视觉复古相机颜值天花板FIMO相机

猎人 - AmberDu小白8.9

「FIMO相机」是一款质感十足的手机复古胶片相机APP,完全采用拟物化的设计,从相机机身、外框、裂像取景框到胶卷的外形与换卷方式,甚至时间戳与拍照时按下快门的声音,每一个细节...

查看详情

#FIMO#交互手势#动效

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

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

猎人 - 海的格尔9.5

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

查看详情

#信息呈现#动效#即刻

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

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

猎人 - 龙爪槐守望者7.6

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

查看详情

#动效#复古#手势交互

在Kimi App里摇晃手机,解锁与IP形象的新互动方式!
Kimi

设计彩蛋在Kimi App里摇晃手机,解锁与IP形象的新互动方式!

猎人 - 龙爪槐守望者5.0

当你在Kimi App中摇晃手机时,App里的Kimi IP形象也会跟着一起摇晃脑袋。

查看详情

#AI#App#IP

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

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

猎人 - 龙爪槐守望者9.0

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

查看详情

#3D#动效#图标

不只是美,Material Design涟漪动效如何提升交互质量?
Google

动效设计不只是美,Material Design涟漪动效如何提升交互质量?

猎人 - 龙爪槐守望者9.5

Material Design 在发布之初就设计了涟漪动效(Ripple Effect)。当用户触摸界面元素时,就像往水中投入一颗石子,从接触点开始以圆形向外扩散至整个界面元...

查看详情

#Material Design#动效#涟漪动效

发现了!为什么小红书私信比微信更让人想回复
小红书

动效设计发现了!为什么小红书私信比微信更让人想回复

猎人 - 龙爪槐守望者7.8

咱们平时跟朋友聊天,肯定没少互相「安利」好东西吧?不管是刷到一篇超赞的旅行攻略,还是一个让人流口水的美食探店,第一反应就是「转发给我的饭搭子/旅行搭子」。对方收到后,你肯定也...

查看详情

#动效#希克定律#情感化设计

你知道腾讯视频信息流计有何独特之处吗?
腾讯视频

微交互你知道腾讯视频信息流计有何独特之处吗?

猎人 - 龙爪槐守望者9.0

在腾讯视频的首页,信息流的剧集卡片由视频短片、剧集封面、文字和按钮组成,巧妙地结合了视觉吸引力和功能性。当短片播放前,封面图片会遮盖部分视频画面,以突出剧集的独特性,帮助用户...

查看详情

#信息流#动效#在线视频

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

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

猎人 - 龙爪槐守望者5.5

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

查看详情

#会员#动效#插画

扔掉轮播图!Flashback这设计秒杀99%用户引导
Flashback

动效设计扔掉轮播图!Flashback这设计秒杀99%用户引导

猎人 - 龙爪槐守望者9.9

每天被App启动页的广告轰炸,还要在【跳过】按钮的迷魂阵中挣扎;用户引导页永远是千篇一律的轮播图,像被强迫观看的教程——这种形式主义的交互体验,早已让用户审美疲劳。而Flas...

查看详情

#onboarding#动效#情感化设计

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

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

猎人 - 龙爪槐守望者7.9

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

查看详情

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

没文案都能秒懂,TinyShots只靠一个动效就讲清了所有功能点
TinyShots

动效设计没文案都能秒懂,TinyShots只靠一个动效就讲清了所有功能点

猎人 - 龙爪槐守望者6.0

TinyShots 的官网只放了一个动画,但看完这个动画你就完全不需要读任何文字了——截图丢进去,自动变成精致的展示图,三秒完事。这大概是我见过把「产品即演示」做得最干净的独...

查看详情

#动效#焦点图#网站

高德地图APP如何设计路灯导航让夜间出行更安心?
高德地图

用户体验高德地图APP如何设计路灯导航让夜间出行更安心?

猎人 - Ginny Q9.6

对于在夜间骑行的用户,最关心的莫过于道路是否安全、照明是否充足。在夜间使用「高德地图」APP查看骑行路线时,系统会优先推荐给用户明亮的道路,并通过文案提示「途径多个路灯照明路...

查看详情

#人性化#动效#情境预判

开屏广告都很丑?懂车帝用3秒视差动效教你做高级感
懂车帝

动效设计开屏广告都很丑?懂车帝用3秒视差动效教你做高级感

猎人 - 龙爪槐守望者4.6

懂车帝的的开屏广告设计没有采用传统的静态海报或粗糙的视频贴片,将 2.5D 视差动效完美融入视觉表达的开屏设计。它聪明地剥离了杂乱的背景图,应用了「格式塔原理」中的「图形与背...

查看详情

#动效#开屏广告#格式塔

3秒抓住用户眼球!小红书「交换春天」如何用动效点燃互动热情?
小红书

动效设计3秒抓住用户眼球!小红书「交换春天」如何用动效点燃互动热情?

猎人 - Tang9.0

用户在社区互动已经不仅仅局限于简单的点赞和评论。随着内容创作和互动形式的不断丰富,平台的设计也在不断创新,力求通过独特的方式吸引用户的参与,提升用户体验。最近,小红书推出的「...

查看详情

#动效#情感化设计#点赞

bilibili 团队如何用字幕彩蛋设计讲故事?
Bilibili

设计彩蛋bilibili 团队如何用字幕彩蛋设计讲故事?

猎人 - AmberDu小白8.6

在「 bilibili 」追《鬼灭之刃》,可以看到当主人公战斗使用自己的招式时,字幕结合了当前招式的动漫效果被进行了特殊的字体与动效设计。完美融入剧情,不喧宾夺主又充满惊喜,...

查看详情

#Bilibili#动效#字幕

6/9

热门应用