微交互

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

微交互

细节 284

我也有新发现 我要投稿
知乎首页有趣的下拉刷新设计
知乎

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

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

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

查看详情

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

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

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

猎人 - 龙爪槐守望者8.8

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

查看详情

#AI#Tabbar#动效设计

小宇宙是如何通过有趣的Tab设计激发用户互动意愿的?
小宇宙

微交互小宇宙是如何通过有趣的Tab设计激发用户互动意愿的?

猎人 - 龙爪槐守望者6.9

「小宇宙」App主页未选中的Tab是毛玻璃的效果,选中则变清晰,吸引用户滑动选中让其清晰。通过有趣的视觉和交互效果,激发用户的互动意愿。

查看详情

#Tab#即刻#小宇宙

让人意想不到的团队展示hover效果
drygital

微交互让人意想不到的团队展示hover效果

猎人 - AmberDu小白0.0

drygital设计工作室的网站有着个性又炫酷的视觉与交互效果。团队展示界面的hover效果,就让人意想不到眼前一亮:当鼠标的光标移到单个成员的半身像时,原本正襟危坐的照片会...

查看详情

#drygital#hover#团队展示

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

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

猎人 - Monster7.2

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

查看详情

#banner#信息呈现#图标

浮窗诞生后,订阅号的左滑返回手势又多了层意义
微信

微交互浮窗诞生后,订阅号的左滑返回手势又多了层意义

猎人 - AmberDu小白9.0

最近浮窗的话题比较热,都知道订阅号文章右上角可以唤出浮窗功能,但一向没有左滑返回习惯的我无意间发现了第二种将文章设置为浮窗的途径。通过右上角需要两步,而左滑只需要一步即可加入...

查看详情

#交互手势#微交互#微信

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

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

猎人 - Monster9.0

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

查看详情

#信息呈现#即刻#图标

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

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

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

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

查看详情

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

当B站的22娘cos超级马里奥
Bilibili

交互手势当B站的22娘cos超级马里奥

猎人 - AmberDu小白9.0

在B站观众用户会通过「投币」的方式来打赏喜欢的UP主和视频。虽然硬币不会直接带来盈利,但是B站排行的一个重要参考,能为视频增加曝光机会引流。手机端的「投币」,是通过上滑或点击...

查看详情

#Bilibili#交互手势#即时反馈

「菜鸟裹裹」藏在下拉手势里的空投快递小动画
菜鸟裹裹

微交互「菜鸟裹裹」藏在下拉手势里的空投快递小动画

猎人 - AmberDu小白7.0

「菜鸟裹裹」App的首页下拉刷新时,顶部会向上飞出一只头顶竹蜻蜓的小鸟形象吉祥物,小鸟飞走后还会从屏幕上方落下一个打开的快递箱。有趣的交互动画清晰地反馈了刷新这一手势操作的状...

查看详情

#交互手势#刷新#微交互

今天又是22娘默默守护你看直播的一天
Bilibili

微交互今天又是22娘默默守护你看直播的一天

猎人 - 404NTFounD3.3

在B站的直播间里,弹幕旁边会有22娘的小头像,点击22娘小可爱就会从右边出来与你互动。鼠标移动到哪里,22娘就会看着哪里。与你互动的过程中她还会有不一样的表情动作反应并用颜文...

查看详情

#Bilibili#互动#微交互

「饿了么」是如何巧妙链接不同的消费场景的?
淘宝闪购(饿了么)

运营推广「饿了么」是如何巧妙链接不同的消费场景的?

猎人 - 李炜健10.0

当午饭时间在「饿了么」点餐后,骑手到店取完外卖开始配送时,订单界面会出现一只卡通小手拿着橙子探进屏幕的动画。点击以后,屏幕下方会出现弹窗显示附近性价比高的水果店信息与购买链接...

查看详情

#微交互#情境预判#易用性

「知乎」的广告呈现设计有什么特别之处?
知乎

信息呈现「知乎」的广告呈现设计有什么特别之处?

猎人 - AmberDu小白0.0

「知乎」将小广告放置在了内容的信息流里,当用户滑动屏幕广告移动到接近屏幕中间的位置时,banner图会出现从右向左切换的交互效果,起到区别广告与内容的作用。这样用户的注意力马...

查看详情

#banner#交互手势#信息呈现

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

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

猎人 - 龙爪槐守望者9.5

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

查看详情

#Tabbar#动效#微交互

复杂的世界里,「ONE」就够了
one

微交互复杂的世界里,「ONE」就够了

猎人 - 戢戢9.0

在「one」App里左右滑动屏幕即可快速切换每日内容,左上角的日期信息也会随之发生变化。翻日历形式的交互效果生动又有仪式感,似乎在告诉用户:每一天,我们都要活得有温度,有腔调...

查看详情

#ONE#形象思维#微交互

无用但有趣的设计有存在的价值吗?
小宇宙

设计彩蛋无用但有趣的设计有存在的价值吗?

猎人 - AmberDu小白10.0

「小宇宙」首页的右上方可以看见醒目的星球形态logo图标,点击还会出现有趣的星球转动小动效。虽然这里的小交互只是互动彩蛋,并非功能性交互行为的反馈,但有趣的设计还是给不少用户...

查看详情

#交互手势#动效#即刻

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

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

猎人 - AmberDu小白9.8

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

查看详情

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

iOS12控制面板里会倒数计时的小图标
iOS

设计彩蛋iOS12控制面板里会倒数计时的小图标

猎人 - AmberDu小白0.0

以细节控大魔王著称的苹果团队,总是会在产品设计里悄咪咪的埋下各种惊人的细节彩蛋等待着用户自己发现。和前几代iOS系统一样,iOS12在图标的设计里也藏了很多小心机。在iOS1...

查看详情

#Apple#iOS12#反馈

「腾讯动漫」如何通过有趣的按钮微交互提升点击欲?
腾讯动漫

微交互「腾讯动漫」如何通过有趣的按钮微交互提升点击欲?

猎人 - 戢戢0.0

「腾讯动漫」最近在icon的操作上简直是玩嗨了,点击日间/夜间切换的控件,会相应的出现太阳/月亮的红色图标。点击切换男女的控件,也会相应出现表示男女的标识。点击底部的金刚区,...

查看详情

#动漫#形象思维#微交互

如何通过细节让用户填写敏感信息时更放心?
最右

用户体验如何通过细节让用户填写敏感信息时更放心?

猎人 - 柯基?芒果没空10.0

考虑到用户注册信息时年龄会是个比较敏感的话题,「最右」App在用户填写注册信息的页面设计了情感化的可爱小动画。当用户填写年龄时,页面顶部的吉祥物会出现捂着眼睛的小动画,并用文...

查看详情

#信息呈现#微交互#心理暗示

7/15

热门应用