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

产品: 自如猎人: 龙爪槐守望者 时间: 3天前

自如

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

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

细节描述

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

8.316人评分
收藏 5
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

贝壳找房App是如何通过设计提高banner体验的?
贝壳

设计逻辑贝壳找房App是如何通过设计提高banner体验的?

猎人 - 不是作家7.3

「贝壳找房」App首页滑动界面时banner会进行展开,展示更多相关信息,banner采用固定的视觉样式。这样不仅可以降低banner的制作成本同时还可以规范风格与内容组件化...

查看详情

#banner#信息呈现#视觉

揭秘自如App:会员等级与家居美学的神秘联系
自如

动效揭秘自如App:会员等级与家居美学的神秘联系

猎人 - 龙爪槐守望者5.5

自如 App 会员每提升一级,不仅会改变插画颜色,还会让房间里的家具越来越丰富。这些细微的变化,虽然看似微不足道,却能让用户有一种身临其境的感觉,好像真的在升级自己的房间一样...

查看详情

#会员#动效#插画

芒果TV的banner设计,把命题作文做到满分!
芒果TV

用户体验芒果TV的banner设计,把命题作文做到满分!

猎人 - Monster7.2

「芒果TV」启动后,会从顶部区域自上而下滑出banner,并在4~5秒后自动收回变为图标的设计。这里的微交互不仅独特新颖,也让使用体验更加流畅。能有效地引导用户的视线,又避免...

查看详情

#banner#信息呈现#图标