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

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

自如

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

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

细节描述

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

8.625人评分
收藏 8
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

京东App与众不同的商品详情页轮播图
京东

信息呈现京东App与众不同的商品详情页轮播图

猎人 - 龙爪槐守望者8.2

「 京东」App的商品详情页轮播图的最后一张是商品的评价截图,这与其他同类型的电商App很不同。展示更多商品的细节与多角度图很重要,真实的评价同样也能帮助用户更全面的了解商品...

查看详情

#banner#京东#信息呈现

「自如」,让找房可以更轻松
自如

用户体验「自如」,让找房可以更轻松

猎人 - AmberDu小白0.0

今天偶然发现「自如」App更新了,点开看到它更新了一个新功能:找房「模块」可根据交通方式(公交车/驾车/骑行/步行)切换所需通勤时间进行筛选,这个点真的非常实用贴心了。因为我...

查看详情

#信息有效性#情境预判#房屋中介

DeLorean操作前可预知的轮播图设计
DeLorean

微交互DeLorean操作前可预知的轮播图设计

猎人 - 龙爪槐守望者7.0

DeLorean(德劳瑞恩汽车)网站主页的轮播图,在切换其他banner将光标移到「下一页」箭头按钮时,会弹出圆形的预览框能看到下一张图片的缩略图。别致又新颖的交互处理方式。

查看详情

#banner#DeLorean#微交互