菜单 优设网uisdc.com 优设网 - UISDC

会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

微交互

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

微交互

细节 226

我也有新发现 我要投稿
优酷

微交互在「优酷」追剧时,你有发现这个微交互小彩蛋吗?

猎人 - AmberDu小白0.0

用「优酷」App看视频时,可通过上下滑动屏幕的手势操作来调节音量与屏幕亮度。当调节音量时,屏幕上代表声音的小喇叭图标会出现声波震动并跟随音量变化上下晃动的小动画。通过情感化的...

查看详情

#交互手势#优酷#即时反馈

支付宝

微交互模拟现实物理世界日升日落的「蚂蚁森林」

猎人 - AmberDu小白0.0

「支付宝」蚂蚁森林里小鸡生活的时空模拟了现实的物理世界,会根据真实的时间变更白天和晚上。如果晃动手机,还可以看到天空动起来的逼真效果。这些细微的小细节不起眼,但当用户在偶然间...

查看详情

#微交互#惊喜#支付宝

饿了么

微交互藏在「饿了么」主页下拉刷新界面的柴犬「饿小宝」

猎人 - AmberDu小白0.0

「饿了么」App主页顶部的下拉刷新界面,会出现平台吉祥物柴犬「饿小宝」舔舌头的魔性交互小动画,以此反馈执行下拉手势操作的状态。生动有趣的微交互为交互过程增添了乐趣,也展现了外...

查看详情

#下拉#刷新#即时反馈

饿了么

设计彩蛋「饿了么」蓝骑士主页头顶竹蜻蜓的隐藏互动彩蛋

猎人 - AmberDu小白10.0

在「饿了么」送餐骑手的个人主页,点击蓝骑士的卡通头像,头顶的竹蜻蜓会出现转动的小动效。这里的微交互设计和之前写过的「小宇宙」App主页的logo动效相似,都是非功能性的交互彩...

查看详情

#互动#动效#微交互

天猫

设计彩蛋平安夜会下雪的「天猫」App

猎人 - AmberDu小白0.0

平安夜圣诞节期间,打开「天猫」App主页浏览商品信息,会出现雪花从天而降缓缓飘落的动画彩蛋。情感化的彩蛋设计给习以为常的阅读体验带来惊喜和可爱的小情趣,浓浓的节日气息扑面而来...

查看详情

#动效#天猫#微交互

即刻

设计彩蛋「即刻」让人惊喜的圣诞点赞彩蛋

猎人 - AmberDu小白0.0

「即刻」App圣诞彩蛋上线,不仅桌面图标被悄悄戴上了圣诞帽,在App里发布圣诞主题相关的动态内容,其「点赞」图标也会由之前的「大拇哥」变成圣诞树🎄。情感化的彩蛋设计给用户之间...

查看详情

#即刻#微交互#情感化设计

小宇宙

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

猎人 - AmberDu小白10.0

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

查看详情

#交互手势#动效#即刻

小宇宙

微交互「小宇宙」添加播放列表的反馈微交互

猎人 - AmberDu小白0.0

在「小宇宙」点击「加入播放列表」按钮添加想要听的播客内容时,会出现该播客封面图标跳进播放列表的微动效。虽然反馈操作的动效形式简单,但却很清晰地可视化了动作执行的过程,信息传达...

查看详情

#动效#即刻#即时反馈

高德地图

微交互「高德地图」让人惊喜的出行方式动态图标

猎人 - AmberDu小白0.0

打开「高德地图」App,当顶部Tab栏被切换到某个出行方式选项时,会出现相应出行方式的微交互小动效。为执行搜索的过程增添了不少小乐趣,也让每个选项信息通过可视化的图像变得更加...

查看详情

#tab栏#信息呈现#动效

百度

设计彩蛋「百度」上线李小龙舞双节棍动态Doodle,纪念80周年诞辰

猎人 - AmberDu小白0.0

今天(11月27日)是世界武道变革先驱者、中国功夫的首位全球推广者李小龙的80周年诞辰,「百度搜索」主页上线了相关的纪念动态Doodle。李小龙身穿在自编自导的电影「死亡的游...

查看详情

#Doodle#微交互#情怀

Bilibili

微交互bilibili播放界面的图标hover小彩蛋

猎人 - AmberDu小白0.0

b站播放界面下方设置声音、画面、播放模式等的小图标的hover状态,都有可爱的微交互小动画来反馈当前的操作。虽然都是不复杂的小动效,比如调节音量小喇叭图标会有声波震动,宽屏模...

查看详情

#Bilibili#hover#即时反馈

菜鸟裹裹

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

猎人 - AmberDu小白0.0

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

查看详情

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

躺平

手势交互「躺平」App下拉刷新里可可爱爱的小彩蛋

猎人 - AmberDu小白0.0

「躺平」App下拉刷新的微交互做得还挺有意思,当使用下拉的手势操作刷新信息时,会出现一个向下俯冲的小人。情感化的设计不仅为清晰呈现操作反馈增添了趣味性,也从细节的设计中强化了...

查看详情

#交互手势#刷新#即时反馈

最右

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

猎人 - 柯基🥭芒果没空10.0

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

查看详情

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

搜狗输入法

微交互「搜狗输入法」的长按连发emoji动效

猎人 - AmberDu小白1.0

使用「搜狗输入法」发表情时,只需长按emoji,就可以让表情连续上屏。在长按输入多个emoji时,还会出现自动计数的动效。一方面利于用户一眼看清自己输入了几个表情,一方面也能...

查看详情

#互动#交互手势#动效

QQ

微交互会自动翻页的「QQ空间」日历图标

猎人 - AmberDu小白0.0

「QQ空间」相册的照片流页面会按由近至远的时间顺序排列所有照片,当滑动页面时,右上角的日历图标也会跟着翻页变化。并且图标中代表日期的数字刚好与照片对应的真实月份一致。细节虽小...

查看详情

#QQ#交互手势#图标

即刻

设计彩蛋「即刻」关于照片添加的贴心小彩蛋

猎人 - AmberDu小白0.0

在「即刻」App发布新动态时,点开「相册」添加照片,你会发现页面左上角打开相机的图标被处理成了模糊实时显示摄像头取景的状态。既很好的保护了用户的隐私,又设置了一个有意思的交互...

查看详情

#即刻#图标#微交互

知乎

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

猎人 - AmberDu小白0.0

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

查看详情

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

QQ

微交互夜深了,QQ也休息了

猎人 - AmberDu小白0.0

「QQ」Tab栏的「消息」小图标会根据不同场景触发各种各样的表情变化。比如常规模式下的「消息」图标是开心眨眼的小表情,开启夜间模式后,不仅整体界面变成了暗黑模式,Tab栏的「...

查看详情

#QQ#互动#图标

虾米音乐

手势交互「虾米音乐」具有仪式感的专辑选择交互设计

猎人 - AmberDu小白0.0

「虾米音乐」主页的「乐库」版块,顶部banner图展示区域的交互设计,模拟了现实生活中翻看CD的效果,很有仪式感。每张专辑都是编辑精选的歌曲专题合集,点击封面图可进入专辑详情...

查看详情

#交互手势#仪式感#微交互

2/12

热门应用