逛「淘宝」时,在店铺首页发现了有趣的交互动画,当内容加载完后显示2行商品传输带,上方传输带会将店内商品通过滚动运输到下方传输带,点击感兴趣商品时,出现大图弹窗,用户可以点击「...
最新版本的「淘宝」App在支付成功后增加了动效提示的彩蛋设计,并且会有按钮引导用户进行下一步操作。提升用户体验的同时,还能增加惊喜感,仿佛有礼物等待被查收,真是有趣的细节设计。
iPhone调节到「飞行模式」的时候,会有飞机小图标从顶部状态栏的左侧飞入;当关闭手机的飞行模式时,小飞机图标会向屏幕右侧飞走直至消失。此外,当手机调节到「勿扰模式」时页面顶...
网站搜索的速度与反馈,十分影响用户对App好感度的提升。搜索的慢了,用户等待感变强;反馈差了,用户对搜索的期望值会变低。小电视家的搜索就用2233的一个动画来对用户进行搜索状...
「Tumblr」作为一个轻博客应用,里面的内容形式真的是多种多样,同时还隐藏着一些小惊喜。在安卓客户端上,只要按着右下角的发布内容按钮不松手,然后在屏幕上拖拽,就会拖出一条彩...
DeLorean(德劳瑞恩汽车)网站主页的轮播图,在切换其他banner将光标移到「下一页」箭头按钮时,会弹出圆形的预览框能看到下一张图片的缩略图。别致又新颖的交互处理方式。
在B站的「个人主页」滑动高于一屏的内容,会出现可快速返回顶部的按钮。图标是B站的吉祥物2233娘坐在小电视上的样子,点击图标还会出现小电视变成火箭往上升的动画效果。区别于普通...
万圣夜即将来临,各大平台也都开启了Halloween主题。B站播放器进度条上的小电视图标就变成了小幽灵,在左右移动播放进程时还会跟着移动做鬼脸并且黑白皮肤自由切换,节日的氛围...
「虎扑」是几乎每个体育迷都知道的体育社区,JRs在此分享对篮球、足球、游戏、汽车等各种人和事的见解。其NBA社区尤为出名。既然用户是都是体育粉,那么对于自己喜欢的球星肯定是非...
小红点的专业名称为徽标,是消息提示的小组件。别看一个小红点很呆板,它也可以做得十分有趣和可爱。「QQ」在底部TAB导航中页采用了小红点来提示消息,当你不需要该提示时,用户可以...
B站播放器的进度条里有萌眼睛小电视交互相信很多同学已经知道了,这是很经典的对用户操作行为做出生动有趣即时反馈的案例。这一次的端午节小电视又来「作妖」了 (๑•ᴗ•๑)~ 为了...
在电脑端打开小电视家的网页,可以看见首页右侧搜索栏的下方每次刷新都会显示不同样式的小动图。将鼠标移上去,还会显示小动图的含义。点击动图,就可以直接到达动图相关的站内搜索内容了。
在爱奇艺的iPad端观看视频时如果想要快进或后退,拖动播放器时屏幕中间会出现视频缩略图可预览进度所在的播放内容。操作的可预知性方便了用户做出正确的选择,很好的提升了产品的易用...
使用「即刻」App时在搜索栏输入「果果」两个字,会出现让人惊喜的「爱心雨」动画。这个神秘的「果果」其实是「即刻」团队养的一只猫,从产品的很多设计细节就可以看出「果果」是实名认...
「QQ」Tab栏的「消息」小图标会根据不同场景触发各种各样的表情变化。比如常规模式下的「消息」图标是开心眨眼的小表情,开启夜间模式后,不仅整体界面变成了暗黑模式,Tab栏的「...
不能第一时间跟进idol动态?「超级星饭团」可以记录下idol微博的在线时长。当偶像在线时,会出现一颗「跳动的心」,用模拟心脏跳动的微交互效果来提示用户idol当前微博在线状...
在「Citymapper 」用户输入目的地时,搜索栏上的放大镜图标会显示「努力工作」的表情。情感化的微交互设计充满趣味性和情绪传递。投稿:易树ESU
b站的网页版在hover状态下查看用户头像被引入了动效展开的交互设计,不仅使得个人信息的查看更为便捷,也赋予了网页更生动有趣的互动体验。大家还有见过哪些类似的设计吗?
在「美团外卖」吃啥「推荐」专栏,浏览美食的时候,用户可以进入二级页面查看更多图片,并给喜欢的美食点赞,不同于常规点赞图标,「美团外卖」采用手指比心的形式。点赞后,除了图标状态...
平安夜圣诞节期间,打开「天猫」App主页浏览商品信息,会出现雪花从天而降缓缓飘落的动画彩蛋。情感化的彩蛋设计给习以为常的阅读体验带来惊喜和可爱的小情趣,浓浓的节日气息扑面而来...