微交互

九月開學(xué)季到來，谷歌首頁(yè)的節(jié)日紀(jì)念定制版圖標(biāo)Google Doodle變成了學(xué)校開課的小動(dòng)畫。孩子氣的涂鴉風(fēng)格充滿朝氣與童真，互動(dòng)性的動(dòng)畫生動(dòng)有趣。情感化設(shè)計(jì)的小彩蛋讓特殊的...

最近發(fā)現(xiàn)「新浪微博」又開發(fā)了新的廣告模式，點(diǎn)贊出現(xiàn)交互小動(dòng)畫和品牌slogan。這一年，「錦鯉」成了年度熱詞。對(duì)于年輕人而言，「錦鯉」已不只是一種魚，更是一種幸運(yùn)與轉(zhuǎn)運(yùn)的符號(hào)...

「QQ」消息主頁(yè)面底部導(dǎo)航欄中的「聯(lián)系人」小人圖標(biāo)與轉(zhuǎn)發(fā)信息時(shí)的彈窗輸入框右側(cè)圖標(biāo)，在常規(guī)模式下都會(huì)顯示為微笑的表情，「聯(lián)系人」的小人圖標(biāo)眼睛還會(huì)隨著點(diǎn)擊左右圖標(biāo)而看向?qū)?yīng)的...

「點(diǎn)贊」的操作，在app里常被設(shè)計(jì)成由置灰的愛心變成紅色愛心的轉(zhuǎn)變效果。但普通的小愛心怎能呈現(xiàn)迷弟迷妹們對(duì)愛豆表達(dá)喜愛時(shí)那顆赤誠(chéng)又炙熱的心？「超級(jí)星飯團(tuán)」里，給愛豆的動(dòng)態(tài)點(diǎn)贊...

b站的網(wǎng)頁(yè)版在hover狀態(tài)下查看用戶頭像被引入了動(dòng)效展開的交互設(shè)計(jì)，不僅使得個(gè)人信息的查看更為便捷，也賦予了網(wǎng)頁(yè)更生動(dòng)有趣的互動(dòng)體驗(yàn)。大家還有見過哪些類似的設(shè)計(jì)嗎？

「Tumblr」作為一個(gè)輕博客應(yīng)用，里面的內(nèi)容形式真的是多種多樣，同時(shí)還隱藏著一些小驚喜。在安卓客戶端上，只要按著右下角的發(fā)布內(nèi)容按鈕不松手，然后在屏幕上拖拽，就會(huì)拖出一條彩...

刪除回復(fù)是一個(gè)敏感操作,大家都希望在刪除之前有一個(gè)確認(rèn)流程。但如果這個(gè)確認(rèn)流程設(shè)計(jì)得不夠到位,反而會(huì)影響用戶體驗(yàn)。豆瓣在這方面做得很棒。

「Trello」作為一個(gè)項(xiàng)目管理協(xié)同軟件，里面包含最多的內(nèi)容，毋庸置疑就是各種大大小小的任務(wù)了。一般當(dāng)用戶完成一個(gè)列表下的任務(wù)的時(shí)候，都會(huì)選擇把該任務(wù)卡片移動(dòng)到「已完成」區(qū)域...

在「即刻」App發(fā)布新動(dòng)態(tài)時(shí)，點(diǎn)開「相冊(cè)」添加照片，你會(huì)發(fā)現(xiàn)頁(yè)面左上角打開相機(jī)的圖標(biāo)被處理成了模糊實(shí)時(shí)顯示攝像頭取景的狀態(tài)。既很好的保護(hù)了用戶的隱私，又設(shè)置了一個(gè)有意思的交互...

「優(yōu)設(shè)」團(tuán)隊(duì)籌備已久的新版網(wǎng)站終于上線，大家有沒有g(shù)et到新網(wǎng)站藏著的一些小細(xì)節(jié)彩蛋呢？新網(wǎng)站不僅從視覺上有了全新的升級(jí)，交互體驗(yàn)上也更加流暢舒適充滿很多小巧思。比如網(wǎng)站首頁(yè)...

DeLorean（德勞瑞恩汽車）網(wǎng)站主頁(yè)的輪播圖，在切換其他banner將光標(biāo)移到「下一頁(yè)」箭頭按鈕時(shí)，會(huì)彈出圓形的預(yù)覽框能看到下一張圖片的縮略圖。別致又新穎的交互處理方式。

「最美有物」是一個(gè)發(fā)現(xiàn)與評(píng)價(jià)全球原創(chuàng)設(shè)計(jì)師產(chǎn)品的平臺(tái)，曾獲小米商店2016年度最佳應(yīng)用和金米獎(jiǎng)。用戶在瀏覽各種最新的美好設(shè)計(jì)的同時(shí)，也可以對(duì)設(shè)計(jì)作品發(fā)表自己的觀點(diǎn)和喜惡。選擇...

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

在「虎嗅網(wǎng)」閱讀文章資訊的時(shí)候，看到某些點(diǎn)切中要害難免要去看一下其他用戶的評(píng)論。點(diǎn)擊評(píng)論圖標(biāo)，頁(yè)面會(huì)快速略過中間頁(yè)面滾動(dòng)到評(píng)論區(qū)域，評(píng)論圖標(biāo)也會(huì)變成文章圖標(biāo)。「滾動(dòng)」的行為和...

在閱讀長(zhǎng)文的時(shí)候，你是不是也覺得長(zhǎng)按選擇全文的機(jī)會(huì)并不多，更多的時(shí)候，我們只是想要選中某個(gè)詞語(yǔ)、句子或者段落？釘釘?shù)奈淖志庉嫴藛尉唾N心地考慮到了這一點(diǎn)，它去掉了全選功能，增加...

萬(wàn)圣夜即將來臨，各大平臺(tái)也都開啟了Halloween主題。B站播放器進(jìn)度條上的小電視圖標(biāo)就變成了小幽靈，在左右移動(dòng)播放進(jìn)程時(shí)還會(huì)跟著移動(dòng)做鬼臉并且黑白皮膚自由切換，節(jié)日的氛圍...

iPhone調(diào)節(jié)到「飛行模式」的時(shí)候，會(huì)有飛機(jī)小圖標(biāo)從頂部狀態(tài)欄的左側(cè)飛入；當(dāng)關(guān)閉手機(jī)的飛行模式時(shí)，小飛機(jī)圖標(biāo)會(huì)向屏幕右側(cè)飛走直至消失。此外，當(dāng)手機(jī)調(diào)節(jié)到「勿擾模式」時(shí)頁(yè)面頂...

網(wǎng)站搜索的速度與反饋，十分影響用戶對(duì)App好感度的提升。搜索的慢了，用戶等待感變強(qiáng)；反饋差了，用戶對(duì)搜索的期望值會(huì)變低。小電視家的搜索就用2233的一個(gè)動(dòng)畫來對(duì)用戶進(jìn)行搜索狀...

在B站的「?jìng)€(gè)人主頁(yè)」滑動(dòng)高于一屏的內(nèi)容，會(huì)出現(xiàn)可快速返回頂部的按鈕。圖標(biāo)是B站的吉祥物2233娘坐在小電視上的樣子，點(diǎn)擊圖標(biāo)還會(huì)出現(xiàn)小電視變成火箭往上升的動(dòng)畫效果。區(qū)別于普通...

B站播放器的進(jìn)度條里有萌眼睛小電視交互相信很多同學(xué)已經(jīng)知道了，這是很經(jīng)典的對(duì)用戶操作行為做出生動(dòng)有趣即時(shí)反饋的案例。這一次的端午節(jié)小電視又來「作妖」了 (?????)~ 為了...