banner

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

「這位同學」APP產品定位為大學生校園外賣和校園生活服務，產品視覺風格為可愛萌萌噠類型。在六一這個特殊的節日，在首頁banner區更替為兒童節主題，這么可愛的運營誰能抵擋住呀...

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

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

「網易云音樂」的banner模塊一直是我認為不錯的，在banner模塊的進度條上也有一定的小設計，利用左右兩邊圓圈的大小過渡，讓人感受到一定的空間感。在滑動banner的時候...

DeLorean（德勞瑞恩汽車）網站主頁的輪播圖，在切換其他banner將光標移到「下一頁」箭頭按鈕時，會彈出圓形的預覽框能看到下一張圖片的縮略圖。別致又新穎的交互處理方式。

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

把鼠標移動到任意一篇「優設」首頁內容的時候，都可以看到這篇文章的以彈幕形式出現的用戶評論，你可以根據這些用戶評論進行快速判斷——「這篇內容是我想要去閱讀的嗎？」，一定程度上能...

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

「花亦山心之月」火熱上線中，自然也少不了各大平臺的信息流廣告，畢竟「買量」是現在游戲運營中重要的一環。有趣的是，「花亦山心之月」通過游戲內分享到「微博」時，除了會有常規隨機文...

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

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

立秋過后，B站網頁端主站的主頁背景也從炎炎夏日主題切換成了秋日限定。雖然隨春夏秋冬四季變化變更背景圖彩蛋已成為bilibili的傳統，但每次突然上新的可愛背景皮膚還是會帶來驚...

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

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

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

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

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

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