在iOS18用物理按钮调节音量,按钮就近的屏幕区域会发生动效反馈,黑色凸起向屏幕内波动,看上去像手机边框因为按钮挤压导致屏幕变形,这可能为下一代iPhone没有物理按键做准备...
腾讯地图的Tabbar上的首页图标选中后的动效并不只是为了美观,而是具备真实的指南针的功能,为用户提供方向指引。这一设计不仅提升了界面的互动性,还巧妙地融入了实用工具,彰显了...
用「优酷」APP 看视频时,可通过上下滑动屏幕的手势操作来调节音量与屏幕亮度。当调节音量时,屏幕上代表声音的小喇叭图标会出现声波震动并跟随音量变化上下晃动的小动画。动感的微交...
二次元平台总是能在很多可爱的小细节上给我们带来惊喜。「猫耳FM」也就是大家常说的M站,喜欢在很多功能上增加声音的互动效果,十分符合产品自身作为音频提供平台的属性,连「个人中心...
在「小睡眠」App的白噪音DIY界面,每次增添声音素材时,页面底部都会俏皮地显现一只小猫爪,准确接住飘落的素材球。若你随机挑选一组白噪音,就如同启动了一场老虎机游戏,声音元素...
「Nyatwa」 是一款移动支付应用,其官网网站向下滚动时,钱包、转账、收入、消费、积分等记录以此落入右下角的「 Nyatwa」 App 截图中,动效充分体现了 App 的核...
「芒果TV」启动后,会从顶部区域自上而下滑出banner,并在4~5秒后自动收回变为图标的设计。这里的微交互不仅独特新颖,也让使用体验更加流畅。能有效地引导用户的视线,又避免...
在「酷狗音乐」的顶部区域,我们针对性地设计了既贴合商业目标又不忽视用户体验的Banner。通过用户的历史行为记忆和大数据洞察,Banner能够以「每日推荐」 或 「猜你喜欢」...
Art of Symbols 是一个由 Emotive Brand 发起的关于图标和符号设计研究项目延展而来的独立网站。网站的鼠标指针设计很有意思:在普通状态下会呈现倾斜的「...
「掌上生活」首页的影票板块中,一改普通的左右滑动切换banner样式,样式设计像一个可转动的大圆盘,把最近热播电影展示在此处,一共10联内容可进行轮换,样式新颖抓人眼球,「把...
大家看过「滴滴出行」周报么?每周的提示弹窗用大标题「本周省了XXX元」吸引用户,而落地页设计也细节满满,头部显示汽车行驶的小动画,加上与现实映射的发票机设计,而在用户向上滑动...
「酷狗音乐」推荐卡片的切换,采用折叠、展开的效果,收起的卡片会堆叠在屏幕右侧,通过色块指示卡片数量,比起常见的指示点样式,可感知性更强。不过,其中一个容器还支持点击左右箭头,...
「腾讯视频」的Banner 切换动画很有特点,整体是logo的剪影效果,并且在右下角的数量指示点也是logo的形状,很好的突出品牌形象,设计创新的同时强化品牌在用户心中的位置。
b站的网页版在hover状态下查看用户头像被引入了动效展开的交互设计,不仅使得个人信息的查看更为便捷,也赋予了网页更生动有趣的互动体验。大家还有见过哪些类似的设计吗?
「Eagle」的官网使用教程文字底部的评价动效借鉴了现实的隐喻,即「有帮助-点头」「没帮助-摇头」,与很多「花里胡哨」的评价功能设计相比,更加简洁明了、清晰易懂,又不失趣味性。
在「知乎」首页查看推荐内容,当下拉刷新列表时,顶部出现知乎小猪IP奋笔疾书的小动画,仿佛小猪正在加急写新内容,即贴合场景也符合平台定位。刷新结束后顶部会显示刷新条数+配置文案...
「微博」这类型的社区型产品,需要营造热闹的氛围来引导用户积极参与互动。比如添加一些吸引眼球的点赞交互动效,让互动更有趣,可以激发用户更强烈的点击欲望。
在「闲鱼」海鲜市场专栏,查看今日新鲜事等更多同类型内容时,与其他社交、内容类产品的点赞不同,除了常规的分享评论外,可以对发布内容进行「表态」,位于卡片右下角的表态按钮除了表情...
「小宇宙」APP采用了卡片设计作为导航承载,展示更多选项的同时用有趣的动画交互达到更生动的展示效果。导航选项收起时,还带有自然的缩回效果,让整体的交互体验更灵动。卡片式导航不...
「喜茶GO小程序」的产品详情页会通过摇晃奶茶的小动效,引导买家向下滑动页面,进行饮品的口味选择。情感化的小细节设计,为交互过程增添趣味性和互动感,起到较好的引导作用。