在日常瀏覽網(wǎng)頁時，頂部導(dǎo)航欄是用戶獲取信息的關(guān)鍵區(qū)域。導(dǎo)航欄經(jīng)常可以通過懸浮方式，展示更多導(dǎo)航下內(nèi)容?？蓡栴}是，對于那些內(nèi)容豐富的頁面，根本沒辦法讓人好好把注意力放在懸浮面板...

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

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

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

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

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

把鼠標(biāo)移動到任意一篇「優(yōu)設(shè)」首頁內(nèi)容的時候，都可以看到這篇文章的以彈幕形式出現(xiàn)的用戶評論，你可以根據(jù)這些用戶評論進(jìn)行快速判斷——「這篇內(nèi)容是我想要去閱讀的嗎？」，一定程度上能...

最近，「小紅書」用戶體驗(yàn)設(shè)計(jì)部UED上線了一個名為「52 個交互設(shè)計(jì)原則」的網(wǎng)站。據(jù)介紹，這52個交互設(shè)計(jì)原則是由UED從眾多設(shè)計(jì)原則中篩選出的最高頻使用設(shè)計(jì)原則。網(wǎng)站以動態(tài)...

「優(yōu)設(shè)」官網(wǎng)的最新改版暗藏很多有意思的小細(xì)節(jié)，比如主頁頂部的banner圖，當(dāng)鼠標(biāo)移到banner區(qū)域呈現(xiàn)hover的狀態(tài)下，會顯示banner設(shè)計(jì)使用字體的信息，點(diǎn)擊即可跳...

b站播放界面下方設(shè)置聲音、畫面、播放模式等的小圖標(biāo)的hover狀態(tài)，都有可愛的微交互小動畫來反饋當(dāng)前的操作。雖然都是不復(fù)雜的小動效，比如調(diào)節(jié)音量小喇叭圖標(biāo)會有聲波震動，寬屏模...

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

在電腦端打開小電視家的網(wǎng)頁，可以看見首頁右側(cè)搜索欄的下方每次刷新都會顯示不同樣式的小動圖。將鼠標(biāo)移上去，還會顯示小動圖的含義。點(diǎn)擊動圖，就可以直接到達(dá)動圖相關(guān)的站內(nèi)搜索內(nèi)容了。

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

drygital設(shè)計(jì)工作室的網(wǎng)站有著個性又炫酷的視覺與交互效果。團(tuán)隊(duì)展示界面的hover效果，就讓人意想不到眼前一亮：當(dāng)鼠標(biāo)的光標(biāo)移到單個成員的半身像時，原本正襟危坐的照片會...