「酷狗音樂(lè)」推薦卡片的切換，采用折疊、展開(kāi)的效果，收起的卡片會(huì)堆疊在屏幕右側(cè)，通過(guò)色塊指示卡片數(shù)量，比起常見(jiàn)的指示點(diǎn)樣式，可感知性更強(qiáng)。不過(guò)，其中一個(gè)容器還支持點(diǎn)擊左右箭頭，...

「騰訊視頻」的Banner 切換動(dòng)畫(huà)很有特點(diǎn)，整體是logo的剪影效果，并且在右下角的數(shù)量指示點(diǎn)也是logo的形狀，很好的突出品牌形象，設(shè)計(jì)創(chuàng)新的同時(shí)強(qiáng)化品牌在用戶心中的位置。

b站的網(wǎng)頁(yè)版在hover狀態(tài)下查看用戶頭像被引入了動(dòng)效展開(kāi)的交互設(shè)計(jì)，不僅使得個(gè)人信息的查看更為便捷，也賦予了網(wǎng)頁(yè)更生動(dòng)有趣的互動(dòng)體驗(yàn)。大家還有見(jiàn)過(guò)哪些類似的設(shè)計(jì)嗎？

「Eagle」的官網(wǎng)使用教程文字底部的評(píng)價(jià)動(dòng)效借鑒了現(xiàn)實(shí)的隱喻，即「有幫助-點(diǎn)頭」「沒(méi)幫助-搖頭」，與很多「花里胡哨」的評(píng)價(jià)功能設(shè)計(jì)相比，更加簡(jiǎn)潔明了、清晰易懂，又不失趣味性。

在「知乎」首頁(yè)查看推薦內(nèi)容，當(dāng)下拉刷新列表時(shí)，頂部出現(xiàn)知乎小豬IP奮筆疾書(shū)的小動(dòng)畫(huà)，仿佛小豬正在加急寫(xiě)新內(nèi)容，即貼合場(chǎng)景也符合平臺(tái)定位。刷新結(jié)束后頂部會(huì)顯示刷新條數(shù)+配置文案...

「微博」這類型的社區(qū)型產(chǎn)品，需要營(yíng)造熱鬧的氛圍來(lái)引導(dǎo)用戶積極參與互動(dòng)。比如添加一些吸引眼球的點(diǎn)贊交互動(dòng)效，讓互動(dòng)更有趣，可以激發(fā)用戶更強(qiáng)烈的點(diǎn)擊欲望。

在「閑魚(yú)」海鮮市場(chǎng)專欄，查看今日新鮮事等更多同類型內(nèi)容時(shí)，與其他社交、內(nèi)容類產(chǎn)品的點(diǎn)贊不同，除了常規(guī)的分享評(píng)論外，可以對(duì)發(fā)布內(nèi)容進(jìn)行「表態(tài)」，位于卡片右下角的表態(tài)按鈕除了表情...

「小宇宙」APP采用了卡片設(shè)計(jì)作為導(dǎo)航承載，展示更多選項(xiàng)的同時(shí)用有趣的動(dòng)畫(huà)交互達(dá)到更生動(dòng)的展示效果。導(dǎo)航選項(xiàng)收起時(shí)，還帶有自然的縮回效果，讓整體的交互體驗(yàn)更靈動(dòng)?？ㄆ綄?dǎo)航不...

「喜茶GO小程序」的產(chǎn)品詳情頁(yè)會(huì)通過(guò)搖晃奶茶的小動(dòng)效，引導(dǎo)買家向下滑動(dòng)頁(yè)面，進(jìn)行飲品的口味選擇。情感化的小細(xì)節(jié)設(shè)計(jì)，為交互過(guò)程增添趣味性和互動(dòng)感，起到較好的引導(dǎo)作用。

逛「淘寶」時(shí)，在店鋪首頁(yè)發(fā)現(xiàn)了有趣的交互動(dòng)畫(huà)，當(dāng)內(nèi)容加載完后顯示2行商品傳輸帶，上方傳輸帶會(huì)將店內(nèi)商品通過(guò)滾動(dòng)運(yùn)輸?shù)较路絺鬏攷?，點(diǎn)擊感興趣商品時(shí)，出現(xiàn)大圖彈窗，用戶可以點(diǎn)擊「...

hover狀態(tài)鼠標(biāo)指針的變化給了用戶操作提示。在aanstekelijk的網(wǎng)站中將hover跟隨鼠標(biāo)指針持續(xù)顯示，看著很潮不突兀，又起到了提示用戶操作的目的。https://...

復(fù)古風(fēng)攝影的熱潮從未停止過(guò)，膠片機(jī)熱度居高不下?！竔nsta Mini」擁有多種膠片相機(jī)的攝影風(fēng)格，不僅可以自由切換使用，而且在操作上還沿用了拍立得的交互方式。在拍完照后，從...

小紅點(diǎn)的專業(yè)名稱為徽標(biāo)，是消息提示的小組件。別看一個(gè)小紅點(diǎn)很呆板，它也可以做得十分有趣和可愛(ài)?！窺Q」在底部TAB導(dǎo)航中頁(yè)采用了小紅點(diǎn)來(lái)提示消息，當(dāng)你不需要該提示時(shí)，用戶可以...

在「美團(tuán)外賣」吃啥「推薦」專欄，瀏覽美食的時(shí)候，用戶可以進(jìn)入二級(jí)頁(yè)面查看更多圖片，并給喜歡的美食點(diǎn)贊，不同于常規(guī)點(diǎn)贊圖標(biāo)，「美團(tuán)外賣」采用手指比心的形式。點(diǎn)贊后，除了圖標(biāo)狀態(tài)...

最新版本的「淘寶」App在支付成功后增加了動(dòng)效提示的彩蛋設(shè)計(jì)，并且會(huì)有按鈕引導(dǎo)用戶進(jìn)行下一步操作。提升用戶體驗(yàn)的同時(shí)，還能增加驚喜感，仿佛有禮物等待被查收，真是有趣的細(xì)節(jié)設(shè)計(jì)。

用戶在「支付寶」的熱議話題專欄參與互動(dòng)時(shí)，除了常規(guī)轉(zhuǎn)發(fā)、留言、點(diǎn)贊操作，觀點(diǎn)下方提供了4個(gè)熱詞（神操作、酸了、加油、笑出聲）讓用戶選擇。點(diǎn)擊后會(huì)出現(xiàn)對(duì)應(yīng)的動(dòng)效提醒，底部的點(diǎn)贊...

「喵喵記賬」是一款以收集貓咪為主題的趣味性萌寵記賬軟件。它的賬號(hào)登錄界面在進(jìn)行密碼輸入時(shí)，吉祥物小貓咪會(huì)一邊提示操作一邊雙爪蒙眼，十分可愛(ài)。這里的情感化設(shè)計(jì)不僅給產(chǎn)品賦予了活...

使用「飛書(shū)文檔」網(wǎng)頁(yè)版時(shí)，將鼠標(biāo)懸停至點(diǎn)贊圖標(biāo)，icon會(huì)呈現(xiàn)出蓄力的狀態(tài)，有一種讓人忍不住按下按鈕的心理暗示，很好的起到了引導(dǎo)用戶點(diǎn)贊的效果。點(diǎn)擊按下點(diǎn)贊圖標(biāo)，「真誠(chéng)點(diǎn)贊，...

「邁凱倫跑車」為了體現(xiàn)動(dòng)力強(qiáng)勁在官網(wǎng)做的一個(gè)小互動(dòng)，長(zhǎng)按空格鍵模擬踩油門給車加速，儀表盤(pán)數(shù)字滾動(dòng)配合畫(huà)面變化和引擎音效，讓人對(duì)動(dòng)力有更直觀深刻的印象。

「QQ閱讀」賬號(hào)登錄頁(yè)面的隱私協(xié)議勾選與一只小企鵝釣魚(yú)的交互動(dòng)畫(huà)做了巧妙的結(jié)合，不僅增加了操作的趣味性，也讓原本不明顯、容易被忽視的隱私勾選變得更抓人眼球。在隱私協(xié)議勾選這個(gè)...