微交互

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

微交互

细节 271

我也有新发现 我要投稿
在淘宝查看店铺时,有趣的选品交互小动画
淘宝

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

猎人 - 卷卷墩儿浪里个浪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

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

查看详情

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

淘宝支付成功后惊喜感满满的彩蛋设计
淘宝

微交互淘宝支付成功后惊喜感满满的彩蛋设计

猎人 - 阿豪?8.2

最新版本的「淘宝」App在支付成功后增加了动效提示的彩蛋设计,并且会有按钮引导用户进行下一步操作。提升用户体验的同时,还能增加惊喜感,仿佛有礼物等待被查收,真是有趣的细节设计。

查看详情

#动效#微交互#情感化设计

在支付宝参与热议话题讨论有趣的点赞互动
支付宝

微交互在支付宝参与热议话题讨论有趣的点赞互动

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

用户在「支付宝」的热议话题专栏参与互动时,除了常规转发、留言、点赞操作,观点下方提供了4个热词(神操作、酸了、加油、笑出声)让用户选择。点击后会出现对应的动效提醒,底部的点赞...

查看详情

#互动#图标#微交互

喵喵记账把心萌化的登录界面设计
喵喵记账

微交互喵喵记账把心萌化的登录界面设计

猎人 - AmberDu小白7.1

「喵喵记账」是一款以收集猫咪为主题的趣味性萌宠记账软件。它的账号登录界面在进行密码输入时,吉祥物小猫咪会一边提示操作一边双爪蒙眼,十分可爱。这里的情感化设计不仅给产品赋予了活...

查看详情

#喵喵记账#安全感#微交互

飞书文档充满小心机的点赞设计
飞书

微交互飞书文档充满小心机的点赞设计

猎人 - AmberDu小白9.1

使用「飞书文档」网页版时,将鼠标悬停至点赞图标,icon会呈现出蓄力的状态,有一种让人忍不住按下按钮的心理暗示,很好的起到了引导用户点赞的效果。点击按下点赞图标,「真诚点赞,...

查看详情

#交互手势#微交互#心理暗示

如何通过交互设计让人感知速度?
迈凯伦

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

猎人 - 龙爪槐守望者8.4

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

查看详情

#声音#多感官#微交互

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

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

猎人 - AmberDu小白9.7

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

查看详情

#QQ阅读#动画#微交互

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

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

猎人 - 龙爪槐守望者7.0

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

查看详情

#banner#DeLorean#微交互

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

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

猎人 - AmberDu小白9.5

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

查看详情

#图标#得物#微交互

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

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

猎人 - 龙爪槐守望者9.2

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

查看详情

#品牌#微交互#按钮

Citymapper 搜索栏的图标彩蛋
Citymapper

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

猎人 - AmberDu小白9.3

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

查看详情

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

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

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

猎人 - 龙爪槐守望者6.9

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

查看详情

#Tab#即刻#小宇宙

小宇宙App引导跳转的H5页小提示
小宇宙

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

猎人 - AmberDu小白9.6

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

查看详情

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

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

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

猎人 - 龙爪槐守望者8.3

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

查看详情

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

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

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

猎人 - 龙爪槐守望者9.5

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

查看详情

#swisscom#人性化#信息呈现

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

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

猎人 - 聆风Raymond8.4

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

查看详情

#hover#信息呈现#好功能

3/14

热门应用