興沖沖地跑到一座新城市旅游，打開美食App，看著滿屏的「五星好評」，結(jié)果一頭扎進(jìn)了一家專門給游客開的「網(wǎng)紅店」？味道平平無奇，價格還死貴。這時候你肯定會想，要是有個本地朋友給...

看這張美團(tuán)小象超市的西瓜商品頁面，我忽然想起上次買西瓜時的尷尬經(jīng)歷。站在水果攤前，面對一堆大小不一、看起來差不多的西瓜，我完全不知道該怎么選。老板問我要幾斤的，我說隨便來個中...

瀏覽器的地址欄是一個必備組件，它占用了大量橫向空間來顯示網(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ì)打破了這一僵局。在選中某個Tab后，...

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

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

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

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

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

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

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

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

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)了空間的有效利用，又使得整個界面呈現(xiàn)出一種美觀大方的視覺效果。這種設(shè)計(jì)思路，雖然...

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

「馬蜂窩」是國內(nèi)領(lǐng)先的旅游社交分享平臺，是旅游消費(fè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是毛玻璃的效果，選中則變清晰，吸引用戶滑動選中讓其清晰。通過有趣的視覺和交互效果，激發(fā)用戶的互動意愿。

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

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