尊享

加入【优设领航者俱乐部】

尊享全年高价值服务 加速收益

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

企业/达人/设友线下链接

流量赋能 名利双收

1000W+流量助力影响力提升

领取更多高价值实用特权

投稿

banner

已捕获优质的产品细节 32 个

banner

细节 32

我也有新发现 我要投稿
芒果TV的banner设计,把命题作文做到满分!
芒果TV

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

猎人 - Monster8.0

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

查看详情

#banner#信息呈现#图标

应用宝如何通过设计细节呈现不一样的banner?
应用宝

信息呈现应用宝如何通过设计细节呈现不一样的banner?

猎人 - Monster5.5

「应用宝」的头部banner采用了强视觉的视频素材,再通过渐变模糊的过渡效果,实现视频内容到应用背景的平滑过渡,有很强的视觉冲击力。底部金刚区通过从banner区域的展示游戏...

查看详情

#banner#信息呈现#应用宝

bilibili漫画竖版的banner图设计好在哪里?
bilibili漫画

信息呈现bilibili漫画竖版的banner图设计好在哪里?

猎人 - Monster10.0

「哔哩哔哩漫画」的竖版banner设计成功地将产品特点与用户体验结合了起来,竖版banner的呈现方式符合多数人的阅读和滑动屏幕习惯,也很适合二次元人物场景的画面展现,滑动交...

查看详情

#banner#bilibili漫画#交互手势

如何在Banner设计中实现「听你所爱,看你所想」?
酷狗音乐

用户体验如何在Banner设计中实现「听你所爱,看你所想」?

猎人 - Monster9.0

在「酷狗音乐」的顶部区域,我们针对性地设计了既贴合商业目标又不忽视用户体验的Banner。通过用户的历史行为记忆和大数据洞察,Banner能够以「每日推荐」 或 「猜你喜欢」...

查看详情

#banner#信息呈现#微交互

如何设计视频banner让形式服务内容?
应用宝

信息呈现如何设计视频banner让形式服务内容?

猎人 - Monster8.3

「应用宝」将重点推荐的游戏Banner以视频的方式呈现,可以直观、生动的吸引用户。与此同时,动态的方式能更加生动地展示游戏的玩法、画风等特点,从而帮助用户轻松理解和熟悉这款游戏。

查看详情

#banner#信息呈现#应用宝

掌上生活,把你想看的影片端上来
掌上生活

信息呈现掌上生活,把你想看的影片端上来

猎人 - AmberDu小白7.8

「掌上生活」首页的影票板块中,一改普通的左右滑动切换banner样式,样式设计像一个可转动的大圆盘,把最近热播电影展示在此处,一共10联内容可进行轮换,样式新颖抓人眼球,「把...

查看详情

#banner#信息呈现#微交互

星巴克是如何通过布局和动效设计推荐产品的?
星巴克

视觉星巴克是如何通过布局和动效设计推荐产品的?

猎人 - Monster7.1

「星巴克」App的广告位会利用卡片布局和视觉动效来推荐新品咖啡饮料。虽然整体设计新颖度是不是特别出彩,但广告位采用破局(突出卡片布局)使产品看上去高端和吸引人的,比如使用叶子...

查看详情

#banner#动效#卡片

如何通过分层视差效果的Banner设计,增强产品识别度
爱奇艺叭嗒

信息呈现如何通过分层视差效果的Banner设计,增强产品识别度

猎人 - Monster5.4

「爱奇艺叭嗒」的 Banner 设计采用了分层视差效果,通过视觉元素之间的运动差异吸引用户眼球。设计元素处处凸显产品特性,包括但不限于Banner 切换指引器的异性设计、Ta...

查看详情

#banner#信息呈现#爱奇艺叭嗒

极有家是如何高效利用首页广告位设计的?
极有家

信息呈现极有家是如何高效利用首页广告位设计的?

猎人 - Monster8.5

「极有家」将产品细节放进广告里,让指引器成为信息承载的容器,这样的设计有助于提高用户对内容的关注度,值得借鉴。这里的广告区域不仅仅是一个有点击事件的banner,还会呈现产品...

查看详情

#banner#信息呈现#分层视差

导航跟随banner结合分类的有趣banner
DAUM WEBTOON

信息呈现导航跟随banner结合分类的有趣banner

猎人 - Monster8.5

「DAUM WEBTOON」是一个在韩国非常有名的漫画阅读平台,它的主界面 banner 设计很有特点,banner 会与导航切换相结合,并且当用户在切换不同分类时主题形状也...

查看详情

#banner#DAUM WEBTOON#互动

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

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

猎人 - 不是作家8.4

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

查看详情

#banner#信息呈现#微交互

藏在bilibili主站夏季版头里的海底世界
Bilibili

设计彩蛋藏在bilibili主站夏季版头里的海底世界

猎人 - AmberDu小白8.2

「bilibili」网页端主站的夏季版头为我们带来了清凉的海底世界主题。鼠标移动到版头画面上左右晃动,画面里潜水的2233娘以及海里的鱼、海龟、深海植被等都会随之动起来,很有...

查看详情

#banner#Bilibili#互动

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

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

猎人 - 不是作家7.0

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

查看详情

#banner#信息呈现#视觉

盒马尝新,原来Banner还能这么玩?
盒马

用户体验盒马尝新,原来Banner还能这么玩?

猎人 - Ginny Q8.7

「盒马」App最近上线了「盒马尝新」功能,主推上新品类。顶部Banner支持自动轮播和用户滑动切换,每个商品图都融入了动效小人,萌萌的表情让原本平庸无奇的食物看起来增添了一些...

查看详情

#banner#信息呈现#动效

谁说大朋友不可以过六一呢?
这位同学

视觉谁说大朋友不可以过六一呢?

猎人 - 繁至简9.1

「这位同学」APP产品定位为大学生校园外卖和校园生活服务,产品视觉风格为可爱萌萌哒类型。在六一这个特殊的节日,在首页banner区更替为儿童节主题,这么可爱的运营谁能抵挡住呀...

查看详情

#banner#外卖#视觉

如何将生活经验完美融入banner设计?
态棒

用户体验如何将生活经验完美融入banner设计?

猎人 - 繁至简8.4

当你厌倦了常规的轮播banner,不妨看看「态棒」的设计吧。将习以为常的大转盘元素融入banner的视觉和交互,不仅打破以往的刻板印象,而且使动态的轮播变得更有趣了。真是一个...

查看详情

#banner#信息呈现#态棒

贝壳App首页banner的隐藏空间
贝壳

信息呈现贝壳App首页banner的隐藏空间

猎人 - 龙爪槐守望者9.0

「贝壳」 App 首页的 banner,在向下滚动后可展开更多信息。既节约了首屏空间,又在恰当的时候让内容展示更加丰富,与一般的首页 banner 设计相比,多了一些巧思和特色。

查看详情

#banner#交互手势#信息呈现

网易云音乐轮播条的小细节

用户体验网易云音乐轮播条的小细节

猎人 - AmberDu小白6.0

「网易云音乐」的banner模块一直是我认为不错的,在banner模块的进度条上也有一定的小设计,利用左右两边圆圈的大小过渡,让人感受到一定的空间感。在滑动banner的时候...

查看详情

#banner#数据转化#网易

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

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

猎人 - 龙爪槐守望者7.0

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

查看详情

#banner#DeLorean#微交互

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

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

猎人 - 龙爪槐守望者8.2

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

查看详情

#banner#京东#信息呈现

1/2

热门应用