「愛彼迎」的首頁banner輪播點是以進度條的形式呈現。和常規的banner輪播方式相比，動態的進度條效果可以讓用戶對banner的切換與閱讀時間有更好地把控。避免發生還沒看...

「 京東」App的商品詳情頁輪播圖的最后一張是商品的評價截圖，這與其他同類型的電商App很不同。展示更多商品的細節與多角度圖很重要，真實的評價同樣也能幫助用戶更全面的了解商品...

越來越多的網站會在主頁banner輪播圖的下方加入進度條來提示訪問者banner切換的時間，「騰訊動漫」則巧妙地將輪播圖的進度條設計與平臺吉祥物飛過屏幕的動畫效果結合起來。為...

「騰訊視頻」的Banner 切換動畫很有特點，整體是logo的剪影效果，并且在右下角的數量指示點也是logo的形狀，很好的突出品牌形象，設計創新的同時強化品牌在用戶心中的位置。

「極星汽車」官網的車型展示左右切換輪播圖是3D的效果，非常吸睛。3D的效果也能多角度更全面的呈現車的外觀，視覺和交互上的差異化設計能給用戶留下更深的印象，也能體現車類產品的科...

「盒馬」App最近上線了「盒馬嘗新」功能，主推上新品類。頂部Banner支持自動輪播和用戶滑動切換，每個商品圖都融入了動效小人，萌萌的表情讓原本平庸無奇的食物看起來增添了一些...

「星巴克」App的廣告位會利用卡片布局和視覺動效來推薦新品咖啡飲料。雖然整體設計新穎度是不是特別出彩，但廣告位采用破局（突出卡片布局）使產品看上去高端和吸引人的，比如使用葉子...

「愛奇藝叭嗒」的 Banner 設計采用了分層視差效果，通過視覺元素之間的運動差異吸引用戶眼球。設計元素處處凸顯產品特性，包括但不限于Banner 切換指引器的異性設計、Ta...

「豆瓣」的電影榜單設計挺巧妙的，豎幅圖片剛好顯示海報，橫幅圖片作為劇照輪播。豎橫放在一起很和諧。比起只放一個圖來說，空間利用率更高。

「貝殼」 App 首頁的 banner，在向下滾動后可展開更多信息。既節約了首屏空間，又在恰當的時候讓內容展示更加豐富，與一般的首頁 banner 設計相比，多了一些巧思和特色。

bilibili的網頁端主頁背景，會根據春夏秋冬四季的變化更換與當前季節相契合的背景圖。最近B站更是優化了banner圖，將其做成了可與用戶互動的動態背景。當鼠標移動到ban...

「吃豆人」Pac-Man是電子游戲歷史上經典的街機游戲，由Namco公司的巖谷徹設計并由Midway Games在1980年發行，被認為是80年代最經典的街機游戲之一，是很多...

「知乎」將小廣告放置在了內容的信息流里，當用戶滑動屏幕廣告移動到接近屏幕中間的位置時，banner圖會出現從右向左切換的交互效果，起到區別廣告與內容的作用。這樣用戶的注意力馬...

「貝殼找房」App首頁滑動界面時banner會進行展開，展示更多相關信息，banner采用固定的視覺樣式。這樣不僅可以降低banner的制作成本同時還可以規范風格與內容組件化...

「芒果TV」啟動后，會從頂部區域自上而下滑出banner，并在4~5秒后自動收回變為圖標的設計。這里的微交互不僅獨特新穎，也讓使用體驗更加流暢。能有效地引導用戶的視線，又避免...

支付寶首頁的端午主題 Banner 采用清新藍色為底色，與上方快捷功能區完全統一，通過色彩延續自然消除了模塊邊界，形成了統一的視覺整體。其弧形底部邊緣（區別于傳統矩形直角）進...

隨著夏天的到來，bilibili網頁端主站的主頁背景也切換成了夏日主題。陽光燦爛的晴空里飄過幾朵白云，33娘扇著扇子在陽臺上與22娘有一搭沒一搭地閑聊著，桌上還放著切好的冰西...

當你厭倦了常規的輪播banner，不妨看看「態棒」的設計吧。將習以為常的大轉盤元素融入banner的視覺和交互，不僅打破以往的刻板印象，而且使動態的輪播變得更有趣了。真是一個...

bilibili團隊會通過在首頁主banner欄發布「公告」的形式，來向全站的用戶通報違反社區規則被封禁賬號的處罰詳情。不僅如此，違規情節嚴重的處罰公告還會以「小喇叭廣播」的...

「DAUM WEBTOON」是一個在韓國非常有名的漫畫閱讀平臺，它的主界面 banner 設計很有特點，banner 會與導航切換相結合，并且當用戶在切換不同分類時主題形狀也...