视觉设计如何通过异形设计和视差滚动提升Banner效果?

产品: 自如猎人: 龙爪槐守望者观众: 4.2k人 时间: 2025-06-03

自如

与「自如」有关的细节还有 9查看全部

我也有新发现 我要投稿
如何通过异形设计和视差滚动提升Banner效果?如何通过异形设计和视差滚动提升Banner效果?

细节描述

龙爪槐守望者: 传统的Banner设计往往采用规则的矩形,左右简单滚动。 自如的这个Banner设计真的很巧妙,它打破了传统矩形Banner的束缚,采用了多个圆角元素错位摆放的异形设计。最精彩的是运用了视差滚动效果,不同元素以不同速度移动,创造出三维空间的错觉,营造出层次丰富的动态视觉体验。通过运动变化吸引注意力,瞬间抓住视线焦点。 不是所有的设计都需要遵循传统的网格系统,适当的打破规则可能会带来意想不到的效果。

8.630人评分
收藏 10
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

贝壳App首页banner的隐藏空间
贝壳

信息呈现贝壳App首页banner的隐藏空间

猎人 - 龙爪槐守望者9.0

「贝壳」 App 首页的 banner,在向下滚动后可展开更多信息。既节约了首屏空间,又在恰当的时候让内容展示更加丰富,与一般的首页 banner 设计相比,多了一些巧思和特色。

查看详情

#banner#交互手势#信息呈现

你今天用「自如」找房了吗?
自如

微交互你今天用「自如」找房了吗?

猎人 - AmberDu小白10.0

「自如」App在「找房」这个界面有两个细节设计得很不错。大部分用户在找房租住的时候第一时间都会考虑房源的位置,「自如」这里使用了滑块控件来调节距离设定,让用户定位房源位置并实...

查看详情

#场景连接#微交互#易用性

盒马尝新,原来Banner还能这么玩?
盒马

用户体验盒马尝新,原来Banner还能这么玩?

猎人 - Ginny Q8.7

「盒马」App最近上线了「盒马尝新」功能,主推上新品类。顶部Banner支持自动轮播和用户滑动切换,每个商品图都融入了动效小人,萌萌的表情让原本平庸无奇的食物看起来增添了一些...

查看详情

#banner#信息呈现#动效