微交互

在「酷狗音乐」的顶部区域，我们针对性地设计了既贴合商业目标又不忽视用户体验的Banner。通过用户的历史行为记忆和大数据洞察，Banner能够以「每日推荐」 或 「猜你喜欢」...

Art of Symbols 是一个由 Emotive Brand 发起的关于图标和符号设计研究项目延展而来的独立网站。网站的鼠标指针设计很有意思：在普通状态下会呈现倾斜的「...

「掌上生活」首页的影票板块中，一改普通的左右滑动切换banner样式，样式设计像一个可转动的大圆盘，把最近热播电影展示在此处，一共10联内容可进行轮换，样式新颖抓人眼球，「把...

大家看过「滴滴出行」周报么？每周的提示弹窗用大标题「本周省了XXX元」吸引用户，而落地页设计也细节满满，头部显示汽车行驶的小动画，加上与现实映射的发票机设计，而在用户向上滑动...

「酷狗音乐」推荐卡片的切换，采用折叠、展开的效果，收起的卡片会堆叠在屏幕右侧，通过色块指示卡片数量，比起常见的指示点样式，可感知性更强。不过，其中一个容器还支持点击左右箭头，...

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

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

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

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

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

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

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

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

逛「淘宝」时，在店铺首页发现了有趣的交互动画，当内容加载完后显示2行商品传输带，上方传输带会将店内商品通过滚动运输到下方传输带，点击感兴趣商品时，出现大图弹窗，用户可以点击「...

hover状态鼠标指针的变化给了用户操作提示。在aanstekelijk的网站中将hover跟随鼠标指针持续显示，看着很潮不突兀，又起到了提示用户操作的目的。https://...

复古风摄影的热潮从未停止过，胶片机热度居高不下。「insta Mini」拥有多种胶片相机的摄影风格，不仅可以自由切换使用，而且在操作上还沿用了拍立得的交互方式。在拍完照后，从...

小红点的专业名称为徽标，是消息提示的小组件。别看一个小红点很呆板，它也可以做得十分有趣和可爱。「QQ」在底部TAB导航中页采用了小红点来提示消息，当你不需要该提示时，用户可以...

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

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

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