动效

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

动效

细节 195

我也有新发现 我要投稿
一个会呼吸的动画如何提升AI Agent的信任感
Atlas

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

猎人 - 龙爪槐守望者9.8

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

查看详情

#AI#AI Agent#信任感

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

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

猎人 - 龙爪槐守望者6.6

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

查看详情

#Tabbar#信息流#内容推荐

「饿了么」是如何将广告入口设计得生动有趣的?
淘宝闪购(饿了么)

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

猎人 - 龙爪槐守望者7.4

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

查看详情

#动效#广告#惊喜

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

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

猎人 - AmberDu小白8.9

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

查看详情

#FIMO#交互手势#动效

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

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

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

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

查看详情

#互动#信息呈现#分享

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

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

猎人 - 龙爪槐守望者9.0

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

查看详情

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

APP空状态只能放灰色图标吗?看看Brink的趣味交互
Brink

动效设计APP空状态只能放灰色图标吗?看看Brink的趣味交互

猎人 - 龙爪槐守望者7.5

Brink播客在用户过去一周没有任何节目更新时,把空状态的灰色文件夹做成了长满小虫子的动态效果。这里用的是情境化的幽默隐喻。长久没人光顾的荒凉角落会生虫,这个物理常识被巧妙迁...

查看详情

#动效#情感化设计#物理隐喻

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

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

猎人 - 404NTFounD9.0

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

查看详情

#互动#动效#易用性

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

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

猎人 - 龙爪槐守望者9.0

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

查看详情

#3D#动效#图标

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

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

猎人 - 阿豪😱8.2

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

查看详情

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

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

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

猎人 - 龙爪槐守望者8.9

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

查看详情

#icon#Tabbar#促销

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

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

猎人 - 龙爪槐守望者9.5

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

查看详情

#Material Design#动效#涟漪动效

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

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

猎人 - 龙爪槐守望者9.9

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

查看详情

#onboarding#动效#情感化设计

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

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

猎人 - 龙爪槐守望者5.5

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

查看详情

#Aha! Moment#PPT#动效

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

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

猎人 - 海的格尔9.5

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

查看详情

#信息呈现#动效#即刻

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

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

猎人 - 龙爪槐守望者6.0

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

查看详情

#动效#焦点图#网站

苹果为 Claude 制作动态 Banner,用几行代码赋予品牌生命
Claude

品牌延伸设计苹果为 Claude 制作动态 Banner,用几行代码赋予品牌生命

猎人 - 龙爪槐守望者8.0

Apple 在 App Store 首页 Today 标签页为 Claude 制作了一张动态 Banner。极简的几行代码与彩色的几何射线围绕着中心迸发,恰好视觉形态与下方 ...

查看详情

#banner#logo#动态衍生

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

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

猎人 - 龙爪槐守望者8.0

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

查看详情

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

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

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

猎人 - 龙爪槐守望者7.8

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

查看详情

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

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

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

猎人 - 龙爪槐守望者4.6

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

查看详情

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

6/10

热门应用