微交互

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

微交互

细节 284

我也有新发现 我要投稿
当功能入口遇上轮播设计,阿里通义万相做出了1+1>2的体验
通义千问

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

猎人 - 龙爪槐守望者8.5

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

查看详情

#入口#动效#卡片

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

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

猎人 - 龙爪槐守望者9.5

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

查看详情

#Tabbar#动效#微交互

从Tab到插图到文案,阿里云百炼首页的3重交互设计心机
阿里云

引导设计从Tab到插图到文案,阿里云百炼首页的3重交互设计心机

猎人 - 龙爪槐守望者9.0

很多用户在初次接触AI产品时都会遇到「冷启动」难题——明明功能很强大,却不知道从哪里开始。阿里云百炼官网首页采用了一种创新的功能引导设计。页面顶部设置了四个横向Tab标签代表...

查看详情

#AI#Tab#引导

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

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

猎人 - 龙爪槐守望者8.7

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

查看详情

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

比文字更直观!Square是如何处理复杂信息录入反馈的?
Square

可视化设计比文字更直观!Square是如何处理复杂信息录入反馈的?

猎人 - 要爆炸的张老三9.4

我发现用户在填信用卡信息,填到 CVV 码时经常突然卡住,不得不把卡翻来覆去地找那三个数字在哪?Square 在支付表单设计中,并没有使用沉闷的纯文本提示,而是引入了一个动态...

查看详情

#信息可视化#光标#反馈

Windows 11 隐藏神技,鼠标悬停滚轮调音量
Windows

微交互Windows 11 隐藏神技,鼠标悬停滚轮调音量

猎人 - 龙爪槐守望者8.8

我们习惯了点击是交互的开始,但你有没有想过,为什么调节音量非要点一下?在这个设计里,微软居然把点击这个最基础的步骤给砍掉了,结果反而创造了 Windows 史上最顺滑的体验之...

查看详情

#图标#微交互#悬停

即刻万圣节彩蛋是怎么想到的,头像居然被南瓜灯🎃吓跑了
即刻

节日营销设计即刻万圣节彩蛋是怎么想到的,头像居然被南瓜灯🎃吓跑了

猎人 - 龙爪槐守望者7.0

谁说节日营销一定要弹窗、要推送、要满屏的活动banner?一个会「逃跑」的南瓜头像,可能比那些营销手段更让用户记住你的产品。在即刻APP形似小镇地图的首页上,为了迎接万圣节,...

查看详情

#动效设计#图标#头像

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

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

猎人 - 龙爪槐守望者9.8

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

查看详情

#AI#AI Agent#信任感

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

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

猎人 - 龙爪槐守望者9.5

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

查看详情

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

选中即润色!ChatGPT刚发布的Atlas浏览器,写作丝般顺滑
Atlas

AI选中即润色!ChatGPT刚发布的Atlas浏览器,写作丝般顺滑

猎人 - 龙爪槐守望者9.0

OpenAI最近悄悄做了一个改变,可能会颠覆你使用AI的方式——不是更强的模型,不是更快的响应,而是一个小小的气泡。这个看似不起眼的设计,为什么让无数用户直呼早该这样了?在o...

查看详情

#AI#popover#上下文菜单

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

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

猎人 - 龙爪槐守望者9.0

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

查看详情

#关于#动效#图标

4秒叫到车!滴滴这个弹窗设计如何巧妙放大用户成就感?
滴滴

情感化设计4秒叫到车!滴滴这个弹窗设计如何巧妙放大用户成就感?

猎人 - 龙爪槐守望者9.0

所有人都觉得,打车软件的核心竞争力是车多、便宜。但如果我告诉你,一个「报喜」的弹窗,有时候比一张优惠券更能赢得用户的心,你信吗?在用户通过滴滴出行App成功叫到车后,界面顶部...

查看详情

#banner#峰终定律#弹层

高斯模糊+光标跟随:这个按钮让我玩了30分钟还不想注册
CodeBuddy

微交互高斯模糊+光标跟随:这个按钮让我玩了30分钟还不想注册

猎人 - 龙爪槐守望者9.3

我们每天都在跟各种登录注册页面打交道,是不是早就习惯了那些千篇一律、毫无生气的输入框和按钮?腾讯旗下的AI代码助手CodeBuddy的这个Google登录按钮设计确实别出心裁...

查看详情

#logo#微交互#悬停

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

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

猎人 - 龙爪槐守望者8.3

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

查看详情

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

灵感枯竭?快来看苹果2025年的「液态黄金」Logo设计
苹果

动效设计灵感枯竭?快来看苹果2025年的「液态黄金」Logo设计

猎人 - 龙爪槐守望者9.0

每到苹果发布会,互联网就像过节一样热闹。苹果发布会前夕的预告函上都有苹果精心设计的专属logo,每次都不一样。在2025年9月10日的发布会预告上Logo设计更特别。

查看详情

#logo#互动#动效

动画+时机+内容,闲鱼用3招锁住流失用户
闲鱼

动效设计动画+时机+内容,闲鱼用3招锁住流失用户

猎人 - 智行ZXD设计中心8.2

闲鱼奥莱频道在用户返回退出时,会出现趣味性挽留浮层,动画指引频道位置+特色拍卖功能宣传+上新时间点提醒。1.强化用户认知。清晰指引频道位置,方便用户快速找到;宣传特色拍卖功能...

查看详情

#动效#峰终定律#弹窗

iPad上的放大镜居然能「拿起来」拖着走
iPadOS

设计彩蛋iPad上的放大镜居然能「拿起来」拖着走

猎人 - 龙爪槐守望者9.0

在iPadOS 26 beta版的预览App中,苹果引入了一个非常有趣的交互细节:屏幕上会出现一个预览App icon同款的圆形的放大镜图标。这个放大镜不是静态的图标,而是可...

查看详情

#彩蛋#微交互#情感化设计

万豪把Logo做成签名笔触,瞬间秒杀90%同质化启动页
万豪旅享家

启动页设计万豪把Logo做成签名笔触,瞬间秒杀90%同质化启动页

猎人 - 龙爪槐守望者9.0

看这个万豪旅享家的启动页,我想起了很多人打开酒店应用时的那种期待感——想要快速查看订单、办理入住,但又希望品牌能给自己一点小小的惊喜。万豪旅享家的启动页并没有急着展示任何东西...

查看详情

#loading#仪式感#动效

从GODLIKE到产品设计:游戏思维如何拯救无聊功能
Discord

设计彩蛋从GODLIKE到产品设计:游戏思维如何拯救无聊功能

猎人 - 龙爪槐守望者6.8

玩竞技游戏连杀时听到喝彩Double Kill!Triple Kill!非常兴奋!

查看详情

#复制#彩蛋#微交互

高德地图这个「吹泡泡」小心机,让AI功能曝光率暴涨
高德地图

引导设计高德地图这个「吹泡泡」小心机,让AI功能曝光率暴涨

猎人 - 龙爪槐守望者8.8

你好不容易上线了一个自认为超牛的AI助手,结果呢?要么是弹窗太猛,用户上来就点「X」;要么是藏得太深,上线仨月了还没几个人发现。这种新功能上线后,用户认知度低、使用率上不去的...

查看详情

#AI#Tabbar#动效设计

1/15

热门应用