在使用麦当劳APP「麦麦商城」Tab时,注意到其顶部Banner设计出现了明显变化——不再是传统Banner块,而是图钉固定的便签纸样式,结合背景插画同步轮播,整体呈现出更生...
手机屏幕寸土寸金,每个App都希望在有限的屏幕上展示尽可能多的内容,尤其是电商平台,更是想方设法在每一个角落推销商品。原本首页的标题栏都用于显示Logo或者tab和主要操作按...
传统轮播图都是图片和页面指示器(小圆点)组成。这种固定组合已让用户产生视觉疲劳,更别提有效传递核心信息了。Figma社区的头图有个很特殊的轮播图,页面指示器和主文案合二为一,...
近期,京东因与一位颇具争议的脱口秀演员携手合作,不慎引发了部分用户的不满与流失。真实的商战总是朴实无华,作为京东的竞争对手,拼多多迅速反应。只要你在拼多多搜索「京东」,页面顶...
「芒果TV」启动后,会从顶部区域自上而下滑出banner,并在4~5秒后自动收回变为图标的设计。这里的微交互不仅独特新颖,也让使用体验更加流畅。能有效地引导用户的视线,又避免...
「应用宝」的头部banner采用了强视觉的视频素材,再通过渐变模糊的过渡效果,实现视频内容到应用背景的平滑过渡,有很强的视觉冲击力。底部金刚区通过从banner区域的展示游戏...
「哔哩哔哩漫画」的竖版banner设计成功地将产品特点与用户体验结合了起来,竖版banner的呈现方式符合多数人的阅读和滑动屏幕习惯,也很适合二次元人物场景的画面展现,滑动交...
在「酷狗音乐」的顶部区域,我们针对性地设计了既贴合商业目标又不忽视用户体验的Banner。通过用户的历史行为记忆和大数据洞察,Banner能够以「每日推荐」 或 「猜你喜欢」...
「应用宝」将重点推荐的游戏Banner以视频的方式呈现,可以直观、生动的吸引用户。与此同时,动态的方式能更加生动地展示游戏的玩法、画风等特点,从而帮助用户轻松理解和熟悉这款游戏。
「掌上生活」首页的影票板块中,一改普通的左右滑动切换banner样式,样式设计像一个可转动的大圆盘,把最近热播电影展示在此处,一共10联内容可进行轮换,样式新颖抓人眼球,「把...
「星巴克」App的广告位会利用卡片布局和视觉动效来推荐新品咖啡饮料。虽然整体设计新颖度是不是特别出彩,但广告位采用破局(突出卡片布局)使产品看上去高端和吸引人的,比如使用叶子...
「爱奇艺叭嗒」的 Banner 设计采用了分层视差效果,通过视觉元素之间的运动差异吸引用户眼球。设计元素处处凸显产品特性,包括但不限于Banner 切换指引器的异性设计、Ta...
「极有家」将产品细节放进广告里,让指引器成为信息承载的容器,这样的设计有助于提高用户对内容的关注度,值得借鉴。这里的广告区域不仅仅是一个有点击事件的banner,还会呈现产品...
「DAUM WEBTOON」是一个在韩国非常有名的漫画阅读平台,它的主界面 banner 设计很有特点,banner 会与导航切换相结合,并且当用户在切换不同分类时主题形状也...
「腾讯视频」的Banner 切换动画很有特点,整体是logo的剪影效果,并且在右下角的数量指示点也是logo的形状,很好的突出品牌形象,设计创新的同时强化品牌在用户心中的位置。
「bilibili」网页端主站的夏季版头为我们带来了清凉的海底世界主题。鼠标移动到版头画面上左右晃动,画面里潜水的2233娘以及海里的鱼、海龟、深海植被等都会随之动起来,很有...
「贝壳找房」App首页滑动界面时banner会进行展开,展示更多相关信息,banner采用固定的视觉样式。这样不仅可以降低banner的制作成本同时还可以规范风格与内容组件化...
「盒马」App最近上线了「盒马尝新」功能,主推上新品类。顶部Banner支持自动轮播和用户滑动切换,每个商品图都融入了动效小人,萌萌的表情让原本平庸无奇的食物看起来增添了一些...
「这位同学」APP产品定位为大学生校园外卖和校园生活服务,产品视觉风格为可爱萌萌哒类型。在六一这个特殊的节日,在首页banner区更替为儿童节主题,这么可爱的运营谁能抵挡住呀...
当你厌倦了常规的轮播banner,不妨看看「态棒」的设计吧。将习以为常的大转盘元素融入banner的视觉和交互,不仅打破以往的刻板印象,而且使动态的轮播变得更有趣了。真是一个...