我們已經(jīng)習(xí)慣了騎行共享單車時(shí)的語(yǔ)音反饋，尤其是在解鎖和關(guān)鎖時(shí)，它提醒我們操作是否成功。這種看似貼心的即時(shí)反饋，在一些特定的時(shí)段或場(chǎng)景中，比如高考這一關(guān)乎數(shù)百萬(wàn)考生命運(yùn)的時(shí)刻，...
傳統(tǒng)的Banner設(shè)計(jì)往往采用規(guī)則的矩形，左右簡(jiǎn)單滾動(dòng)。自如的這個(gè)Banner設(shè)計(jì)真的很巧妙，它打破了傳統(tǒng)矩形Banner的束縛，采用了多個(gè)圓角元素錯(cuò)位擺放的異形設(shè)計(jì)。最精彩...
支付寶首頁(yè)的端午主題 Banner 采用清新藍(lán)色為底色，與上方快捷功能區(qū)完全統(tǒng)一，通過(guò)色彩延續(xù)自然消除了模塊邊界，形成了統(tǒng)一的視覺(jué)整體。其弧形底部邊緣（區(qū)別于傳統(tǒng)矩形直角）進(jìn)...
在使用麥當(dāng)勞APP「麥麥商城」Tab時(shí)，注意到其頂部Banner設(shè)計(jì)出現(xiàn)了明顯變化——不再是傳統(tǒng)Banner塊，而是圖釘固定的便簽紙樣式，結(jié)合背景插畫同步輪播，整體呈現(xiàn)出更生...
近期，京東因與一位頗具爭(zhēng)議的脫口秀演員攜手合作，不慎引發(fā)了部分用戶的不滿與流失。真實(shí)的商戰(zhàn)總是樸實(shí)無(wú)華，作為京東的競(jìng)爭(zhēng)對(duì)手，拼多多迅速反應(yīng)。只要你在拼多多搜索「京東」，頁(yè)面頂...
「芒果TV」啟動(dòng)后，會(huì)從頂部區(qū)域自上而下滑出banner，并在4~5秒后自動(dòng)收回變?yōu)閳D標(biāo)的設(shè)計(jì)。這里的微交互不僅獨(dú)特新穎，也讓使用體驗(yàn)更加流暢。能有效地引導(dǎo)用戶的視線，又避免...
「應(yīng)用寶」的頭部banner采用了強(qiáng)視覺(jué)的視頻素材，再通過(guò)漸變模糊的過(guò)渡效果，實(shí)現(xiàn)視頻內(nèi)容到應(yīng)用背景的平滑過(guò)渡，有很強(qiáng)的視覺(jué)沖擊力。底部金剛區(qū)通過(guò)從banner區(qū)域的展示游戲...
「嗶哩嗶哩漫畫」的豎版banner設(shè)計(jì)成功地將產(chǎn)品特點(diǎn)與用戶體驗(yàn)結(jié)合了起來(lái)，豎版banner的呈現(xiàn)方式符合多數(shù)人的閱讀和滑動(dòng)屏幕習(xí)慣，也很適合二次元人物場(chǎng)景的畫面展現(xiàn)，滑動(dòng)交...
在「酷狗音樂(lè)」的頂部區(qū)域，我們針對(duì)性地設(shè)計(jì)了既貼合商業(yè)目標(biāo)又不忽視用戶體驗(yàn)的Banner。通過(guò)用戶的歷史行為記憶和大數(shù)據(jù)洞察，Banner能夠以「每日推薦」 或 「猜你喜歡」...
「應(yīng)用寶」將重點(diǎn)推薦的游戲Banner以視頻的方式呈現(xiàn)，可以直觀、生動(dòng)的吸引用戶。與此同時(shí)，動(dòng)態(tài)的方式能更加生動(dòng)地展示游戲的玩法、畫風(fēng)等特點(diǎn)，從而幫助用戶輕松理解和熟悉這款游戲。
「掌上生活」首頁(yè)的影票板塊中，一改普通的左右滑動(dòng)切換banner樣式，樣式設(shè)計(jì)像一個(gè)可轉(zhuǎn)動(dòng)的大圓盤，把最近熱播電影展示在此處，一共10聯(lián)內(nèi)容可進(jìn)行輪換，樣式新穎抓人眼球，「把...
「愛(ài)奇藝叭嗒」的 Banner 設(shè)計(jì)采用了分層視差效果，通過(guò)視覺(jué)元素之間的運(yùn)動(dòng)差異吸引用戶眼球。設(shè)計(jì)元素處處凸顯產(chǎn)品特性，包括但不限于Banner 切換指引器的異性設(shè)計(jì)、Ta...
「極有家」將產(chǎn)品細(xì)節(jié)放進(jìn)廣告里，讓指引器成為信息承載的容器，這樣的設(shè)計(jì)有助于提高用戶對(duì)內(nèi)容的關(guān)注度，值得借鑒。這里的廣告區(qū)域不僅僅是一個(gè)有點(diǎn)擊事件的banner，還會(huì)呈現(xiàn)產(chǎn)品...
「DAUM WEBTOON」是一個(gè)在韓國(guó)非常有名的漫畫閱讀平臺(tái)，它的主界面 banner 設(shè)計(jì)很有特點(diǎn)，banner 會(huì)與導(dǎo)航切換相結(jié)合，并且當(dāng)用戶在切換不同分類時(shí)主題形狀也...
「騰訊視頻」的Banner 切換動(dòng)畫很有特點(diǎn)，整體是logo的剪影效果，并且在右下角的數(shù)量指示點(diǎn)也是logo的形狀，很好的突出品牌形象，設(shè)計(jì)創(chuàng)新的同時(shí)強(qiáng)化品牌在用戶心中的位置。
「貝殼找房」App首頁(yè)滑動(dòng)界面時(shí)banner會(huì)進(jìn)行展開(kāi)，展示更多相關(guān)信息，banner采用固定的視覺(jué)樣式。這樣不僅可以降低banner的制作成本同時(shí)還可以規(guī)范風(fēng)格與內(nèi)容組件化...
