瀏覽器的地址欄是一個(gè)必備組件，它占用了大量橫向空間來顯示網(wǎng)址。然而，除了前端開發(fā)和分享復(fù)制的場景，普通用戶很少需要查看完整網(wǎng)址。相比之下，現(xiàn)代網(wǎng)頁的標(biāo)題越來越長，導(dǎo)致多標(biāo)簽頁...

每天我們都要用瀏覽器中瀏覽海量網(wǎng)頁，你有沒有想過多頁簽、地址欄、工具欄這三塊疊在瀏覽器上的組件還有設(shè)計(jì)優(yōu)化的空間？Dia 瀏覽器的巧妙設(shè)計(jì)打破了這一僵局。在選中某個(gè)Tab后，...

作為一個(gè)的出行必備的平臺(tái)，Airbnb 并不總是把「搜索目的地」放在用戶旅程的第一步。相反，它更希望激發(fā)一種“想去哪里看看”的靈感。首頁搜索欄下方的橫滑類目模塊，視覺吸引力高...

在日常出行中，我們常常需要根據(jù)不同的公交和地鐵路線來選擇最合適的出行方式。而路線的時(shí)間消耗是我們做出選擇時(shí)的重要參考指標(biāo)。老版本的高德地圖版本在公交地鐵導(dǎo)航中展示路線時(shí)存在一...

打開美團(tuán)App，在首頁金剛區(qū)的第一個(gè)圖標(biāo)就是美團(tuán)外賣。相比之下，京東App的外賣入口就不那么顯眼了。在比美團(tuán)首頁更為密集的界面中，外賣功能藏在了不易注意的頂部Tab——「首頁...

京東外賣模塊的金剛區(qū)存在交互不一致問題：8個(gè)圖標(biāo)中，6個(gè)用于切換當(dāng)前頁面Tab頁，另外4個(gè)則跳轉(zhuǎn)至新頁面。這種同類元素觸發(fā)不同交互行為的設(shè)計(jì)（頁面切換 vs 頁面跳轉(zhuǎn)），不僅...

你試過深夜加班點(diǎn)餐的崩潰嗎？想吃酸辣粉配奶茶，卻要分三家店下單？配送費(fèi)疊加到肉疼不說，三個(gè)騎手輪流敲門，隔壁同事都以為你在搞團(tuán)購！

你有沒有試過在閑魚賣東西時(shí)，被「蛙跳式聊天」折磨到頭禿？發(fā)布一個(gè)商品后，10個(gè)買家問「在嗎」，你得瘋狂切換列表頁找人，再跳回聊天頁回復(fù)，當(dāng)個(gè)二手賣家比電商客服還累！閑魚估計(jì)是...

小宇宙APP 在用戶點(diǎn)擊「關(guān)注（訂閱）」標(biāo)簽時(shí)，采用動(dòng)效逐一展示訂閱內(nèi)容，顯著增強(qiáng)了加載的感知體驗(yàn)。這種設(shè)計(jì)不僅讓信息呈現(xiàn)更為流暢，也有效避免了突兀的感覺，讓用戶在等待時(shí)不再...

在使用App時(shí)，你是不是也遇到過這樣的情況：Tab分區(qū)的內(nèi)容很長，當(dāng)你瀏覽到內(nèi)容底部時(shí)，想要切換到下一個(gè)分區(qū)，卻發(fā)現(xiàn)手頭的動(dòng)作有些“遠(yuǎn)”？網(wǎng)易嚴(yán)選就get到了你的這個(gè)小煩惱，...

Tab的核心功能在于內(nèi)容分類，有效節(jié)省屏幕空間，使用戶輕松定位所需內(nèi)容。在「即刻」App中，巧妙地將交互手勢「長按」與底部Tab圖標(biāo)融合。例如，長按「我」圖標(biāo)，便可一鍵抵達(dá)「...

「知乎」在 Tab bar 的設(shè)計(jì)上具有創(chuàng)新性，它巧妙地將用戶頭像與圓環(huán)挑戰(zhàn)任務(wù)相結(jié)合，既實(shí)現(xiàn)了空間的有效利用，又使得整個(gè)界面呈現(xiàn)出一種美觀大方的視覺效果。這種設(shè)計(jì)思路，雖然...

從「小宇宙」APP 首頁的「分類」入口進(jìn)入，就能看到不同類型的播客列表。在頁面頂部，每一個(gè)分類被設(shè)計(jì)成了一個(gè)個(gè)小卡片，卡片之間相互堆疊，卡片里采用分類名稱+圖形化設(shè)計(jì)，在橫滑...

「馬蜂窩」是國內(nèi)領(lǐng)先的旅游社交分享平臺(tái)，是旅游消費(fèi)決策的重要入口。大量的旅游者在平臺(tái)上發(fā)布內(nèi)容，人們通過內(nèi)容找到適合自己的旅游信息及產(chǎn)品。而「馬蜂窩」的「發(fā)布」功能也精心進(jìn)行...

大家知道「網(wǎng)易云音樂」的首頁底部導(dǎo)航可以自己修改嗎？點(diǎn)開首頁左上方的「菜單」列表，找到「設(shè)置」，再選擇「底部導(dǎo)航自定義」，就能根據(jù)自己的使用習(xí)慣修改底部導(dǎo)航欄版塊的順序和位置...

「小宇宙」App主頁未選中的Tab是毛玻璃的效果，選中則變清晰，吸引用戶滑動(dòng)選中讓其清晰。通過有趣的視覺和交互效果，激發(fā)用戶的互動(dòng)意愿。

「即刻」最近更改了主頁底部tab欄「動(dòng)態(tài)」與「推薦」功能的位置，將「動(dòng)態(tài)」置前，并且每次轉(zhuǎn)發(fā)「推薦」內(nèi)容發(fā)布成功后會(huì)自動(dòng)跳轉(zhuǎn)至「動(dòng)態(tài)」的最新信息流頁面。從tab切換位置的調(diào)換...

「即刻」App團(tuán)隊(duì)將長按底部Tab欄圖標(biāo)的手勢操作，設(shè)計(jì)成了一些使用頻率較高功能的快捷鍵。點(diǎn)擊「+」按鈕會(huì)呼出發(fā)布新動(dòng)態(tài)的界面，而長按「+」則是開啟拍照功能；正常點(diǎn)擊「通知」...

在「即刻」將自己的個(gè)人簽名里帶上彩虹圖案的emoji??，底部Tab欄代表「我」的圖標(biāo)會(huì)變成彩虹色。據(jù)說這個(gè)場景彩蛋的觸發(fā)設(shè)計(jì)是為了表達(dá)平臺(tái)對LGBT群體的支持。Love is...

用戶在購買飛機(jī)票時(shí)最關(guān)心的是不同時(shí)間段不同航班的機(jī)票價(jià)格對比。「攜程」的「選擇航班頁」是用時(shí)間順序縱向展示每個(gè)航班的具體信息，包括時(shí)間段、價(jià)格和航班公司。并且活用Tab的橫向...