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

会员

开通优设VIP星球

尊享13项VIP特权 持续新增

主题打卡挑战

21天带练!告别无效练习

接私单赚外块

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

优设私房课免费学

价值178元热销课程

你的私人律师

每月可免费咨询30次

领取更多设计师实用特权

投稿

微交互

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

微交互

细节 226

我也有新发现 我要投稿
迈凯伦

微交互如何通过交互设计让人感知速度?

猎人 - 龙爪槐守望者8.4

「迈凯伦跑车」为了体现动力强劲在官网做的一个小互动,长按空格键模拟踩油门给车加速,仪表盘数字滚动配合画面变化和引擎音效,让人对动力有更直观深刻的印象。

查看详情

#声音#多感官#微交互

QQ阅读

微交互QQ阅读是如何将隐私协议勾选做有趣的情感化设计的?

猎人 - AmberDu小白9.7

「QQ阅读」账号登录页面的隐私协议勾选与一只小企鹅钓鱼的交互动画做了巧妙的结合,不仅增加了操作的趣味性,也让原本不明显、容易被忽视的隐私勾选变得更抓人眼球。在隐私协议勾选这个...

查看详情

#QQ阅读#动画#微交互

小睡眠

微交互躲在小睡眠App里的调皮喵咪🐱

猎人 - AmberDu小白9.6

在「小睡眠」App的白噪音DIY页面,每次进行声音素材添加的操作时页面底部都会出现一只小猫爪接住素材球的动画。如果选择随机一组白噪音,声音元素会像老虎机游戏一样出现,调皮的小...

查看详情

#互动#小睡眠#微交互

DeLorean

微交互DeLorean操作前可预知的轮播图设计

猎人 - 龙爪槐守望者7.0

DeLorean(德劳瑞恩汽车)网站主页的轮播图,在切换其他banner将光标移到「下一页」箭头按钮时,会弹出圆形的预览框能看到下一张图片的缩略图。别致又新颖的交互处理方式。

查看详情

#banner#DeLorean#微交互

微交互得物App是如何让点赞变得潮起来的?

猎人 - AmberDu小白9.4

作为聚集了大量球鞋、潮品穿搭和潮流文化爱好者的新一代潮流网购社区,「得物」App的评论区点赞功能也十分有个性。点赞图标不再是大家认知里的大拇哥形象,而是熟悉网络用语和潮流文化...

查看详情

#图标#得物#微交互

飞猪

微交互你有被飞猪APP的猪鼻子按钮可爱到吗?

猎人 - 龙爪槐守望者9.2

「飞猪」APP启动后的搜索按钮有变成猪鼻子🐽的动效,可爱有趣又与品牌自身的视觉形象有很巧妙的结合。

查看详情

#品牌#微交互#按钮

Citymapper

微交互Citymapper 搜索栏的图标彩蛋

猎人 - AmberDu小白9.2

在「Citymapper 」用户输入目的地时,搜索栏上的放大镜图标会显示「努力工作」的表情。情感化的微交互设计充满趣味性和情绪传递。投稿:易树ESU

查看详情

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

小宇宙

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

猎人 - 龙爪槐守望者7.4

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

查看详情

#Tab#即刻#小宇宙

小宇宙

信息呈现小宇宙App引导跳转的H5页小提示

猎人 - AmberDu小白9.4

「小宇宙」App的下载引导页使用了文案轮播的形式,用文案结合场景切换,让用户对App的使用场景更清晰明了,通过强代入感激发点击下载的欲望。轮播的视觉表达形式有一定参考价值。投...

查看详情

#信息呈现#小宇宙#引导页

交互设计关于页面侧边缩略图交互设计的小灵感

猎人 - 龙爪槐守望者8.2

Rauno Freiberg 制作的带钉住功能的迷你缩略图原型,通过侧边的页面缩略图不仅能进行快速定位,还添加了钉住功能,收藏指定位置,以便后续一键直达。仅支持firefox...

查看详情

#信息呈现#定位#微交互

swisscom

信息呈现如何通过可视化设计让客户直观了解网速有多快?

猎人 - 龙爪槐守望者9.4

仅凭带宽数字不能很好的比较网速具体多快。「swisscom」为用户提供可视化的网速呈现方式,选择不同的网速套餐,将用进度条展示对应网速下浏览网站,下载电子书、CD、更新包和电...

查看详情

#swisscom#人性化#信息呈现

小红书

交互设计跟着小红书UED学习52个高频交互设计原理

猎人 - 聆风Raymond8.3

最近,「小红书」用户体验设计部UED上线了一个名为「52 个交互设计原则」的网站。据介绍,这52个交互设计原则是由UED从众多设计原则中筛选出的最高频使用设计原则。网站以动态...

查看详情

#hover#信息呈现#好功能

小宇宙

设计彩蛋把听友画的画融入APP彩蛋里,小宇宙这个设计也太有意思了吧!

猎人 - 聆风Raymond9.4

3月26日是「小宇宙」的两周岁生日。听友们自发组织了一个「画出你心目中小宇宙的样子」活动为其庆生。后来「小宇宙」将部分作品整合到了APP中,只要用户点击首页右上角的「小宇宙」...

查看详情

#即刻#小宇宙#微交互

bilibili漫画

微交互bilibili漫画集印章的签到设计会俘获二次元的芳心吗?

猎人 - AmberDu小白9.1

在「bilibili漫画」App签到的交互被设计成了盖章的形式,很具有仪式感和趣味性。在「我的」界面点击「福利中心」,跳转新页面会自动弹出签到日历表,并出现小印章在当前日期处...

查看详情

#bilibili漫画#二次元#微交互

QQ

微交互会在夜间模式打瞌睡的QQ界面表情

猎人 - AmberDu小白9.6

「QQ」消息主页面底部导航栏中的「联系人」小人图标与转发信息时的弹窗输入框右侧图标,在常规模式下都会显示为微笑的表情,「联系人」的小人图标眼睛还会随着点击左右图标而看向对应的...

查看详情

#QQ#图标#夜间模式

黄油相机

微交互「黄油相机」让人忍不住多看几遍的加载动画

猎人 - AmberDu小白9.7

「黄油相机」是一款深受大家喜爱的Plog(图片博客)创作工具,据说它的名字源于电影《Julie&Julia》的经典台词「你是我面包上的黄油,生命中的呼吸」。将图片与文字的关系...

查看详情

#Plog#产品冷知识#加载动画

新浪微博

设计彩蛋「新浪微博」的「点赞」新反馈是否有助于及时发现误触点赞呢?

猎人 - AmberDu小白6.0

「新浪微博」新版本的「点赞」功能增加了趣味性的微交互彩蛋。当为他人的微博原文点赞(非浏览模式),除了点赞按钮会有变红的状态变化,还会跳出各种可爱的emoji表情。除了增加了互...

查看详情

#即时反馈#微交互#情感化设计

EMMO

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

猎人 - AmberDu小白5.0

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

查看详情

#EMMO#交互手势#工具

腾讯视频

微交互「腾讯视频」的数据可视化设计,有点东西!

猎人 - AmberDu小白0.0

在「腾讯视频」的「doki」频道为爱豆打卡的界面,「粉丝值」的数据与升级反馈,是以一个在进度条上奔跑的女孩儿的动画形象来呈现的。有趣的动画不仅可视化了需要展示的数据,也很贴切...

查看详情

#信息可视化#微交互#情感化设计

蜗牛读书

设计逻辑蜗牛读书:电子书也有包书皮的仪式感

猎人 - AmberDu小白0.0

很多爱书之人都有包书皮的习惯,「蜗牛读书」为电子书的阅读与管理也提供了同样具有仪式感的包书皮体验。在「我的书桌」页面,点击右上角的「整理」按钮,会呼出「包书皮」的选项界面。为...

查看详情

#仪式感#微交互#情怀

1/12

热门应用