微交互

「知乎」將小廣告放置在了內(nèi)容的信息流里，當(dāng)用戶滑動(dòng)屏幕廣告移動(dòng)到接近屏幕中間的位置時(shí)，banner圖會(huì)出現(xiàn)從右向左切換的交互效果，起到區(qū)別廣告與內(nèi)容的作用。這樣用戶的注意力馬...

使用「飛書(shū)文檔」網(wǎng)頁(yè)版時(shí)，將鼠標(biāo)懸停至點(diǎn)贊圖標(biāo)，icon會(huì)呈現(xiàn)出蓄力的狀態(tài)，有一種讓人忍不住按下按鈕的心理暗示，很好的起到了引導(dǎo)用戶點(diǎn)贊的效果。點(diǎn)擊按下點(diǎn)贊圖標(biāo)，「真誠(chéng)點(diǎn)贊，...

最近浮窗的話題比較熱，都知道訂閱號(hào)文章右上角可以喚出浮窗功能，但一向沒(méi)有左滑返回習(xí)慣的我無(wú)意間發(fā)現(xiàn)了第二種將文章設(shè)置為浮窗的途徑。通過(guò)右上角需要兩步，而左滑只需要一步即可加入...

當(dāng)午飯時(shí)間在「餓了么」點(diǎn)餐后，騎手到店取完外賣(mài)開(kāi)始配送時(shí)，訂單界面會(huì)出現(xiàn)一只卡通小手拿著橙子探進(jìn)屏幕的動(dòng)畫(huà)。點(diǎn)擊以后，屏幕下方會(huì)出現(xiàn)彈窗顯示附近性價(jià)比高的水果店信息與購(gòu)買(mǎi)鏈接...

在「one」App里左右滑動(dòng)屏幕即可快速切換每日內(nèi)容，左上角的日期信息也會(huì)隨之發(fā)生變化。翻日歷形式的交互效果生動(dòng)又有儀式感，似乎在告訴用戶：每一天，我們都要活得有溫度，有腔調(diào)...

「菜鳥(niǎo)裹裹」App的首頁(yè)下拉刷新時(shí)，頂部會(huì)向上飛出一只頭頂竹蜻蜓的小鳥(niǎo)形象吉祥物，小鳥(niǎo)飛走后還會(huì)從屏幕上方落下一個(gè)打開(kāi)的快遞箱。有趣的交互動(dòng)畫(huà)清晰地反饋了刷新這一手勢(shì)操作的狀...

「騰訊動(dòng)漫」最近在icon的操作上簡(jiǎn)直是玩嗨了，點(diǎn)擊日間/夜間切換的控件，會(huì)相應(yīng)的出現(xiàn)太陽(yáng)/月亮的紅色圖標(biāo)。點(diǎn)擊切換男女的控件，也會(huì)相應(yīng)出現(xiàn)表示男女的標(biāo)識(shí)。點(diǎn)擊底部的金剛區(qū)，...

「小宇宙」首頁(yè)的右上方可以看見(jiàn)醒目的星球形態(tài)logo圖標(biāo)，點(diǎn)擊還會(huì)出現(xiàn)有趣的星球轉(zhuǎn)動(dòng)小動(dòng)效。雖然這里的小交互只是互動(dòng)彩蛋，并非功能性交互行為的反饋，但有趣的設(shè)計(jì)還是給不少用戶...

是的，沒(méi)錯(cuò)！又到了逢過(guò)節(jié)必有B站的小電視圖標(biāo)變身的固定彩蛋環(huán)節(jié)了。在剛剛過(guò)去的春節(jié)假期，B站進(jìn)度條里的小電視圖標(biāo)偽裝成了紅燈籠，而隨著元宵節(jié)的到來(lái)小電視這次又成功變身碗中的湯圓。

你發(fā)現(xiàn)了嗎？微信轉(zhuǎn)賬金額輸入框的軟鍵盤(pán)，經(jīng)過(guò)特殊定制，擁有修改金額和轉(zhuǎn)賬兩個(gè)狀態(tài)，狀態(tài)切換的動(dòng)效流暢自然，讓每一次操作都充滿愉悅。更貼心的是，無(wú)論處于哪個(gè)狀態(tài)，轉(zhuǎn)賬按鈕始終可...

「酷狗音樂(lè)」推薦卡片的切換，采用折疊、展開(kāi)的效果，收起的卡片會(huì)堆疊在屏幕右側(cè)，通過(guò)色塊指示卡片數(shù)量，比起常見(jiàn)的指示點(diǎn)樣式，可感知性更強(qiáng)。不過(guò)，其中一個(gè)容器還支持點(diǎn)擊左右箭頭，...

從淘寶入口進(jìn)入到餓了么（左側(cè)截圖），點(diǎn)餐流程到需要備注時(shí)，鍵盤(pán)彈出會(huì)完全遮擋文字輸入框。然而文字輸入框也不會(huì)自動(dòng)隨著鍵盤(pán)彈出而升高，所以當(dāng)有備注需求的用戶在輸入文字時(shí)基本是在...

以細(xì)節(jié)控大魔王著稱的蘋(píng)果團(tuán)隊(duì)，總是會(huì)在產(chǎn)品設(shè)計(jì)里悄咪咪的埋下各種驚人的細(xì)節(jié)彩蛋等待著用戶自己發(fā)現(xiàn)。和前幾代iOS系統(tǒng)一樣，iOS12在圖標(biāo)的設(shè)計(jì)里也藏了很多小心機(jī)。在iOS1...

大家看過(guò)「滴滴出行」周報(bào)么？每周的提示彈窗用大標(biāo)題「本周省了XXX元」吸引用戶，而落地頁(yè)設(shè)計(jì)也細(xì)節(jié)滿滿，頭部顯示汽車(chē)行駛的小動(dòng)畫(huà)，加上與現(xiàn)實(shí)映射的發(fā)票機(jī)設(shè)計(jì)，而在用戶向上滑動(dòng)...

「芒果TV」啟動(dòng)后，會(huì)從頂部區(qū)域自上而下滑出banner，并在4~5秒后自動(dòng)收回變?yōu)閳D標(biāo)的設(shè)計(jì)。這里的微交互不僅獨(dú)特新穎，也讓使用體驗(yàn)更加流暢。能有效地引導(dǎo)用戶的視線，又避免...

Art of Symbols 是一個(gè)由 Emotive Brand 發(fā)起的關(guān)于圖標(biāo)和符號(hào)設(shè)計(jì)研究項(xiàng)目延展而來(lái)的獨(dú)立網(wǎng)站。網(wǎng)站的鼠標(biāo)指針設(shè)計(jì)很有意思：在普通狀態(tài)下會(huì)呈現(xiàn)傾斜的「...

「新浪微博」新版本的「點(diǎn)贊」功能增加了趣味性的微交互彩蛋。當(dāng)為他人的微博原文點(diǎn)贊（非瀏覽模式），除了點(diǎn)贊按鈕會(huì)有變紅的狀態(tài)變化，還會(huì)跳出各種可愛(ài)的emoji表情。除了增加了互...

在「優(yōu)設(shè)」主頁(yè)的搜索框輸入搜索內(nèi)容時(shí)，會(huì)從搜索框后面出現(xiàn)探出頭左顧右盼偷窺你的吉祥物小黃雞。動(dòng)畫(huà)小黃雞與用戶操作行為的互動(dòng)，讓普通的搜索行為變得生動(dòng)有趣。你有沒(méi)有因?yàn)橄胍葱?..

考慮到用戶注冊(cè)信息時(shí)年齡會(huì)是個(gè)比較敏感的話題，「最右」App在用戶填寫(xiě)注冊(cè)信息的頁(yè)面設(shè)計(jì)了情感化的可愛(ài)小動(dòng)畫(huà)。當(dāng)用戶填寫(xiě)年齡時(shí)，頁(yè)面頂部的吉祥物會(huì)出現(xiàn)捂著眼睛的小動(dòng)畫(huà)，并用文...

如果過(guò)了凌晨你還在Iconfont的網(wǎng)站上面搜索圖標(biāo)，網(wǎng)站的標(biāo)志形象外星人頭像會(huì)進(jìn)入睡眠模式。戴上眼鏡熟睡的形象仿佛是在提醒你：夜深了，不要熬夜加班工作了，這樣會(huì)變成近視眼哦...