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

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

自如

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

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

细节描述

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

8.622人评分
收藏 7
分享细节海报

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

{{ moreBtnTxt }}

你可能还爱看

B站用秋意浓背景图彩蛋告诉你,秋天真的来了
Bilibili

设计彩蛋B站用秋意浓背景图彩蛋告诉你,秋天真的来了

猎人 - AmberDu小白6.0

立秋过后,B站网页端主站的主页背景也从炎炎夏日主题切换成了秋日限定。虽然随春夏秋冬四季变化变更背景图彩蛋已成为bilibili的传统,但每次突然上新的可爱背景皮肤还是会带来惊...

查看详情

#banner#Bilibili#情感化设计

自如搬家小程序贴心的选车指导服务
自如

用户体验自如搬家小程序贴心的选车指导服务

猎人 - 龙爪槐守望者8.0

搬家的时候找搬家公司订多大的车是让人挺头痛的问题,太大浪费,太小又装不下,还得多搬一趟或者找两辆车。「自如搬家」小程序用透视图和全景预览的方式,指导用户根据行李数量与尺寸选择...

查看详情

#VR#人性化#信息呈现

网站Banner切换的创新交互方式
腾讯视频

微交互网站Banner切换的创新交互方式

猎人 - 不是作家8.4

「腾讯视频」的Banner 切换动画很有特点,整体是logo的剪影效果,并且在右下角的数量指示点也是logo的形状,很好的突出品牌形象,设计创新的同时强化品牌在用户心中的位置。

查看详情

#banner#信息呈现#微交互