在「微信讀書(shū)」的「書(shū)架」頁(yè)面選擇一本書(shū)進(jìn)行閱讀的交互設(shè)計(jì),模擬了現(xiàn)實(shí)世界里從書(shū)架上取出一本書(shū)并翻開(kāi)進(jìn)行閱讀的全過(guò)程。同樣的,查看電子書(shū)內(nèi)頁(yè)時(shí)的翻頁(yè)交互也模擬了生活中真實(shí)翻書(shū)的...
在「淘寶」App的商品詳情頁(yè)進(jìn)行下滑的手勢(shì)操作,會(huì)在頂部出現(xiàn)「我的足跡」浮層。里面會(huì)展示你近期查看過(guò)的20個(gè)商品,能快速回看近期的商品瀏覽記錄。由于我們網(wǎng)上購(gòu)物時(shí)常常要貨比三...
B站播放器進(jìn)度條中的萌眼睛小電視圖標(biāo),會(huì)在用戶調(diào)整視頻進(jìn)度時(shí)轉(zhuǎn)動(dòng)眼睛看向拖動(dòng)動(dòng)作的方向。這種設(shè)計(jì)不僅是對(duì)用戶操作行為確定性很好的即時(shí)反饋,更使用戶與產(chǎn)品的互動(dòng)過(guò)程增添了情感與...
「愛(ài)奇藝」移動(dòng)端的首頁(yè)推薦信息流里的視頻,可通過(guò)長(zhǎng)按手勢(shì)進(jìn)行視頻的快速播放預(yù)覽。其實(shí)這個(gè)功能早在18年就有簡(jiǎn)化版了,但現(xiàn)在的長(zhǎng)按預(yù)覽功能更加完善,還貼心地加入了默認(rèn)靜音播放的...
作為設(shè)計(jì)師,需要收集業(yè)內(nèi)優(yōu)質(zhì)作品儲(chǔ)存靈感,「Eagle」能幫你一下管理所有圖片。安裝瀏覽器插件后即可通過(guò)拖放快速將圖片保存于本地,難搞定的webp格式也可以用「Eagle」打...
「微信訂閱號(hào)」消息卡片,長(zhǎng)按不同的區(qū)域,給與的提示反饋是不同的。長(zhǎng)按信息卡片的圖片區(qū)域,出現(xiàn)的反饋氣泡信息是「浮窗」,即最小化到浮窗里;長(zhǎng)按卡片的頭像+名稱區(qū)域,則是「不再關(guān)...
蘋(píng)果的3D Touch功能一直被認(rèn)為是個(gè)非常雞肋的功能。但其實(shí)只要利用得當(dāng),這個(gè)功能確實(shí)是可以簡(jiǎn)化操作路徑給用戶帶來(lái)便利的,「微信」和「支付寶」的付款與掃碼功能就真的很實(shí)用。...
不同于Feed流一概常規(guī)的上下滑動(dòng)的布局操作方式,「小宇宙」APP(iOS v2.52)創(chuàng)新的使用了畫(huà)布無(wú)邊際+上下左右都可滑動(dòng)的交互設(shè)計(jì)方式。除了操作形式很新穎外,這里有趣...
「有道」 App首頁(yè)頭部模塊入口較多,在上滑之后僅保留了搜索和主推入口。上滑過(guò)程的交互做了細(xì)致的梳理,操作上感覺(jué)絲滑:1.遮擋個(gè)人信息欄,搜索框高度變??;2.入口模塊透明度降...
在「telegram」瀏覽完當(dāng)前頻道新內(nèi)容后,繼續(xù)上滑可切換到下一個(gè)未讀內(nèi)容的頻道。這里的交互體驗(yàn)很自然順暢,能讓用戶輕松讀完所有未讀內(nèi)容。
「貝殼」 App 首頁(yè)的 banner,在向下滾動(dòng)后可展開(kāi)更多信息。既節(jié)約了首屏空間,又在恰當(dāng)?shù)臅r(shí)候讓內(nèi)容展示更加豐富,與一般的首頁(yè) banner 設(shè)計(jì)相比,多了一些巧思和特色。
「毒」App上線了「3D空間」功能后,可以通過(guò)查看球鞋高清模型來(lái)全方位地了解產(chǎn)品細(xì)節(jié)了。用戶通過(guò)手勢(shì)操作可360度翻轉(zhuǎn)球鞋的模型,超高還原度的3D模型將球鞋的質(zhì)感與各種小細(xì)節(jié)...
在B站觀眾用戶會(huì)通過(guò)「投幣」的方式來(lái)打賞喜歡的UP主和視頻。雖然硬幣不會(huì)直接帶來(lái)盈利,但是B站排行的一個(gè)重要參考,能為視頻增加曝光機(jī)會(huì)引流。手機(jī)端的「投幣」,是通過(guò)上滑或點(diǎn)擊...
QQ音樂(lè)的「歌詞海報(bào)」是典型的情感化設(shè)計(jì):為用戶提供一個(gè)借助歌詞分享心情表達(dá)情緒的出口。有個(gè)常被忽略卻體驗(yàn)很棒的細(xì)節(jié)設(shè)計(jì)在于,QQ音樂(lè)不僅為用戶提供了很多高質(zhì)量背景圖片,還能...
用戶在看「微信」文章或者刷朋友圈時(shí),被突然來(lái)的消息打斷當(dāng)前操作而不得不退出當(dāng)前界面去回復(fù)或查看消息,是一種很差的體驗(yàn)感受。而新版的QQ在用戶瀏覽空間時(shí)收到信息,采用了在右下角...
為什么很多人會(huì)刷「抖音」停不下來(lái)?除了深度沉浸感的豎版全屏播放體驗(yàn)、高效的手勢(shì)交互運(yùn)用、精準(zhǔn)智能的內(nèi)容分發(fā),還有高明的頁(yè)面邏輯設(shè)計(jì)。打開(kāi)「抖音」就直接進(jìn)入短視頻「推薦」的頁(yè)面...
在「知乎」首頁(yè)查看推薦內(nèi)容,當(dāng)下拉刷新列表時(shí),頂部出現(xiàn)知乎小豬IP奮筆疾書(shū)的小動(dòng)畫(huà),仿佛小豬正在加急寫(xiě)新內(nèi)容,即貼合場(chǎng)景也符合平臺(tái)定位。刷新結(jié)束后頂部會(huì)顯示刷新條數(shù)+配置文案...
全新上線的「豆瓣FM」由于酷炫的交互體驗(yàn),受到了很多用戶的喜愛(ài)。其中聽(tīng)歌的「兆赫」界面采用了上滑的手勢(shì)交互來(lái)切歌,這里的播放邏輯是無(wú)論當(dāng)前歌曲還是已播放完畢的歌曲,都無(wú)法回放...
「QQ音樂(lè)」的播放界面在更多選項(xiàng)的菜單中增加了設(shè)置鈴聲的功能,方便用戶快速選擇歌曲制作鈴聲。選擇歌曲后可手動(dòng)截圖想要的區(qū)域或一鍵打開(kāi)智能截選功能,選取喜歡歌曲的副歌部分,快速...
在「YouTube」看視頻滑動(dòng)視頻進(jìn)度條時(shí),只要向上拖動(dòng)進(jìn)度條就能精準(zhǔn)調(diào)整進(jìn)度條,避免面對(duì)長(zhǎng)視頻時(shí)候,輕輕一拉就跳過(guò)一大段內(nèi)容的尷尬情況。小細(xì)節(jié)設(shè)計(jì),但體驗(yàn)感拉滿。投稿人:易...