UI動(dòng)效仿佛是數(shù)字產(chǎn)品的調(diào)味料:添加太多會(huì)破壞作品的精髓荞下,但是適當(dāng)?shù)靥砑泳陀兄诋a(chǎn)品展現(xiàn)其最好的品質(zhì),在瞬間傳達(dá)出或復(fù)雜隐岛、或新穎猫妙、或激進(jìn)的想法。
盡管很少得到應(yīng)有的認(rèn)可聚凹,動(dòng)效是任何數(shù)字體驗(yàn)(和產(chǎn)品)的基本組成部分割坠,因此,我們整理出了8個(gè)最重要的用戶界面動(dòng)效妒牙。它們隸屬于不同的時(shí)代彼哼、空間和媒體,但有一個(gè)共同點(diǎn):每一個(gè)都代表著我們與技術(shù)和思想互動(dòng)方式的一次飛躍湘今。
1. 閃爍的光標(biāo)(1967)
光標(biāo)仿佛自互聯(lián)網(wǎng)誕生起就已經(jīng)存在敢朱。就像任何真正的藝術(shù)經(jīng)得起時(shí)間和媒介的考驗(yàn)。
1967年摩瞎,Charles A Kiesling首次申請(qǐng)了這項(xiàng)專利拴签。目前,光標(biāo)仍在手機(jī)旗们、atm機(jī)蚓哩、電腦、瀏覽器上被使用上渴,當(dāng)然還將被運(yùn)用到未來(lái)的設(shè)備上岸梨。它是UI動(dòng)效的蒙娜麗莎——簡(jiǎn)單喜颁、經(jīng)典、并為整個(gè)流派的藝術(shù)表達(dá)奠定了基礎(chǔ)曹阔。
光標(biāo)建立了一個(gè)至今仍在使用的約定半开,它讓我們知道屏幕的焦點(diǎn)在哪里,并告訴你赃份,它已經(jīng)為您的輸入做好了準(zhǔn)備稿茉。就像最忠實(shí)的朋友一樣,閃爍著的光標(biāo)陪伴并見(jiàn)證著我們的進(jìn)步芥炭。
2. 世嘉創(chuàng)世紀(jì)( Sega Genesis )的閃屏(1989)
每臺(tái)游戲機(jī)都有自己的開(kāi)場(chǎng)動(dòng)畫(huà)漓库,但最具標(biāo)志性的當(dāng)屬“世嘉創(chuàng)世紀(jì)”(Sega Genesis)。
世嘉創(chuàng)世紀(jì)是一個(gè)好斗的對(duì)手园蝠,相比之下渺蒿,任天堂的Super NES要保守得多。世嘉的刺猬索尼克很有個(gè)性彪薛,而馬里奧是一個(gè)謙虛的笨手笨腳的水管工茂装;世嘉的硬件是光滑而黑色的,任天堂則是灰色而笨重的善延。品牌個(gè)性在用戶使用的第一秒便得以傳達(dá)少态。
每一款世嘉創(chuàng)世紀(jì)游戲的開(kāi)機(jī)動(dòng)畫(huà)都是如此的不同。(從Blockbuster租借一款新游戲易遣,觀看其獨(dú)特的開(kāi)機(jī)動(dòng)畫(huà)彼妻,可能會(huì)讓一個(gè)11歲的孩子興奮不已)。與此同時(shí)豆茫,任天堂娛樂(lè)系統(tǒng)(1985年發(fā)布)和超級(jí)NES(1991年發(fā)布)都跳過(guò)了開(kāi)屏的設(shè)計(jì)侨歉,從而錯(cuò)過(guò)了一個(gè)能制造些許樂(lè)趣的機(jī)會(huì)。
世嘉幫助任天堂和電子游戲達(dá)到了另一個(gè)高度揩魂,但在21世紀(jì)頭10年逐漸沒(méi)落幽邓。然而90后的孩子永遠(yuǎn)不會(huì)忘記:世嘉的動(dòng)畫(huà)意味著一場(chǎng)有趣的經(jīng)歷的開(kāi)始。
3. AOL的登錄界面(1995)
2019年火脉,一切都是在線的牵舵。我們甚至能在口袋或廚房里有這樣一部揚(yáng)聲器,只要我們喚一聲它的名字倦挂,它就立刻把我們和互聯(lián)網(wǎng)連接起來(lái)畸颅。
但曾幾何時(shí),上網(wǎng)是一種有意識(shí)的行為妒峦。你需要坐下來(lái)重斑,整理好你的日程安排(和電話線),并在精神上做好與世界各地的陌生人聯(lián)系的準(zhǔn)備肯骇。
對(duì)許多人來(lái)說(shuō)窥浪,AOL是他們接觸網(wǎng)絡(luò)的第一個(gè)窗口,他們認(rèn)為自己并不孤單笛丙。它的最后一幀漾脂,一個(gè)人轉(zhuǎn)變成一個(gè)群體的一部分,是網(wǎng)絡(luò)最初的樂(lè)觀承諾胚鸯。
4. Windows XP的下載界面(2001)
曾經(jīng)骨稿,下載速度如此之慢,我們需要一種視覺(jué)上的安慰姜钳,告訴我們:是的坦冠,那個(gè)文件正在一個(gè)字節(jié)一個(gè)字節(jié)地下載中。
時(shí)間估算欄總是讓人抓狂哥桥,但看著這些文件從左到右懶洋洋地飄浮辙浑,會(huì)讓你進(jìn)入催眠狀態(tài)。你接受了自己的命運(yùn)拟糕。在某個(gè)地方判呕,數(shù)據(jù)慢慢地流入你的電腦,你很快就能看到同事們引人入勝的TPS報(bào)告送滞,或者你在TRL上聽(tīng)到的那首難聽(tīng)的歌侠草。
5. Mac的沙灘球(2001)
早期的mac的加載是一個(gè)滴答作響的手表。窗口隨著沙漏加載出來(lái)犁嗅。這仿佛是你的設(shè)備在提醒著你:你的生活中有多少時(shí)間正隨著加載而白白流逝边涕。
之后,加載變成了一個(gè)旋轉(zhuǎn)的沙灘球褂微。我們?nèi)匀徊幌矚g等待奥吩,在現(xiàn)代設(shè)備上,這通常意味著出了真正的問(wèn)題蕊梧。但至少OSX設(shè)備給了我們一些視覺(jué)上好看的東西霞赫,讓我們對(duì)等待有了一些耐性。
6. iMessage的“輸入中” (2007)
這一標(biāo)志性的動(dòng)效不僅意味著你的朋友正在輸入,這也是永遠(yuǎn)使你焦慮的三個(gè)小點(diǎn):
“我的玩笑成功了嗎?我會(huì)被拒絕嗎?對(duì)方在策劃一場(chǎng)惡狠狠的反擊嗎”
雖然我確信這一設(shè)計(jì)的初衷只是讓用戶知道他們的聯(lián)系人在打字捧弃,但它最終是對(duì)人類狀況的一種映射:我們永遠(yuǎn)無(wú)法真正了解人們對(duì)我們的真實(shí)想法菠净。
7. Uber的打車搜索動(dòng)效(2010)
打開(kāi)Uber,看到一小排可選的私人司機(jī)旅东,感覺(jué)很奢侈,但也覺(jué)得很安全十艾。這將可怕的拼車化為一種美妙的體驗(yàn):無(wú)論你身在何處抵代,想如何到達(dá)目的地,你都可以回家忘嫉。
8. Twitter的下拉刷新(2010)
在這個(gè)內(nèi)容永無(wú)止境的時(shí)代荤牍,刷新是需要進(jìn)行重大革新的傳統(tǒng)之一案腺。洛倫·布里切特(Loren Brichter)發(fā)布Twitter應(yīng)用Tweetie時(shí),推出了移動(dòng)應(yīng)用中最具革命性的UI動(dòng)效之一:“下拉刷新”(the pull torefresh)康吵。
現(xiàn)在劈榨,“下拉刷新”幾乎是每個(gè)應(yīng)用程序的一部分,也是它自己的一種藝術(shù)形式晦嵌。它是我們?nèi)粘I钪泄逃械囊徊糠?就連小孩子也本能地知道如何用這種方式使用觸摸屏同辣。
刷新的吸引力一直存在在我們身上,只是一個(gè)Twitter應(yīng)用程序讓它浮出了水面惭载。
原文作者:Nicole Beckerman(InVision團(tuán)隊(duì))旱函、Sean Blanda(InVision團(tuán)隊(duì))