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

会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

微交互

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

微交互

细节 211

我也有新发现 我要投稿
猫耳FM

设计彩蛋最出其不意的「返回顶部」设计,非猫耳FM莫属

猎人 - AmberDu小白0.0

当浏览页面较长的网页时,利用鼠标滚动返回页面顶部的体验会变得非常差。因此现在的网站尤其是国内网站,多数都会在页面右侧增加「返回顶部」的快捷按钮,以此来提升使用体验与效率。不同...

查看详情

#微交互#情感化设计#惊喜

Bilibili

微交互小电视家萌即正义的loading动画

猎人 - AmberDu小白0.0

小电视家的loading动画是2233两只小可爱查看数据的动画,很符合平台萌即正义的定位,又强化了品牌形象。趣味性的加载动画总是能无形中缓解用户由于被渣网速支配产生的焦虑情绪...

查看详情

#Bilibili#加载#微交互

得到

微交互你有见过最大音量可达300%的App吗?

猎人 - 桃子0.0

通常App播放器的声音设定最大仅能开到100%,但「得到App」的最大音量竟然可以调整到150%和300%两档。不知道团队在设计这个功能时是怎样思考的?也许是为了应对用户在较...

查看详情

#声音#得到#微交互

EMMO

微交互EMMO:如何设计一个让人玩得停不下来的登录界面?

猎人 - AmberDu小白0.0

「EMMO」是一款异常可爱的日记类App,主打用表情记录每日心情与日常生活的点滴,给心情打卡。各种可爱的表情元素组成了登录界面的主视觉,强调了其表情手帐的特征。当手机重力方向...

查看详情

#EMMO#交互手势#工具

淘宝

微交互「淘宝」是如何利用图标变化, 增加内容打开率的?

猎人 - AmberDu小白0.0

「淘宝」底部标签栏的微淘选项默认是微淘图标, 但当用户关注的品牌有内容更新时标签栏图标会切换成品牌Logo, 并采用徽标的方式提醒用户有更新。比起直接使用徽标 (小红点、...

查看详情

#即时反馈#图标#微交互

腾讯理财通

设计彩蛋「腾讯理财通」:用圣诞彩蛋温暖你,敲棒~

猎人 - AmberDu小白10.0

「腾讯理财通」在圣诞期间,不仅将首页打造成了温暖的圣诞主题,还有浪漫的雪花飘洒的动画。这个微交互的设计与之前写过的「虾米音乐」的飘雪彩蛋类似,都是通过情感化的设计营造节日氛围...

查看详情

#微交互#情感化设计#暖心

搜狗输入法

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

猎人 - AmberDu小白0.0

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

查看详情

#互动#交互手势#动效

百度

设计彩蛋DUANG~ 被加特效了的搜索页面

猎人 - AmberDu小白0.0

通常各大网站和应用的「搜索」功能,除了具备其基本的信息查找属性,还会常常隐藏很多惊喜和彩蛋。比如在「百度」里搜索某些关键词,就会触发一些神奇的效果,非常有趣。搜索关键词「DU...

查看详情

#形象思维#微交互#惊喜

UC浏览器

微交互「UC浏览器」里让人惊喜的点赞互动

猎人 - 李炜健0.0

为喜欢的内容点赞,是我们早已习以为常的操作。在UC浏览新闻,如果你有给喜欢的文章点过赞,你会发现当「点赞」按钮被按下时会出现带有笑脸表情和烟花等图案的震动反馈。对点赞操作交互...

查看详情

#UC#互动#即时反馈

优设

微交互「优设」的文章详情页暗藏微交互小心机~

猎人 - AmberDu小白10.0

在「优设」的每篇文章详情页文章内容的结尾,会提供前往「上一篇」与「下一篇」文章的链接按钮与介绍。比较特别的是「上一篇」与「下一篇」按钮的交互状态是不一样的:「下一篇」呈现默认...

查看详情

#优设#微交互#心理暗示

花瓣网

手势交互「花瓣网」优化画板预览功能,搜图选图更方便

猎人 - yummy🔅0.0

设计师们在工作中常常用到各种素材,国内最经常逛的素材网站「花瓣」也是其一。我们采集素材的时候通常会将画板分类,点开画板才能看到采集的灵感图片。「花瓣」最新推出的画板预览功能,...

查看详情

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

Readme

微交互那只被众多网站借鉴学习过的Readme蒙眼猫头鹰

猎人 - AmberDu小白9.0

B站的2233娘在用户输入账号密码时会出现双手捂眼的小动画萌翻了很多用户的心,其实最早使用这个具有心理暗示作用动画效果的网站是Readme。在Readme的登录页,吉祥物小猫...

查看详情

#Readme#人性化#安全感

MONO猫弄

微交互什么样的App需要「回到顶部」的快捷按钮?

猎人 - AmberDu小白0.0

当用户在MONO首页向下浏览多屏内容之后,它的标签栏第一个图标「M」会变成向上的箭头icon并且文案也会由「推荐」变为「回到顶部」,单击这个按钮后屏幕内容则会立马回到第一屏。...

查看详情

#MONO#微交互#按钮

滴滴出行

微交互滴滴配送的第一次,我心动了

猎人 - AmberDu小白0.0

在滴滴配送外卖点单,当外卖状态为「商家正在备货中」,页面显示的商品图片与外卖小哥头像两者之间会有一段距离的间隔;而当外卖状态变为「骑手配送中」时,外卖图与骑手头像之间会产生动...

查看详情

#即时反馈#微交互#心理暗示

饿了么

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

猎人 - AmberDu小白0.0

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

查看详情

#下拉#刷新#即时反馈

猫耳FM

微交互头像会说话的「猫耳FM」

猎人 - AmberDu小白0.0

二次元平台总是能在很多可爱的小细节上给我们带来惊喜。「猫耳FM」也就是大家常说的M站,喜欢在很多功能上增加声音的互动效果,十分符合产品自身作为音频提供平台的属性。除了之前写过...

查看详情

#声音#微交互#情感化设计

微信

手势交互新「微信」如何通过手势交互优化语音发送?

猎人 - 卷毛0.0

新版「微信」的聊天语音消息发送体验也发生了变化:点击「语音输入」向右上滑会出现绿色文字框,可将语音实时转换为文字消息;向左上滑动则会变为红色文本框,出现文案提示用户松开即可取...

查看详情

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

腾讯新闻

微交互「腾讯新闻」充满心机的点赞设计

猎人 - 阿典0.0

「腾讯新闻」的点赞方式叫做「推」,即通过长按文章底部的「推按钮」触发推荐文章的互动行为。按的时间越长推的次数就会越多,并且手机会伴随马达震动的触感与礼花散放的视觉动效,这里的...

查看详情

#互动#微交互#情绪

Bandcamp

加载动画你有见过在加载页面里battle的舞者么?

猎人 - AmberDu小白0.0

Bandcamp是一个专业的音乐平台,不同于国内「社交属性」较强的各大音乐类App,Bandcamp更像是一个巨大的世界唱片店注重将一切交换给音乐与音乐人本身。如此个性的Ap...

查看详情

#Bandcamp#加载#微交互

积目

交互手势「积目」打破常规的交互设计,能给用户带来怎样的新鲜感?

猎人 - 404NTFounD0.0

「积目」是一款图片交友社交应用,注册账号时应用会让用户自己设置符合自我期望的数据。「距离」与「年龄」信息的选择摆脱了规范中的拾取器控件,按住绿色的小圆圈往左右拖动即可调节至想...

查看详情

#个性化#交互手势#微交互

4/11

热门应用