动效设计如何在网页滑动中抓住眼球?这个液态玻璃动态视觉值得借鉴

产品: System Studio猎人: 龙爪槐守望者投稿: Daryl Ginn观众: 9.4k人 时间: 2026-06-11

System Studio

与「System Studio」有关的细节还有 1查看全部

我也有新发现 我要投稿
如何在网页滑动中抓住眼球?这个液态玻璃动态视觉值得借鉴如何在网页滑动中抓住眼球?这个液态玻璃动态视觉值得借鉴

细节描述

龙爪槐守望者: System Studio是一家澳大利亚设计咨询公司,他们似乎从液态玻璃设计风格中获得灵感,在他们网站滚动鼠标查看案例时,不仅采用横向滚动,而且图文从两侧滑出时会产生一种重力扭曲、拉伸和折射的透视效果。这种打破常规网格的动态视觉。 扭曲只发生在屏幕两侧的边缘,这是用户视线的边缘,也是内容即将离场的边缘。当内容滚动到屏幕中央的核心视觉区时,排版和画面会瞬间恢复到最规范、最易读的正常状态。它既保证了用户在阅读案例时的认知流畅性,又在滑动的间隙抓住了用户的眼球。

8.526人评分
收藏 1
分享细节海报

发表评论 为下方 2 条评论点赞,解锁好运彩蛋

{{ moreBtnTxt }}

你可能还爱看

Google涂鸦:那个陪你长大,为你遮风避雨的人
Google

设计彩蛋Google涂鸦:那个陪你长大,为你遮风避雨的人

猎人 - AmberDu小白0.0

每年的五月第二个星期日是一年一度的母亲节,今年Google的母亲节涂鸦是非常可爱的鸭妈妈带小鸭子的动效。点击涂鸦上的三个按钮可解锁鸭妈妈与小鸭子互动的各种小动画:无论是鸭妈妈...

查看详情

#Google#动效#微交互

下拉=领红包,美团这招让用户停不下来
美团外卖

动效设计下拉=领红包,美团这招让用户停不下来

猎人 - 龙爪槐守望者9.3

美团外卖的下拉刷新并未出现传统的加载图标,而是采用了红包元素作为核心动画。随着下拉距离的增加,一只代表美团品牌的黄色小袋鼠,会顺着一根绳子从福袋上缓缓滑下,整个过程充满了动态...

查看详情

#IP形象#上瘾模型#下拉刷新

如何通过动效设计让健康数据「活」起来?
Grow

交互设计如何通过动效设计让健康数据「活」起来?

猎人 - Monster9.0

「Grow」是一款健康与运动管理应用,不仅自动记录与深度追踪步数、睡眠、HRV压力指数、运动、饮水和正念等健康数据,更从多感官体验出发,通过生动有趣的数据可视化设计,让健康数...

查看详情

#Grow#动效#多感官