微交互

在「餓了么」送餐騎手的個人主頁，點擊藍騎士的卡通頭像，頭頂的竹蜻蜓會出現轉動的小動效。這里的微交互設計和之前寫過的「小宇宙」App主頁的logo動效相似，都是非功能性的交互彩...

平安夜圣誕節期間，打開「天貓」App主頁瀏覽商品信息，會出現雪花從天而降緩緩飄落的動畫彩蛋。情感化的彩蛋設計給習以為常的閱讀體驗帶來驚喜和可愛的小情趣，濃濃的節日氣息撲面而來...

「即刻」App圣誕彩蛋上線，不僅桌面圖標被悄悄戴上了圣誕帽，在App里發布圣誕主題相關的動態內容，其「點贊」圖標也會由之前的「大拇哥」變成圣誕樹??。情感化的彩蛋設計給用戶之間...

「小宇宙」首頁的右上方可以看見醒目的星球形態logo圖標，點擊還會出現有趣的星球轉動小動效。雖然這里的小交互只是互動彩蛋，并非功能性交互行為的反饋，但有趣的設計還是給不少用戶...

在「小宇宙」點擊「加入播放列表」按鈕添加想要聽的播客內容時，會出現該播客封面圖標跳進播放列表的微動效。雖然反饋操作的動效形式簡單，但卻很清晰地可視化了動作執行的過程，信息傳達...

打開「高德地圖」App，當頂部Tab欄被切換到某個出行方式選項時，會出現相應出行方式的微交互小動效。為執行搜索的過程增添了不少小樂趣，也讓每個選項信息通過可視化的圖像變得更加...

今天（11月27日）是世界武道變革先驅者、中國功夫的首位全球推廣者李小龍的80周年誕辰，「百度搜索」主頁上線了相關的紀念動態Doodle。李小龍身穿在自編自導的電影「死亡的游...

b站播放界面下方設置聲音、畫面、播放模式等的小圖標的hover狀態，都有可愛的微交互小動畫來反饋當前的操作。雖然都是不復雜的小動效，比如調節音量小喇叭圖標會有聲波震動，寬屏模...

「菜鳥裹裹」App的首頁下拉刷新時，頂部會向上飛出一只頭頂竹蜻蜓的小鳥形象吉祥物，小鳥飛走后還會從屏幕上方落下一個打開的快遞箱。有趣的交互動畫清晰地反饋了刷新這一手勢操作的狀...

「躺平」App下拉刷新的微交互做得還挺有意思，當使用下拉的手勢操作刷新信息時，會出現一個向下俯沖的小人。情感化的設計不僅為清晰呈現操作反饋增添了趣味性，也從細節的設計中強化了...

考慮到用戶注冊信息時年齡會是個比較敏感的話題，「最右」App在用戶填寫注冊信息的頁面設計了情感化的可愛小動畫。當用戶填寫年齡時，頁面頂部的吉祥物會出現捂著眼睛的小動畫，并用文...

使用「搜狗輸入法」發表情時，只需長按emoji，就可以讓表情連續上屏。在長按輸入多個emoji時，還會出現自動計數的動效。一方面利于用戶一眼看清自己輸入了幾個表情，一方面也能...

「QQ空間」相冊的照片流頁面會按由近至遠的時間順序排列所有照片，當滑動頁面時，右上角的日歷圖標也會跟著翻頁變化。并且圖標中代表日期的數字剛好與照片對應的真實月份一致。細節雖小...

在「即刻」App發布新動態時，點開「相冊」添加照片，你會發現頁面左上角打開相機的圖標被處理成了模糊實時顯示攝像頭取景的狀態。既很好的保護了用戶的隱私，又設置了一個有意思的交互...

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

「QQ」Tab欄的「消息」小圖標會根據不同場景觸發各種各樣的表情變化。比如常規模式下的「消息」圖標是開心眨眼的小表情，開啟夜間模式后，不僅整體界面變成了暗黑模式，Tab欄的「...

「蝦米音樂」主頁的「樂庫」版塊，頂部banner圖展示區域的交互設計，模擬了現實生活中翻看CD的效果，很有儀式感。每張專輯都是編輯精選的歌曲專題合集，點擊封面圖可進入專輯詳情...

「即刻」App信息流的點贊圖標會根據其所屬圈子的屬性變成不同的圖形。之前的細節文章有提到過，關于平臺團寵貓果果的相關話題圈子，點贊的圖標會變成小魚干點贊后icon還會變成魚骨...

在今年7月份，「掌上英雄聯盟」進行了全新改版，界面相對于之前更加簡潔。不過「掌盟」的的個人中心版塊更吸引我的注意。在任一頁面左滑進入「個人中心」，從頁面頭部會落下一堆666、...

「舔狗日記」最近在網絡上很火，到處可見的段子充斥在朋友圈微博。在「舔狗日記」網站中點擊中間的舌頭即可更改所需文案，一鍵復制功能分享到社交網站。同時文案的右下角還會顯示日期、地...