动效

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

动效

细节 186

我也有新发现 我要投稿
开屏广告都很丑?懂车帝用3秒视差动效教你做高级感
懂车帝

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

猎人 - 龙爪槐守望者4.6

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

查看详情

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

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

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

猎人 - 龙爪槐守望者8.0

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

查看详情

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

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

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

猎人 - 龙爪槐守望者8.0

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

查看详情

#banner#logo#动态衍生

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

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

猎人 - Tang9.0

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

查看详情

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

加入一只手就能救活死气沉沉的网页设计!
苹果

动效设计加入一只手就能救活死气沉沉的网页设计!

猎人 - Jackywine9.2

苹果官网在展示MacBook neo 时,并没有采用常规的生硬跳转,而是安排了一只「手」作为视觉引导。通过一把推开前序产品的残影,紧接着从底部稳稳托起并翻开新电脑,完成了一次...

查看详情

#动效#滚动#网站

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

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

猎人 - AmberDu小白8.6

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

查看详情

#Bilibili#动效#字幕

元宝底部栏的红包动效真的能换来长久留存吗?
腾讯元宝

微交互元宝底部栏的红包动效真的能换来长久留存吗?

猎人 - 龙爪槐守望者9.2

「问元宝」App 在底部导航栏(Tabbar)上针对运营活动做的动态增强设计。当平台进行「抢10亿」等大型激励活动时,为了在不干扰用户核心搜索/对话流的前提下提高活动曝光,设...

查看详情

#Tabbar#冯·雷斯托夫效应#动效

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

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

猎人 - 龙爪槐守望者9.0

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

查看详情

#动效#卡片#发现页

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

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

猎人 - 龙爪槐守望者6.2

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

查看详情

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

随手机重力改变方向的小黄鸭
腾讯手机管家

微交互随手机重力改变方向的小黄鸭

猎人 - 戢戢9.0

「腾讯手机管家」给手机充电的界面会一直显示小黄鸭戏水的动画效果,并且水位会随着电量的增减上升和下降。当手机的重力方向改变时,还会影响小黄鸭的游行方向。工具型的产品融入了情感化...

查看详情

#互动#动效#微交互

3步操作变成10步,这个音乐App却获得了用户狂热喜爱
谜底黑胶

情感化设计3步操作变成10步,这个音乐App却获得了用户狂热喜爱

猎人 - 龙爪槐守望者9.0

谜底黑胶 是一款将 iPhone 和 iPad 变成虚拟黑胶唱片机的音乐播放器,旨在让用户重温聆听实体唱片的仪式感。应用支持 Apple Music 和 Spotify,为用...

查看详情

#仪式感#动效#情感化设计

Siri的界面为什么变成屏幕四周跑马灯?
Siri

设计考古Siri的界面为什么变成屏幕四周跑马灯?

猎人 - 龙爪槐守望者8.0

Siri自2011年推出以来经历了多次界面迭代,其设计演变反映了苹果在交互理念、技术能力和用户需求上的持续探索。iOS 14 采用紧凑式设计风格,来电通知、Siri 都从全屏...

查看详情

#iOS#动效#液态玻璃

如何用动效把抽象的「价值承诺」变成用户的心动瞬间
Grab

动效设计如何用动效把抽象的「价值承诺」变成用户的心动瞬间

猎人 - 智行ZXD设计中心6.3

怎么把「订阅省钱」这种有点抽象的好处,做得既直观又有吸引力?我们可能会在界面上堆满「免费配送、会员专享」这些标签,但用户往往看麻了,很难真正「感觉」到其中的价值。结果就是,一...

查看详情

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

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

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

猎人 - 龙爪槐守望者9.5

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

查看详情

#3D#动效#导航

iPhone摄影风格图标变色,你注意到这个细节了吗?
iOS

微交互iPhone摄影风格图标变色,你注意到这个细节了吗?

猎人 - 龙爪槐守望者6.5

在切换摄影风格时,iPhone相机界面右上角的图标颜色会发生细微变化。这或许对普通用户来说并不明显,但对于习惯于关注产品细节的我们来说,却能很好地感受到苹果团队的用心之处。他...

查看详情

#iPhone#动效#图标

万岁!让「Trello」为你炸出礼花~
Trello

设计彩蛋万岁!让「Trello」为你炸出礼花~

猎人 - 海的格尔0.0

「Trello」作为一个项目管理协同软件,里面包含最多的内容,毋庸置疑就是各种大大小小的任务了。一般当用户完成一个列表下的任务的时候,都会选择把该任务卡片移动到「已完成」区域...

查看详情

#Trello#动效#工具

喜茶新品 DIY 交互,把产品设计玩成了灵感游戏
喜茶

参与感设计喜茶新品 DIY 交互,把产品设计玩成了灵感游戏

猎人 - 龙爪槐守望者8.7

喜茶在小程序里上线了一个叫作「灵感研发ing」的 DIY 模块。你不仅能像个配方师一样,一步步挑选茶底、奶底、小料、云顶和甜度,最妙的是,整个定制过程都被做成了极具手绘感和幽...

查看详情

#动效#参与感#定制化

望眼欲穿等待AI内容?理想同学给你逐步展现「思考全貌」
理想同学

动效设计望眼欲穿等待AI内容?理想同学给你逐步展现「思考全貌」

猎人 - 龙爪槐守望者9.6

AI在生成内容时需等待loading,等待AI生成内容时,难免会让人觉得焦虑和无聊。毕竟内容到底会是什么样子,用户都是一头雾水。理想同学App在AI生成内容的过程中,它会通过...

查看详情

#AI#动效#可视化

Forest:又见雪飘过,飘于茫茫树林中~
Forest

设计彩蛋Forest:又见雪飘过,飘于茫茫树林中~

猎人 - 海的格尔0.0

一转眼,冬天又到了。说起寒冷的冬天,雪一定是必不可少的元素。在番茄钟软件「Forest」中,冬日里的每一天,用户种下的小树们,都会变得银装素裹,铺满层层积雪。

查看详情

#forest#动效#工具

欢迎来到2021,崭新的一年已充值完毕
即刻

设计彩蛋欢迎来到2021,崭新的一年已充值完毕

猎人 - AmberDu小白0.0

「即刻」App有个叫「今年的时间进度条」的圈子,用可视化的时间进度条与百分比数值展现时间的流逝。每年的跨年时刻,这个主题区还会有极具仪式感的线上跨年倒数计时动效彩蛋。当今年的...

查看详情

#仪式感#信息可视化#动效

7/10

热门应用