「爱彼迎」的首页banner轮播点是以进度条的形式呈现。和常规的banner轮播方式相比,动态的进度条效果可以让用户对banner的切换与阅读时间有更好地把控。避免发生还没看...
「 京东」App的商品详情页轮播图的最后一张是商品的评价截图,这与其他同类型的电商App很不同。展示更多商品的细节与多角度图很重要,真实的评价同样也能帮助用户更全面的了解商品...
越来越多的网站会在主页banner轮播图的下方加入进度条来提示访问者banner切换的时间,「腾讯动漫」则巧妙地将轮播图的进度条设计与平台吉祥物飞过屏幕的动画效果结合起来。为...
「腾讯视频」的Banner 切换动画很有特点,整体是logo的剪影效果,并且在右下角的数量指示点也是logo的形状,很好的突出品牌形象,设计创新的同时强化品牌在用户心中的位置。
「极星汽车」官网的车型展示左右切换轮播图是3D的效果,非常吸睛。3D的效果也能多角度更全面的呈现车的外观,视觉和交互上的差异化设计能给用户留下更深的印象,也能体现车类产品的科...
「盒马」App最近上线了「盒马尝新」功能,主推上新品类。顶部Banner支持自动轮播和用户滑动切换,每个商品图都融入了动效小人,萌萌的表情让原本平庸无奇的食物看起来增添了一些...
「星巴克」App的广告位会利用卡片布局和视觉动效来推荐新品咖啡饮料。虽然整体设计新颖度是不是特别出彩,但广告位采用破局(突出卡片布局)使产品看上去高端和吸引人的,比如使用叶子...
「吃豆人」Pac-Man是电子游戏历史上经典的街机游戏,由Namco公司的岩谷彻设计并由Midway Games在1980年发行,被认为是80年代最经典的街机游戏之一,是很多...
「知乎」将小广告放置在了内容的信息流里,当用户滑动屏幕广告移动到接近屏幕中间的位置时,banner图会出现从右向左切换的交互效果,起到区别广告与内容的作用。这样用户的注意力马...
bilibili的网页端主页背景,会根据春夏秋冬四季的变化更换与当前季节相契合的背景图。最近B站更是优化了banner图,将其做成了可与用户互动的动态背景。当鼠标移动到ban...
「爱奇艺叭嗒」的 Banner 设计采用了分层视差效果,通过视觉元素之间的运动差异吸引用户眼球。设计元素处处凸显产品特性,包括但不限于Banner 切换指引器的异性设计、Ta...
「贝壳」 App 首页的 banner,在向下滚动后可展开更多信息。既节约了首屏空间,又在恰当的时候让内容展示更加丰富,与一般的首页 banner 设计相比,多了一些巧思和特色。
「豆瓣」的电影榜单设计挺巧妙的,竖幅图片刚好显示海报,横幅图片作为剧照轮播。竖横放在一起很和谐。比起只放一个图来说,空间利用率更高。
「贝壳找房」App首页滑动界面时banner会进行展开,展示更多相关信息,banner采用固定的视觉样式。这样不仅可以降低banner的制作成本同时还可以规范风格与内容组件化...
「芒果TV」启动后,会从顶部区域自上而下滑出banner,并在4~5秒后自动收回变为图标的设计。这里的微交互不仅独特新颖,也让使用体验更加流畅。能有效地引导用户的视线,又避免...
随着夏天的到来,bilibili网页端主站的主页背景也切换成了夏日主题。阳光灿烂的晴空里飘过几朵白云,33娘扇着扇子在阳台上与22娘有一搭没一搭地闲聊着,桌上还放着切好的冰西...
当你厌倦了常规的轮播banner,不妨看看「态棒」的设计吧。将习以为常的大转盘元素融入banner的视觉和交互,不仅打破以往的刻板印象,而且使动态的轮播变得更有趣了。真是一个...
bilibili团队会通过在首页主banner栏发布「公告」的形式,来向全站的用户通报违反社区规则被封禁账号的处罚详情。不仅如此,违规情节严重的处罚公告还会以「小喇叭广播」的...
「DAUM WEBTOON」是一个在韩国非常有名的漫画阅读平台,它的主界面 banner 设计很有特点,banner 会与导航切换相结合,并且当用户在切换不同分类时主题形状也...
「网易云音乐」的banner模块一直是我认为不错的,在banner模块的进度条上也有一定的小设计,利用左右两边圆圈的大小过渡,让人感受到一定的空间感。在滑动banner的时候...