「腾讯视频」的Banner 切换动画很有特点,整体是logo的剪影效果,并且在右下角的数量指示点也是logo的形状,很好的突出品牌形象,设计创新的同时强化品牌在用户心中的位置。
b站的网页版在hover状态下查看用户头像被引入了动效展开的交互设计,不仅使得个人信息的查看更为便捷,也赋予了网页更生动有趣的互动体验。大家还有见过哪些类似的设计吗?
「Eagle」的官网使用教程文字底部的评价动效借鉴了现实的隐喻,即「有帮助-点头」「没帮助-摇头」,与很多「花里胡哨」的评价功能设计相比,更加简洁明了、清晰易懂,又不失趣味性。
在「知乎」首页查看推荐内容,当下拉刷新列表时,顶部出现知乎小猪IP奋笔疾书的小动画,仿佛小猪正在加急写新内容,即贴合场景也符合平台定位。刷新结束后顶部会显示刷新条数+配置文案...
「微博」这类型的社区型产品,需要营造热闹的氛围来引导用户积极参与互动。比如添加一些吸引眼球的点赞交互动效,让互动更有趣,可以激发用户更强烈的点击欲望。
在「闲鱼」海鲜市场专栏,查看今日新鲜事等更多同类型内容时,与其他社交、内容类产品的点赞不同,除了常规的分享评论外,可以对发布内容进行「表态」,位于卡片右下角的表态按钮除了表情...
「小宇宙」APP采用了卡片设计作为导航承载,展示更多选项的同时用有趣的动画交互达到更生动的展示效果。导航选项收起时,还带有自然的缩回效果,让整体的交互体验更灵动。卡片式导航不...
「喜茶GO小程序」的产品详情页会通过摇晃奶茶的小动效,引导买家向下滑动页面,进行饮品的口味选择。情感化的小细节设计,为交互过程增添趣味性和互动感,起到较好的引导作用。
逛「淘宝」时,在店铺首页发现了有趣的交互动画,当内容加载完后显示2行商品传输带,上方传输带会将店内商品通过滚动运输到下方传输带,点击感兴趣商品时,出现大图弹窗,用户可以点击「...
hover状态鼠标指针的变化给了用户操作提示。在aanstekelijk的网站中将hover跟随鼠标指针持续显示,看着很潮不突兀,又起到了提示用户操作的目的。https://...
复古风摄影的热潮从未停止过,胶片机热度居高不下。「insta Mini」拥有多种胶片相机的摄影风格,不仅可以自由切换使用,而且在操作上还沿用了拍立得的交互方式。在拍完照后,从...
小红点的专业名称为徽标,是消息提示的小组件。别看一个小红点很呆板,它也可以做得十分有趣和可爱。「QQ」在底部TAB导航中页采用了小红点来提示消息,当你不需要该提示时,用户可以...
在「美团外卖」吃啥「推荐」专栏,浏览美食的时候,用户可以进入二级页面查看更多图片,并给喜欢的美食点赞,不同于常规点赞图标,「美团外卖」采用手指比心的形式。点赞后,除了图标状态...
最新版本的「淘宝」App在支付成功后增加了动效提示的彩蛋设计,并且会有按钮引导用户进行下一步操作。提升用户体验的同时,还能增加惊喜感,仿佛有礼物等待被查收,真是有趣的细节设计。
用户在「支付宝」的热议话题专栏参与互动时,除了常规转发、留言、点赞操作,观点下方提供了4个热词(神操作、酸了、加油、笑出声)让用户选择。点击后会出现对应的动效提醒,底部的点赞...
「喵喵记账」是一款以收集猫咪为主题的趣味性萌宠记账软件。它的账号登录界面在进行密码输入时,吉祥物小猫咪会一边提示操作一边双爪蒙眼,十分可爱。这里的情感化设计不仅给产品赋予了活...
使用「飞书文档」网页版时,将鼠标悬停至点赞图标,icon会呈现出蓄力的状态,有一种让人忍不住按下按钮的心理暗示,很好的起到了引导用户点赞的效果。点击按下点赞图标,「真诚点赞,...
「迈凯伦跑车」为了体现动力强劲在官网做的一个小互动,长按空格键模拟踩油门给车加速,仪表盘数字滚动配合画面变化和引擎音效,让人对动力有更直观深刻的印象。
「QQ阅读」账号登录页面的隐私协议勾选与一只小企鹅钓鱼的交互动画做了巧妙的结合,不仅增加了操作的趣味性,也让原本不明显、容易被忽视的隐私勾选变得更抓人眼球。在隐私协议勾选这个...
DeLorean(德劳瑞恩汽车)网站主页的轮播图,在切换其他banner将光标移到「下一页」箭头按钮时,会弹出圆形的预览框能看到下一张图片的缩略图。别致又新颖的交互处理方式。