微交互

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

微交互

细节 259

我也有新发现 我要投稿
网站Banner切换的创新交互方式
腾讯视频

微交互网站Banner切换的创新交互方式

猎人 - 不是作家8.4

「腾讯视频」的Banner 切换动画很有特点,整体是logo的剪影效果,并且在右下角的数量指示点也是logo的形状,很好的突出品牌形象,设计创新的同时强化品牌在用户心中的位置。

查看详情

#banner#信息呈现#微交互

b站生动有趣的用户头像查看hover动效
Bilibili

微交互b站生动有趣的用户头像查看hover动效

猎人 - Monster8.0

b站的网页版在hover状态下查看用户头像被引入了动效展开的交互设计,不仅使得个人信息的查看更为便捷,也赋予了网页更生动有趣的互动体验。大家还有见过哪些类似的设计吗?

查看详情

#Bilibili#hover#信息呈现

Eagle网站关于评论的隐喻设计
Eagle

微交互Eagle网站关于评论的隐喻设计

猎人 - Monster8.2

「Eagle」的官网使用教程文字底部的评价动效借鉴了现实的隐喻,即「有帮助-点头」「没帮助-摇头」,与很多「花里胡哨」的评价功能设计相比,更加简洁明了、清晰易懂,又不失趣味性。

查看详情

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

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

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

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

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

查看详情

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

微博是如何通过彩蛋设计激发用户的点击欲望的?
新浪微博

微交互微博是如何通过彩蛋设计激发用户的点击欲望的?

猎人 - Monster9.0

「微博」这类型的社区型产品,需要营造热闹的氛围来引导用户积极参与互动。比如添加一些吸引眼球的点赞交互动效,让互动更有趣,可以激发用户更强烈的点击欲望。

查看详情

#交互手势#微交互#微博

闲鱼海鲜市场有趣的表态互动设计
闲鱼

微交互闲鱼海鲜市场有趣的表态互动设计

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

在「闲鱼」海鲜市场专栏,查看今日新鲜事等更多同类型内容时,与其他社交、内容类产品的点赞不同,除了常规的分享评论外,可以对发布内容进行「表态」,位于卡片右下角的表态按钮除了表情...

查看详情

#互动#动效#即时反馈

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

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

猎人 - Monster9.0

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

查看详情

#信息呈现#即刻#图标

喜茶小程序是如何通过情感化设计引导用户操作的?
喜茶

微交互喜茶小程序是如何通过情感化设计引导用户操作的?

猎人 - AmberDu小白7.8

「喜茶GO小程序」的产品详情页会通过摇晃奶茶的小动效,引导买家向下滑动页面,进行饮品的口味选择。情感化的小细节设计,为交互过程增添趣味性和互动感,起到较好的引导作用。

查看详情

#喜茶#小程序#微交互

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

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

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

2/13

热门应用