尊享

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

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

大咖指引 职场加薪

大咖领航新机会新收入

AIGC实战 加速受益

大厂AIGC实战经验分享

优质链接 人脉链接

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

流量赋能 名利双收

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

领取更多高价值实用特权

投稿

banner

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

banner

细节 32

我也有新发现 我要投稿
「爱彼迎」的首页banner轮播图,体验好在哪里?
Airbnb

微交互「爱彼迎」的首页banner轮播图,体验好在哪里?

猎人 - AmberDu小白9.0

「爱彼迎」的首页banner轮播点是以进度条的形式呈现。和常规的banner轮播方式相比,动态的进度条效果可以让用户对banner的切换与阅读时间有更好地把控。避免发生还没看...

查看详情

#Airbnb#banner#加载

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

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

猎人 - 龙爪槐守望者8.2

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

查看详情

#banner#京东#信息呈现

「腾讯动漫」别出心裁的banner轮播动效
腾讯动漫

设计逻辑「腾讯动漫」别出心裁的banner轮播动效

猎人 - AmberDu小白4.5

越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为...

查看详情

#banner#二次元#动漫

酷炫感十足的3D轮播图是什么样?
极星汽车

视觉酷炫感十足的3D轮播图是什么样?

猎人 - 龙爪槐守望者8.5

「极星汽车」官网的车型展示左右切换轮播图是3D的效果,非常吸睛。3D的效果也能多角度更全面的呈现车的外观,视觉和交互上的差异化设计能给用户留下更深的印象,也能体现车类产品的科...

查看详情

#3D#banner#信息呈现

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

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

猎人 - 不是作家8.4

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

查看详情

#banner#信息呈现#微交互

bilibili团队在主页背景图藏了什么小彩蛋?
Bilibili

视觉bilibili团队在主页背景图藏了什么小彩蛋?

猎人 - AmberDu小白0.0

bilibili的网页端主页背景,会根据春夏秋冬四季的变化更换与当前季节相契合的背景图。最近B站更是优化了banner图,将其做成了可与用户互动的动态背景。当鼠标移动到ban...

查看详情

#banner#Bilibili#互动

「知乎」的广告呈现设计有什么特别之处?
知乎

信息呈现「知乎」的广告呈现设计有什么特别之处?

猎人 - AmberDu小白0.0

「知乎」将小广告放置在了内容的信息流里,当用户滑动屏幕广告移动到接近屏幕中间的位置时,banner图会出现从右向左切换的交互效果,起到区别广告与内容的作用。这样用户的注意力马...

查看详情

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

bilibili的「吃豆人」轮播图设计
Bilibili

视觉bilibili的「吃豆人」轮播图设计

猎人 - AmberDu小白10.0

「吃豆人」Pac-Man是电子游戏历史上经典的街机游戏,由Namco公司的岩谷彻设计并由Midway Games在1980年发行,被认为是80年代最经典的街机游戏之一,是很多...

查看详情

#banner#Bilibili#二次元

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

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

猎人 - Ginny Q8.7

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

查看详情

#banner#信息呈现#动效

豆瓣的电影榜单设计有什么巧妙之处?
豆瓣

信息呈现豆瓣的电影榜单设计有什么巧妙之处?

猎人 - 龙爪槐守望者9.1

「豆瓣」的电影榜单设计挺巧妙的,竖幅图片刚好显示海报,横幅图片作为剧照轮播。竖横放在一起很和谐。比起只放一个图来说,空间利用率更高。

查看详情

#banner#信息呈现#用户引导

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

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

猎人 - Monster7.1

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

查看详情

#banner#动效#卡片

bilibili主页上线夏日限定背景图彩蛋
Bilibili

设计彩蛋bilibili主页上线夏日限定背景图彩蛋

猎人 - AmberDu小白10.0

随着夏天的到来,bilibili网页端主站的主页背景也切换成了夏日主题。阳光灿烂的晴空里飘过几朵白云,33娘扇着扇子在阳台上与22娘有一搭没一搭地闲聊着,桌上还放着切好的冰西...

查看详情

#banner#Bilibili#情感化设计

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

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

猎人 - 龙爪槐守望者9.0

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

查看详情

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

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

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

猎人 - Monster5.4

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

查看详情

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

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

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

猎人 - 不是作家7.0

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

查看详情

#banner#信息呈现#视觉

bilibili是如何处罚违规up主的账号的?
Bilibili

设计逻辑bilibili是如何处罚违规up主的账号的?

猎人 - AmberDu小白8.1

bilibili团队会通过在首页主banner栏发布「公告」的形式,来向全站的用户通报违反社区规则被封禁账号的处罚详情。不仅如此,违规情节严重的处罚公告还会以「小喇叭广播」的...

查看详情

#banner#Bilibili#信息呈现

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

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

猎人 - 繁至简8.4

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

查看详情

#banner#信息呈现#态棒

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

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

猎人 - AmberDu小白6.0

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

查看详情

#banner#Bilibili#情感化设计

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

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

猎人 - AmberDu小白6.0

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

查看详情

#banner#数据转化#网易

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

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

猎人 - Monster8.5

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

查看详情

#banner#DAUM WEBTOON#互动

1/2

热门应用