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

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

自如

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

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

细节描述

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

8.628人评分
收藏 9
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

支付宝端午特别设计:为什么弧形Banner会比直角更具吸引力?
支付宝

沉浸式设计支付宝端午特别设计:为什么弧形Banner会比直角更具吸引力?

猎人 - 龙爪槐守望者9.0

支付宝首页的端午主题 Banner 采用清新蓝色为底色,与上方快捷功能区完全统一,通过色彩延续自然消除了模块边界,形成了统一的视觉整体。其弧形底部边缘(区别于传统矩形直角)进...

查看详情

#banner#沉浸式设计#视觉设计

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

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

猎人 - AmberDu小白0.0

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

查看详情

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

解析Apple Books逐行导读:用户体验如何塑造沉浸式阅读?
Apple Books

引导式设计解析Apple Books逐行导读:用户体验如何塑造沉浸式阅读?

猎人 - 张老三9.5

为什么我们有时觉得阅读电子书比纸质书更容易分心?真的是手机的问题吗?也许,是我们的阅读方式需要一点引导。

查看详情

#专注#引导#格式塔