Tab

已捕獲優(yōu)質(zhì)的產(chǎn)品細(xì)節(jié) 21 個(gè)

Tab

細(xì)節(jié) 21

我也有新發(fā)現(xiàn) 我要投稿
UI瘦身術(shù):Dia用1個(gè)hover動(dòng)作省出30%界面空間
Dia瀏覽器

組件創(chuàng)新UI瘦身術(shù):Dia用1個(gè)hover動(dòng)作省出30%界面空間

獵人 - 龍爪槐守望者9.1

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

查看詳情

#Tab#URL#地址欄

Dia瀏覽器如何打破界面設(shè)計(jì)常規(guī),實(shí)現(xiàn)自然流暢的視覺(jué)過(guò)渡?
Dia瀏覽器

視覺(jué)設(shè)計(jì)Dia瀏覽器如何打破界面設(shè)計(jì)常規(guī),實(shí)現(xiàn)自然流暢的視覺(jué)過(guò)渡?

獵人 - 龍爪槐守望者6.5

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

查看詳情

#Tab#多頁(yè)簽#沉浸式設(shè)計(jì)

探索類目的引導(dǎo)式靈感設(shè)計(jì):Airbnb如何激發(fā)用戶的瀏覽欲望?
Airbnb

信息呈現(xiàn)探索類目的引導(dǎo)式靈感設(shè)計(jì):Airbnb如何激發(fā)用戶的瀏覽欲望?

獵人 - 要爆炸的張老三9.5

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

查看詳情

#Tab#分類#推薦

高德地圖的新Tab設(shè)計(jì):如何讓你的公交地鐵選擇更加直觀?
高德地圖

信息呈現(xiàn)高德地圖的新Tab設(shè)計(jì):如何讓你的公交地鐵選擇更加直觀?

獵人 - 龍爪槐守望者6.8

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

查看詳情

#Tab#地圖#導(dǎo)航

美團(tuán)和京東外賣之爭(zhēng):誰(shuí)的入口設(shè)計(jì)更貼心?
京東

設(shè)計(jì)避坑美團(tuán)和京東外賣之爭(zhēng):誰(shuí)的入口設(shè)計(jì)更貼心?

獵人 - 龍爪槐守望者9.1

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

查看詳情

#Tab#入口#品牌

京東外賣金剛區(qū)的暴雷設(shè)計(jì):你是否也掉入了這些坑?
京東

設(shè)計(jì)避坑京東外賣金剛區(qū)的暴雷設(shè)計(jì):你是否也掉入了這些坑?

獵人 - 龍爪槐守望者9.8

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

查看詳情

#Tab#一致性原則#金剛區(qū)

美團(tuán)這招「虛擬聚合」如何讓深夜點(diǎn)餐效率提升40%?
美團(tuán)外賣

服務(wù)設(shè)計(jì)美團(tuán)這招「虛擬聚合」如何讓深夜點(diǎn)餐效率提升40%?

獵人 - 龍爪槐守望者9.1

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

查看詳情

#Story#Tab#切換

閑魚(yú)偷師Instagram:這個(gè)設(shè)計(jì)讓回復(fù)效率提升200%
閑魚(yú)

交互創(chuàng)新閑魚(yú)偷師Instagram:這個(gè)設(shè)計(jì)讓回復(fù)效率提升200%

獵人 - 龍爪槐守望者9.6

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

查看詳情

#Story#Tab#二手交易

小宇宙APP:動(dòng)效加載如何增強(qiáng)感知體驗(yàn)?
小宇宙

動(dòng)效小宇宙APP:動(dòng)效加載如何增強(qiáng)感知體驗(yàn)?

獵人 - Monster9.8

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

查看詳情

#Tab#加載#動(dòng)效

網(wǎng)易嚴(yán)選是如何借助一個(gè)小按鈕讓瀏覽更加順暢
網(wǎng)易嚴(yán)選

微交互網(wǎng)易嚴(yán)選是如何借助一個(gè)小按鈕讓瀏覽更加順暢

獵人 - 龍爪槐守望者4.6

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

查看詳情

#Tab#列表#可見(jiàn)性

一鍵直達(dá)新體驗(yàn):即刻App教你用Tab+長(zhǎng)按,玩轉(zhuǎn)內(nèi)容分類!
即刻

交互手勢(shì)一鍵直達(dá)新體驗(yàn):即刻App教你用Tab+長(zhǎng)按,玩轉(zhuǎn)內(nèi)容分類!

獵人 - AmberDu小白6.2

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

查看詳情

#Tab#交互手勢(shì)#分類

知乎 Tab bar 驚艷升級(jí)!用戶頭像與圓環(huán)挑戰(zhàn)完美融合
知乎

信息呈現(xiàn)知乎 Tab bar 驚艷升級(jí)!用戶頭像與圓環(huán)挑戰(zhàn)完美融合

獵人 - 龍爪槐守望者4.7

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

查看詳情

#Tab#信息呈現(xiàn)#知乎

小宇宙如何使用分類TAB幫助聽(tīng)眾降低理解成本?
小宇宙

設(shè)計(jì)邏輯小宇宙如何使用分類TAB幫助聽(tīng)眾降低理解成本?

獵人 - Ginny Q7.8

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

查看詳情

#Tab#信息呈現(xiàn)#分類

馬蜂窩是如何降低用戶內(nèi)容發(fā)布門檻的?
馬蜂窩

設(shè)計(jì)邏輯馬蜂窩是如何降低用戶內(nèi)容發(fā)布門檻的?

獵人 - Ginny Q6.2

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

查看詳情

#Tab#UGC#信息呈現(xiàn)

網(wǎng)易云音樂(lè)的首頁(yè)底部導(dǎo)航可以自己修改嗎?
網(wǎng)易云音樂(lè)

用戶體驗(yàn)網(wǎng)易云音樂(lè)的首頁(yè)底部導(dǎo)航可以自己修改嗎?

獵人 - AmberDu小白7.9

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

查看詳情

#Tab#人性化#好功能

小宇宙是如何通過(guò)有趣的Tab設(shè)計(jì)激發(fā)用戶互動(dòng)意愿的?
小宇宙

微交互小宇宙是如何通過(guò)有趣的Tab設(shè)計(jì)激發(fā)用戶互動(dòng)意愿的?

獵人 - 龍爪槐守望者6.9

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

查看詳情

#Tab#即刻#小宇宙

小小的tab圖標(biāo)位置變更會(huì)對(duì)產(chǎn)品體驗(yàn)影響這么大?
即刻

設(shè)計(jì)邏輯小小的tab圖標(biāo)位置變更會(huì)對(duì)產(chǎn)品體驗(yàn)影響這么大?

獵人 - AmberDu小白0.0

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

查看詳情

#Tab#信息呈現(xiàn)#即刻

「即刻」App是如何巧妙使用空間有限的Tab欄的?
即刻

手勢(shì)交互「即刻」App是如何巧妙使用空間有限的Tab欄的?

獵人 - AmberDu小白0.0

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

查看詳情

#Tab#交互手勢(shì)#即刻

Love is Love,來(lái)自「即刻」的彩虹彩蛋??
即刻

設(shè)計(jì)彩蛋Love is Love,來(lái)自「即刻」的彩虹彩蛋??

獵人 - AmberDu小白4.0

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

查看詳情

#LGBT#Tab#即刻

「攜程」如何活用Tab滑動(dòng)手勢(shì)提升選購(gòu)機(jī)票的效率?
攜程

設(shè)計(jì)邏輯「攜程」如何活用Tab滑動(dòng)手勢(shì)提升選購(gòu)機(jī)票的效率?

獵人 - 阿典10.0

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

查看詳情

#Tab#交互手勢(shì)#信息呈現(xiàn)

1/2

熱門應(yīng)用