IOS 7出來(lái)后，交互動(dòng)畫立刻成為設(shè)計(jì)師的搶手貨，有關(guān)動(dòng)效設(shè)計(jì)的教程都趁勢(shì)火了一把，但是很少有人討論到底該不該做交互動(dòng)畫，如果做，為什么?今天終于有同學(xué)分享了他的觀點(diǎn)，一旦符合文中提到的3個(gè)方面，那死心塌地動(dòng)手吧!
@王笑Nothing ：作為設(shè)計(jì)師，相比以前死板的體驗(yàn)，我們?cè)絹?lái)越看重APP的交互性。這種心態(tài)的轉(zhuǎn)變很大程度上可以歸因于IOS 7的大換臉。IOS 7過(guò)度動(dòng)畫強(qiáng)調(diào)物理變化。從這以后，我們可以看到有很多熱門APP上都有非常出色的動(dòng)效。
令人激動(dòng)的動(dòng)效很容易讓人著迷，從而讓用戶忘記機(jī)會(huì)成本的衡量。另一方面，花費(fèi)額外的時(shí)間，在恰當(dāng)?shù)臅r(shí)機(jī)，使用恰當(dāng)?shù)膭?dòng)效，可以增加易用性，還可以幫助樹(shù)立品牌個(gè)性，為用戶帶來(lái)愉悅的體驗(yàn)。在這篇文章中，我會(huì)告訴你費(fèi)盡心思給產(chǎn)品添加交互性強(qiáng)的動(dòng)效對(duì)于提升品牌價(jià)值是否有意義。
可用性
有些APP把交互動(dòng)效作為工作的核心部分。在下面的實(shí)例中，我們可以看到動(dòng)效可以讓人縱覽全局，輕松的找到當(dāng)前在APP中所處的位置。
Pinterest(圖釘)
Pinterest是我最喜歡的APP之一，它可以通過(guò)手勢(shì)滑動(dòng)在列表和詳細(xì)內(nèi)容之間自如切換，這比傳統(tǒng)笨笨的切換方式好太多。
下劃返回
左劃查看下一張
上劃加載新內(nèi)容
Circa App(Circa 新聞)
這是另一個(gè)使用動(dòng)效來(lái)聯(lián)系上下文的好例子，Circa 把一篇長(zhǎng)文章分為很多小段，在右側(cè)可以看到每個(gè)圓點(diǎn)代表一段，上下滑動(dòng)查看每段的內(nèi)容。
在上面兩個(gè)例子中，動(dòng)畫不但沒(méi)有成為浪費(fèi)時(shí)間的累贅，而是真真切切的提升了APP的可用性。
個(gè)性
很多APP把交互作為傳達(dá)品牌個(gè)性和內(nèi)涵的重要途徑。在下面的例子中，獨(dú)特的交互動(dòng)效已經(jīng)成為了APP的標(biāo)志。你的APP動(dòng)效是滑稽的還是嚴(yán)肅的?是機(jī)械的還是柔和的?為你的APP選擇恰當(dāng)?shù)慕换ズ蛣?dòng)效會(huì)把品牌深深印在用戶腦中。
Path & Tumblr
移動(dòng)終端是Path的唯一平臺(tái)，在單一平臺(tái)下創(chuàng)建統(tǒng)一的交互體驗(yàn)是Path的優(yōu)勢(shì)。可以看到Path獨(dú)特的交互理念深入人心，給人親和、有趣的印象。
Tumblr安卓版也在試圖給用戶創(chuàng)建類似的體驗(yàn)。
Tweetbot
Tweetbot是通過(guò)創(chuàng)造獨(dú)特交互體驗(yàn)讓用戶記住它們品牌的又一個(gè)例子。與Path和Tumblr相比，它給人一種機(jī)械的，反饋有力的感覺(jué)。
Tweetbot的交互動(dòng)效就像一個(gè)具有鮮明特點(diǎn)的機(jī)器人一樣生動(dòng)。
喜悅
你會(huì)發(fā)現(xiàn)很多APP的動(dòng)畫來(lái)自于UI的變化，這是因?yàn)樗鼈冊(cè)O(shè)計(jì)的文字很少或者不適合做動(dòng)畫。然而，花費(fèi)大量時(shí)間精力去制作吸引眼球的動(dòng)畫代價(jià)很大。也正因如此，我們很少看到資金短缺的公司在動(dòng)畫上大做文章。總的來(lái)說(shuō)，做UI變化的動(dòng)畫是為了做動(dòng)畫而做動(dòng)畫，不一定是為了達(dá)成某個(gè)目的。
Flickr
當(dāng)你瀏覽Flickr的引導(dǎo)頁(yè)也許不會(huì)發(fā)現(xiàn)什么特別之處，但是當(dāng)你慢慢滑動(dòng)屏幕就會(huì)發(fā)現(xiàn)很美妙的3D動(dòng)畫，利用視差滾動(dòng)和元素屏蔽就可以達(dá)到如下的效果。
就算APP的動(dòng)畫做的異常精良美妙，從商業(yè)角度看卻沒(méi)有太大意義，尤其是在資源有限的公司。Flickr就是在獲得大量融資之后才去投入人力和財(cái)力后，才去考慮交互的細(xì)節(jié)。
結(jié)論
選擇投入的金錢還是提高用戶體驗(yàn)，會(huì)決定你的APP未來(lái)能否獲得成功。所以你要慎重考慮，為什么要制作動(dòng)畫，投入的花費(fèi)究竟值不值得。你可以通過(guò)評(píng)價(jià)以上三點(diǎn)：可用性、個(gè)性、喜悅來(lái)做決定。如果你做的動(dòng)畫連一點(diǎn)都沒(méi)有達(dá)到，那么這肯定是不值得的。