hover

在日常瀏覽網頁時，頂部導航欄是用戶獲取信息的關鍵區域。導航欄經常可以通過懸浮方式，展示更多導航下內容。可問題是，對于那些內容豐富的頁面，根本沒辦法讓人好好把注意力放在懸浮面板...

「Discord」的表情圖標hover效果獨具匠心，每當鼠標輕輕觸碰到表情icon，它就仿佛活了起來，會展示出不同的表情。用戶能夠直觀地理解圖標的功能含義，情感化的設計也讓整...

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

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

有些下拉菜單 hover 展開第二級后，用戶鼠標直線移動到最后選項時，二級菜單會消失；而由于鼠標指針離開了一級菜單的選項，hover 效果消失。做得好的下拉菜單會在展開二級菜...

光標變化在網頁設計上是很常見的，「即刻」網頁端巧妙地運用了這個方法，把光標變化改為了我們在日常生活中常見的黃色禁止通行柵欄圖標??，能夠讓用戶立馬了解該按鈕是無法點擊，但是又沒...

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

最近，「小紅書」用戶體驗設計部UED上線了一個名為「52 個交互設計原則」的網站。據介紹，這52個交互設計原則是由UED從眾多設計原則中篩選出的最高頻使用設計原則。網站以動態...

「優設」官網的最新改版暗藏很多有意思的小細節，比如主頁頂部的banner圖，當鼠標移到banner區域呈現hover的狀態下，會顯示banner設計使用字體的信息，點擊即可跳...

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

Same是一款主打年輕化的興趣社交產品，它的web端官網簡直是畫風清奇，萌點滿滿。Same的首頁放眼看去除了logo一個字符都沒有，滿屏的圖標信息讓你仿佛置身于火星文的世界。...

在電腦端打開小電視家的網頁，可以看見首頁右側搜索欄的下方每次刷新都會顯示不同樣式的小動圖。將鼠標移上去，還會顯示小動圖的含義。點擊動圖，就可以直接到達動圖相關的站內搜索內容了。

打開「淘票票」的網站瀏覽影片介紹頁面，你會看到頁面右上角有一個模擬關燈拉繩的「切換影片」按鈕。當鼠標移動到拉繩上面，會出現拉繩下拉的微交互，點擊則會切換到所有影片瀏覽的界面。...

drygital設計工作室的網站有著個性又炫酷的視覺與交互效果。團隊展示界面的hover效果，就讓人意想不到眼前一亮：當鼠標的光標移到單個成員的半身像時，原本正襟危坐的照片會...