用「優(yōu)酷」APP 看視頻時(shí)，可通過上下滑動(dòng)屏幕的手勢(shì)操作來調(diào)節(jié)音量與屏幕亮度。當(dāng)調(diào)節(jié)音量時(shí)，屏幕上代表聲音的小喇叭圖標(biāo)會(huì)出現(xiàn)聲波震動(dòng)并跟隨音量變化上下晃動(dòng)的小動(dòng)畫。動(dòng)感的微交...

「釉彩」是一款通過互動(dòng)游戲沉浸式展現(xiàn)中國(guó)古代傳統(tǒng)釉彩制瓷工序的教育App。它巧妙地將各種交互形式與制瓷工序結(jié)合起來，讓玩家可以全面地體驗(yàn)一個(gè)瓷器從拉坯、上色、上釉、上彩到最終...

為熊貓砍下一段竹子，和海龜一起潛入深海，用老虎的視角搜尋獵物，與企鵝一起游泳… WWF Together不同于常見的教學(xué)公益類應(yīng)用，將知識(shí)像幻燈片一樣展示在你的面前，而是充分...

「支付寶」為了推廣螞蟻保保險(xiǎn)代理的「手機(jī)碎屏險(xiǎn)」，專門設(shè)計(jì)了有趣的碎屏彩蛋。在搜索欄輸入關(guān)鍵詞「我裂開了」，就能搜到手機(jī)碎屏險(xiǎn)的購(gòu)買頁(yè)面并觸發(fā)碎屏動(dòng)效，頁(yè)面右下側(cè)仿佛真的屏碎...

「豆瓣」的「書影音檔案」利用了現(xiàn)實(shí)生活中資料陳列館的概念，用戶記錄過的書、電影和音樂都會(huì)按年份劃分，分門別類裝入「檔案盒」。橫向滑動(dòng)「檔案盒」查看每年、每月記錄情況的交互形式...

「永劫無間」正式公測(cè)，瞬間引爆了網(wǎng)絡(luò)。除了「流星蝴蝶劍」團(tuán)隊(duì)制作、傳統(tǒng)武俠風(fēng)格「大逃殺」類游戲的風(fēng)格優(yōu)勢(shì)外，其美術(shù)建模上的細(xì)節(jié)把控更是極致變態(tài)。衣服部分，不僅貼合了現(xiàn)實(shí)材質(zhì)的...

b站「玩轉(zhuǎn)五一」的活動(dòng)結(jié)合了手機(jī)「搖一搖」的功能，通過晃動(dòng)手機(jī)執(zhí)行干杯動(dòng)作和2233干杯的設(shè)計(jì)，很好模擬了生活中真實(shí)的干杯動(dòng)作和場(chǎng)景。如果有朋友在身邊，開啟兩人的手機(jī)藍(lán)牙并允...

在「微信讀書」的「書架」頁(yè)面選擇一本書進(jìn)行閱讀的交互設(shè)計(jì)，模擬了現(xiàn)實(shí)世界里從書架上取出一本書并翻開進(jìn)行閱讀的全過程。同樣的，查看電子書內(nèi)頁(yè)時(shí)的翻頁(yè)交互也模擬了生活中真實(shí)翻書的...

「小宇宙」App新上線「隨聲聽」功能，解救選擇困難癥用戶，方便大家探索更多有趣節(jié)目?！鸽S聲聽」功能在交互與視覺設(shè)計(jì)方面，借鑒了老式收音機(jī)調(diào)頻的界面以及左右滑動(dòng)更換頻道的交互效...

b站播放界面下方設(shè)置聲音、畫面、播放模式等的小圖標(biāo)的hover狀態(tài)，都有可愛的微交互小動(dòng)畫來反饋當(dāng)前的操作。雖然都是不復(fù)雜的小動(dòng)效，比如調(diào)節(jié)音量小喇叭圖標(biāo)會(huì)有聲波震動(dòng)，寬屏模...

「pott」是一款用照片打卡去過的地方并生成專屬足跡地圖的App。它的濾鏡是基于用戶可能游玩打卡的場(chǎng)景進(jìn)行分類設(shè)計(jì)的，比如「咖啡館」「火鍋店」「市集」「藝術(shù)區(qū)」等。切換濾鏡的...

看多了近幾年流行的扁平化UI界面設(shè)計(jì)，偶爾在產(chǎn)品里加入一些擬物化的設(shè)計(jì)會(huì)讓人有眼前一亮的感覺?！赶柴R拉雅」App的「我要錄音」功能界面就使用了擬物化設(shè)計(jì)，模擬了開盤錄音機(jī)的樣...

ImgPlay是一款操作簡(jiǎn)單有趣的gif動(dòng)態(tài)閃圖制作App，可將相冊(cè)里的視頻、照片或者Live照片經(jīng)過裁剪與參數(shù)調(diào)整加工成需要的gif動(dòng)畫。在gif的制作界面，畫面速度調(diào)節(jié)的...

FIMO是一款復(fù)古的膠卷相機(jī)應(yīng)用，全擬物化的視覺設(shè)計(jì)從每一個(gè)細(xì)節(jié)忠實(shí)還原膠片相機(jī)的使用質(zhì)感。它的濾鏡切換功能完美模擬了真實(shí)相機(jī)換膠卷的過程，還還原了換卷和相機(jī)開蓋的聲音，有趣...

「QQ」的字體大小設(shè)置十分人性化，通過顯示聊天與信息主頁(yè)兩個(gè)主要使用場(chǎng)景的界面，來讓用戶直觀地感知當(dāng)前文字的大小。修改文字的方式也很簡(jiǎn)單，拖動(dòng)頁(yè)面下方的調(diào)節(jié)滑塊就能查看不同s...

為了紀(jì)念「哈利波特」20周年，「網(wǎng)易有道詞典」App上線了「哈利波特的魔法詞單」特別專題。在「有道詞典」搜索「魔法世界」，即會(huì)出現(xiàn)一份重返霍格沃茲必備的魔法詞單。將詞單添加到...

「即刻」App信息流的點(diǎn)贊圖標(biāo)會(huì)根據(jù)其所屬圈子的屬性變成不同的圖形。之前的細(xì)節(jié)文章有提到過，關(guān)于平臺(tái)團(tuán)寵貓果果的相關(guān)話題圈子，點(diǎn)贊的圖標(biāo)會(huì)變成小魚干點(diǎn)贊后icon還會(huì)變成魚骨...

進(jìn)入到「樊登讀書」App的個(gè)人主頁(yè)，如果尚未簽到的話，簽到icon呈現(xiàn)方式是傾斜的，給人一種不穩(wěn)定感。左右搖晃手機(jī)會(huì)發(fā)現(xiàn)簽到icon也會(huì)隨著一起晃動(dòng)，增添了趣味性的微交互更能...

「得物」App 是sneaker和運(yùn)動(dòng)潮流文化網(wǎng)購(gòu)社區(qū)，也是有名的第三方線上潮物鑒定平臺(tái)。它的「發(fā)布鑒定」頁(yè)面設(shè)計(jì)得十分人性化：為了避免用戶不明確需要為申請(qǐng)鑒定的物品拍攝哪些...

打開「ZARA」App進(jìn)入「本周新品」的頁(yè)面，時(shí)尚感爆炸的大圖會(huì)以瀑布流的形式展示出來，如同打開了一本時(shí)尚畫報(bào)。通過「捏」的手勢(shì)操作，可以將商品圖縮小動(dòng)態(tài)排列，提高了用戶瀏覽...