尊享

加入【优设领航者俱乐部】

尊享全年高价值服务 加速收益

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

企业/达人/设友线下链接

流量赋能 名利双收

1000W+流量助力影响力提升

领取更多高价值实用特权

投稿

微交互

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

微交互

细节 249

我也有新发现 我要投稿
移动支付产品如何将交互与产品功能结合得生动有趣?

微交互移动支付产品如何将交互与产品功能结合得生动有趣?

猎人 - 龙爪槐守望者8.8

「Nyatwa」 是一款移动支付应用,其官网网站向下滚动时,钱包、转账、收入、消费、积分等记录以此落入右下角的「 Nyatwa」 App 截图中,动效充分体现了 App 的核...

查看详情

#Nyatwa#交互手势#图标

芒果TV的banner设计,把命题作文做到满分!
芒果TV

用户体验芒果TV的banner设计,把命题作文做到满分!

猎人 - Monster8.0

「芒果TV」启动后,会从顶部区域自上而下滑出banner,并在4~5秒后自动收回变为图标的设计。这里的微交互不仅独特新颖,也让使用体验更加流畅。能有效地引导用户的视线,又避免...

查看详情

#banner#信息呈现#图标

如何在Banner设计中实现「听你所爱,看你所想」?
酷狗音乐

用户体验如何在Banner设计中实现「听你所爱,看你所想」?

猎人 - Monster9.0

在「酷狗音乐」的顶部区域,我们针对性地设计了既贴合商业目标又不忽视用户体验的Banner。通过用户的历史行为记忆和大数据洞察,Banner能够以「每日推荐」 或 「猜你喜欢」...

查看详情

#banner#信息呈现#微交互

如何通过鼠标指针设计为网站增添记忆点?
Art of Symbols

微交互如何通过鼠标指针设计为网站增添记忆点?

猎人 - AmberDu小白9.8

Art of Symbols 是一个由 Emotive Brand 发起的关于图标和符号设计研究项目延展而来的独立网站。网站的鼠标指针设计很有意思:在普通状态下会呈现倾斜的「...

查看详情

#Art of Symbols#互动#交互手势

掌上生活,把你想看的影片端上来
掌上生活

信息呈现掌上生活,把你想看的影片端上来

猎人 - AmberDu小白7.8

「掌上生活」首页的影票板块中,一改普通的左右滑动切换banner样式,样式设计像一个可转动的大圆盘,把最近热播电影展示在此处,一共10联内容可进行轮换,样式新颖抓人眼球,「把...

查看详情

#banner#信息呈现#微交互

滴滴有趣的出行周报设计
滴滴出行

好功能滴滴有趣的出行周报设计

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

大家看过「滴滴出行」周报么?每周的提示弹窗用大标题「本周省了XXX元」吸引用户,而落地页设计也细节满满,头部显示汽车行驶的小动画,加上与现实映射的发票机设计,而在用户向上滑动...

查看详情

#信息呈现#好功能#微交互

酷狗音乐在卡片切换的交互创新设计
酷狗音乐

微交互酷狗音乐在卡片切换的交互创新设计

猎人 - 尾鳍8.3

「酷狗音乐」推荐卡片的切换,采用折叠、展开的效果,收起的卡片会堆叠在屏幕右侧,通过色块指示卡片数量,比起常见的指示点样式,可感知性更强。不过,其中一个容器还支持点击左右箭头,...

查看详情

#信息呈现#卡片#可感知性

网站Banner切换的创新交互方式
腾讯视频

微交互网站Banner切换的创新交互方式

猎人 - 不是作家8.4

「腾讯视频」的Banner 切换动画很有特点,整体是logo的剪影效果,并且在右下角的数量指示点也是logo的形状,很好的突出品牌形象,设计创新的同时强化品牌在用户心中的位置。

查看详情

#banner#信息呈现#微交互

b站生动有趣的用户头像查看hover动效
Bilibili

微交互b站生动有趣的用户头像查看hover动效

猎人 - Monster8.0

b站的网页版在hover状态下查看用户头像被引入了动效展开的交互设计,不仅使得个人信息的查看更为便捷,也赋予了网页更生动有趣的互动体验。大家还有见过哪些类似的设计吗?

查看详情

#Bilibili#hover#信息呈现

Eagle网站关于评论的隐喻设计
Eagle

微交互Eagle网站关于评论的隐喻设计

猎人 - Monster8.4

「Eagle」的官网使用教程文字底部的评价动效借鉴了现实的隐喻,即「有帮助-点头」「没帮助-摇头」,与很多「花里胡哨」的评价功能设计相比,更加简洁明了、清晰易懂,又不失趣味性。

查看详情

#Eagle#微交互#情感化设计

知乎首页有趣的下拉刷新设计
知乎

微交互知乎首页有趣的下拉刷新设计

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

在「知乎」首页查看推荐内容,当下拉刷新列表时,顶部出现知乎小猪IP奋笔疾书的小动画,仿佛小猪正在加急写新内容,即贴合场景也符合平台定位。刷新结束后顶部会显示刷新条数+配置文案...

查看详情

#交互手势#微交互#情感化设计

微博是如何通过彩蛋设计激发用户的点击欲望的?
新浪微博

微交互微博是如何通过彩蛋设计激发用户的点击欲望的?

猎人 - Monster9.0

「微博」这类型的社区型产品,需要营造热闹的氛围来引导用户积极参与互动。比如添加一些吸引眼球的点赞交互动效,让互动更有趣,可以激发用户更强烈的点击欲望。

查看详情

#交互手势#微交互#微博

闲鱼海鲜市场有趣的表态互动设计
闲鱼

微交互闲鱼海鲜市场有趣的表态互动设计

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

在「闲鱼」海鲜市场专栏,查看今日新鲜事等更多同类型内容时,与其他社交、内容类产品的点赞不同,除了常规的分享评论外,可以对发布内容进行「表态」,位于卡片右下角的表态按钮除了表情...

查看详情

#互动#动效#即时反馈

Aha!导航的卡片设计
小宇宙

信息呈现Aha!导航的卡片设计

猎人 - Monster9.0

「小宇宙」APP采用了卡片设计作为导航承载,展示更多选项的同时用有趣的动画交互达到更生动的展示效果。导航选项收起时,还带有自然的缩回效果,让整体的交互体验更灵动。卡片式导航不...

查看详情

#信息呈现#即刻#图标

喜茶小程序是如何通过情感化设计引导用户操作的?
喜茶

微交互喜茶小程序是如何通过情感化设计引导用户操作的?

猎人 - AmberDu小白7.8

「喜茶GO小程序」的产品详情页会通过摇晃奶茶的小动效,引导买家向下滑动页面,进行饮品的口味选择。情感化的小细节设计,为交互过程增添趣味性和互动感,起到较好的引导作用。

查看详情

#喜茶#小程序#微交互

在淘宝查看店铺时,有趣的选品交互小动画
淘宝

微交互在淘宝查看店铺时,有趣的选品交互小动画

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

逛「淘宝」时,在店铺首页发现了有趣的交互动画,当内容加载完后显示2行商品传输带,上方传输带会将店内商品通过滚动运输到下方传输带,点击感兴趣商品时,出现大图弹窗,用户可以点击「...

查看详情

#互动#动画#微交互

很潮又不突兀的网站hover交互设计

微交互很潮又不突兀的网站hover交互设计

猎人 - 龙爪槐守望者8.8

hover状态鼠标指针的变化给了用户操作提示。在aanstekelijk的网站中将hover跟随鼠标指针持续显示,看着很潮不突兀,又起到了提示用户操作的目的。https://...

查看详情

#hover#互动#微交互

看instaMini如何实现复古相机摄影体验?
instaMini

用户体验看instaMini如何实现复古相机摄影体验?

猎人 - 繁至简8.2

复古风摄影的热潮从未停止过,胶片机热度居高不下。「insta Mini」拥有多种胶片相机的摄影风格,不仅可以自由切换使用,而且在操作上还沿用了拍立得的交互方式。在拍完照后,从...

查看详情

#instaMini#复古#微交互

如何将提示消息的徽标小红点设计得俏皮可爱?
QQ

微交互如何将提示消息的徽标小红点设计得俏皮可爱?

猎人 - 繁至简7.4

小红点的专业名称为徽标,是消息提示的小组件。别看一个小红点很呆板,它也可以做得十分有趣和可爱。「QQ」在底部TAB导航中页采用了小红点来提示消息,当你不需要该提示时,用户可以...

查看详情

#QQ#交互手势#微交互

在美团外卖看看吃啥,给美食比个心吧!
美团

微交互在美团外卖看看吃啥,给美食比个心吧!

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

在「美团外卖」吃啥「推荐」专栏,浏览美食的时候,用户可以进入二级页面查看更多图片,并给喜欢的美食点赞,不同于常规点赞图标,「美团外卖」采用手指比心的形式。点赞后,除了图标状态...

查看详情

#图标#微交互#情感化设计

1/13

热门应用