微交互

大家看過「滴滴出行」周報么？每周的提示彈窗用大標題「本周省了XXX元」吸引用戶，而落地頁設計也細節滿滿，頭部顯示汽車行駛的小動畫，加上與現實映射的發票機設計，而在用戶向上滑動...

「酷狗音樂」推薦卡片的切換，采用折疊、展開的效果，收起的卡片會堆疊在屏幕右側，通過色塊指示卡片數量，比起常見的指示點樣式，可感知性更強。不過，其中一個容器還支持點擊左右箭頭，...

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

b站的網頁版在hover狀態下查看用戶頭像被引入了動效展開的交互設計，不僅使得個人信息的查看更為便捷，也賦予了網頁更生動有趣的互動體驗。大家還有見過哪些類似的設計嗎？

「Eagle」的官網使用教程文字底部的評價動效借鑒了現實的隱喻，即「有幫助-點頭」「沒幫助-搖頭」，與很多「花里胡哨」的評價功能設計相比，更加簡潔明了、清晰易懂，又不失趣味性。

在「知乎」首頁查看推薦內容，當下拉刷新列表時，頂部出現知乎小豬IP奮筆疾書的小動畫，仿佛小豬正在加急寫新內容，即貼合場景也符合平臺定位。刷新結束后頂部會顯示刷新條數+配置文案...

「微博」這類型的社區型產品，需要營造熱鬧的氛圍來引導用戶積極參與互動。比如添加一些吸引眼球的點贊交互動效，讓互動更有趣，可以激發用戶更強烈的點擊欲望。

在「閑魚」海鮮市場專欄，查看今日新鮮事等更多同類型內容時，與其他社交、內容類產品的點贊不同，除了常規的分享評論外，可以對發布內容進行「表態」，位于卡片右下角的表態按鈕除了表情...

「小宇宙」APP采用了卡片設計作為導航承載，展示更多選項的同時用有趣的動畫交互達到更生動的展示效果。導航選項收起時，還帶有自然的縮回效果，讓整體的交互體驗更靈動。卡片式導航不...

「喜茶GO小程序」的產品詳情頁會通過搖晃奶茶的小動效，引導買家向下滑動頁面，進行飲品的口味選擇。情感化的小細節設計，為交互過程增添趣味性和互動感，起到較好的引導作用。

逛「淘寶」時，在店鋪首頁發現了有趣的交互動畫，當內容加載完后顯示2行商品傳輸帶，上方傳輸帶會將店內商品通過滾動運輸到下方傳輸帶，點擊感興趣商品時，出現大圖彈窗，用戶可以點擊「...

hover狀態鼠標指針的變化給了用戶操作提示。在aanstekelijk的網站中將hover跟隨鼠標指針持續顯示，看著很潮不突兀，又起到了提示用戶操作的目的。https://...

復古風攝影的熱潮從未停止過，膠片機熱度居高不下。「insta Mini」擁有多種膠片相機的攝影風格，不僅可以自由切換使用，而且在操作上還沿用了拍立得的交互方式。在拍完照后，從...

小紅點的專業名稱為徽標，是消息提示的小組件。別看一個小紅點很呆板，它也可以做得十分有趣和可愛。「QQ」在底部TAB導航中頁采用了小紅點來提示消息，當你不需要該提示時，用戶可以...

在「美團外賣」吃啥「推薦」專欄，瀏覽美食的時候，用戶可以進入二級頁面查看更多圖片，并給喜歡的美食點贊，不同于常規點贊圖標，「美團外賣」采用手指比心的形式。點贊后，除了圖標狀態...

最新版本的「淘寶」App在支付成功后增加了動效提示的彩蛋設計，并且會有按鈕引導用戶進行下一步操作。提升用戶體驗的同時，還能增加驚喜感，仿佛有禮物等待被查收，真是有趣的細節設計。

用戶在「支付寶」的熱議話題專欄參與互動時，除了常規轉發、留言、點贊操作，觀點下方提供了4個熱詞（神操作、酸了、加油、笑出聲）讓用戶選擇。點擊后會出現對應的動效提醒，底部的點贊...

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

使用「飛書文檔」網頁版時，將鼠標懸停至點贊圖標，icon會呈現出蓄力的狀態，有一種讓人忍不住按下按鈕的心理暗示，很好的起到了引導用戶點贊的效果。點擊按下點贊圖標，「真誠點贊，...

「邁凱倫跑車」為了體現動力強勁在官網做的一個小互動，長按空格鍵模擬踩油門給車加速，儀表盤數字滾動配合畫面變化和引擎音效，讓人對動力有更直觀深刻的印象。