Tab

已捕獲優質的產品細節 21 個

Tab

細節 21

我也有新發現 我要投稿
「即刻」App是如何巧妙使用空間有限的Tab欄的?
即刻

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

獵人 - AmberDu小白0.0

「即刻」App團隊將長按底部Tab欄圖標的手勢操作,設計成了一些使用頻率較高功能的快捷鍵。點擊「+」按鈕會呼出發布新動態的界面,而長按「+」則是開啟拍照功能;正常點擊「通知」...

查看詳情

#Tab#交互手勢#即刻

「攜程」如何活用Tab滑動手勢提升選購機票的效率?
攜程

設計邏輯「攜程」如何活用Tab滑動手勢提升選購機票的效率?

獵人 - 阿典10.0

用戶在購買飛機票時最關心的是不同時間段不同航班的機票價格對比。「攜程」的「選擇航班頁」是用時間順序縱向展示每個航班的具體信息,包括時間段、價格和航班公司。并且活用Tab的橫向...

查看詳情

#Tab#交互手勢#信息呈現

小小的tab圖標位置變更會對產品體驗影響這么大?
即刻

設計邏輯小小的tab圖標位置變更會對產品體驗影響這么大?

獵人 - AmberDu小白0.0

「即刻」最近更改了主頁底部tab欄「動態」與「推薦」功能的位置,將「動態」置前,并且每次轉發「推薦」內容發布成功后會自動跳轉至「動態」的最新信息流頁面。從tab切換位置的調換...

查看詳情

#Tab#信息呈現#即刻

小宇宙是如何通過有趣的Tab設計激發用戶互動意愿的?
小宇宙

微交互小宇宙是如何通過有趣的Tab設計激發用戶互動意愿的?

獵人 - 龍爪槐守望者6.9

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

查看詳情

#Tab#即刻#小宇宙

Love is Love,來自「即刻」的彩虹彩蛋??
即刻

設計彩蛋Love is Love,來自「即刻」的彩虹彩蛋??

獵人 - AmberDu小白4.0

在「即刻」將自己的個人簽名里帶上彩虹圖案的emoji??,底部Tab欄代表「我」的圖標會變成彩虹色。據說這個場景彩蛋的觸發設計是為了表達平臺對LGBT群體的支持。Love is...

查看詳情

#LGBT#Tab#即刻

知乎 Tab bar 驚艷升級!用戶頭像與圓環挑戰完美融合
知乎

信息呈現知乎 Tab bar 驚艷升級!用戶頭像與圓環挑戰完美融合

獵人 - 龍爪槐守望者4.7

「知乎」在 Tab bar 的設計上具有創新性,它巧妙地將用戶頭像與圓環挑戰任務相結合,既實現了空間的有效利用,又使得整個界面呈現出一種美觀大方的視覺效果。這種設計思路,雖然...

查看詳情

#Tab#信息呈現#知乎

小宇宙APP:動效加載如何增強感知體驗?
小宇宙

動效小宇宙APP:動效加載如何增強感知體驗?

獵人 - Monster9.8

小宇宙APP 在用戶點擊「關注(訂閱)」標簽時,采用動效逐一展示訂閱內容,顯著增強了加載的感知體驗。這種設計不僅讓信息呈現更為流暢,也有效避免了突兀的感覺,讓用戶在等待時不再...

查看詳情

#Tab#加載#動效

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

設計邏輯小宇宙如何使用分類TAB幫助聽眾降低理解成本?

獵人 - Ginny Q7.8

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

查看詳情

#Tab#信息呈現#分類

美團和京東外賣之爭:誰的入口設計更貼心?
京東

設計避坑美團和京東外賣之爭:誰的入口設計更貼心?

獵人 - 龍爪槐守望者9.1

打開美團App,在首頁金剛區的第一個圖標就是美團外賣。相比之下,京東App的外賣入口就不那么顯眼了。在比美團首頁更為密集的界面中,外賣功能藏在了不易注意的頂部Tab——「首頁...

查看詳情

#Tab#入口#品牌

京東外賣金剛區的暴雷設計:你是否也掉入了這些坑?
京東

設計避坑京東外賣金剛區的暴雷設計:你是否也掉入了這些坑?

獵人 - 龍爪槐守望者9.8

京東外賣模塊的金剛區存在交互不一致問題:8個圖標中,6個用于切換當前頁面Tab頁,另外4個則跳轉至新頁面。這種同類元素觸發不同交互行為的設計(頁面切換 vs 頁面跳轉),不僅...

查看詳情

#Tab#一致性原則#金剛區

網易云音樂的首頁底部導航可以自己修改嗎?
網易云音樂

用戶體驗網易云音樂的首頁底部導航可以自己修改嗎?

獵人 - AmberDu小白7.9

大家知道「網易云音樂」的首頁底部導航可以自己修改嗎?點開首頁左上方的「菜單」列表,找到「設置」,再選擇「底部導航自定義」,就能根據自己的使用習慣修改底部導航欄版塊的順序和位置...

查看詳情

#Tab#人性化#好功能

一鍵直達新體驗:即刻App教你用Tab+長按,玩轉內容分類!
即刻

交互手勢一鍵直達新體驗:即刻App教你用Tab+長按,玩轉內容分類!

獵人 - AmberDu小白6.2

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

查看詳情

#Tab#交互手勢#分類

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

信息呈現高德地圖的新Tab設計:如何讓你的公交地鐵選擇更加直觀?

獵人 - 龍爪槐守望者6.8

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

查看詳情

#Tab#地圖#導航

網易嚴選是如何借助一個小按鈕讓瀏覽更加順暢
網易嚴選

微交互網易嚴選是如何借助一個小按鈕讓瀏覽更加順暢

獵人 - 龍爪槐守望者4.6

在使用App時,你是不是也遇到過這樣的情況:Tab分區的內容很長,當你瀏覽到內容底部時,想要切換到下一個分區,卻發現手頭的動作有些“遠”?網易嚴選就get到了你的這個小煩惱,...

查看詳情

#Tab#列表#可見性

「騰訊新聞」喜歡的方式需要自己來定義
騰訊新聞

微交互「騰訊新聞」喜歡的方式需要自己來定義

獵人 - AmberDu小白9.0

「騰訊新聞」頂部的Tab標簽欄內容支持自定義, 點擊「+」圖標按鈕后用戶可根據自己的喜好自由添加或刪減內容, 不再受限于傳統的固定展現方式。將定義權交給用戶,選項內容也充...

查看詳情

#Tab#個性化#信息呈現

閑魚偷師Instagram:這個設計讓回復效率提升200%
閑魚

交互創新閑魚偷師Instagram:這個設計讓回復效率提升200%

獵人 - 龍爪槐守望者9.6

你有沒有試過在閑魚賣東西時,被「蛙跳式聊天」折磨到頭禿?發布一個商品后,10個買家問「在嗎」,你得瘋狂切換列表頁找人,再跳回聊天頁回復,當個二手賣家比電商客服還累!閑魚估計是...

查看詳情

#Story#Tab#二手交易

馬蜂窩是如何降低用戶內容發布門檻的?
馬蜂窩

設計邏輯馬蜂窩是如何降低用戶內容發布門檻的?

獵人 - Ginny Q6.2

「馬蜂窩」是國內領先的旅游社交分享平臺,是旅游消費決策的重要入口。大量的旅游者在平臺上發布內容,人們通過內容找到適合自己的旅游信息及產品。而「馬蜂窩」的「發布」功能也精心進行...

查看詳情

#Tab#UGC#信息呈現

Dia瀏覽器如何打破界面設計常規,實現自然流暢的視覺過渡?
Dia瀏覽器

視覺設計Dia瀏覽器如何打破界面設計常規,實現自然流暢的視覺過渡?

獵人 - 龍爪槐守望者6.5

每天我們都要用瀏覽器中瀏覽海量網頁,你有沒有想過多頁簽、地址欄、工具欄這三塊疊在瀏覽器上的組件還有設計優化的空間?Dia 瀏覽器的巧妙設計打破了這一僵局。在選中某個Tab后,...

查看詳情

#Tab#多頁簽#沉浸式設計

探索類目的引導式靈感設計:Airbnb如何激發用戶的瀏覽欲望?
Airbnb

信息呈現探索類目的引導式靈感設計:Airbnb如何激發用戶的瀏覽欲望?

獵人 - 要爆炸的張老三9.5

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

查看詳情

#Tab#分類#推薦

UI瘦身術:Dia用1個hover動作省出30%界面空間
Dia瀏覽器

組件創新UI瘦身術:Dia用1個hover動作省出30%界面空間

獵人 - 龍爪槐守望者9.1

瀏覽器的地址欄是一個必備組件,它占用了大量橫向空間來顯示網址。然而,除了前端開發和分享復制的場景,普通用戶很少需要查看完整網址。相比之下,現代網頁的標題越來越長,導致多標簽頁...

查看詳情

#Tab#URL#地址欄

1/2

熱門應用