在 UI 界面當(dāng)中使用動(dòng)效已經(jīng)成為這幾年一直被討論的熱門話題了。動(dòng)效要怎么用，什么樣的動(dòng)效更優(yōu)秀等等，這樣的探討層出不窮。在 UI 所涉及到的各種動(dòng)畫和動(dòng)效當(dāng)中，概念動(dòng)效是被討論的最多的話題。充滿實(shí)驗(yàn)性的概念動(dòng)效是動(dòng)效設(shè)計(jì)最前沿的領(lǐng)域，是開發(fā)和實(shí)現(xiàn)上最具有挑戰(zhàn)性的部分，也是新產(chǎn)品上線之后，用戶最容易注意到，也討論得最多的東西。
在 Tubik Studio 的博客上，我們已經(jīng)分享過(guò)很多關(guān)于 UI 動(dòng)效的文章和內(nèi)容了。關(guān)于概念動(dòng)效/動(dòng)畫對(duì)于 UI 設(shè)計(jì)與開發(fā)的影響，我想 Tubik 的動(dòng)畫設(shè)計(jì)師 Kirill Yerokhin 是最有發(fā)言權(quán)的。
概念動(dòng)效是什么？
概念動(dòng)效應(yīng)該算是概念設(shè)計(jì)領(lǐng)域的一個(gè)分支?？偟膩?lái)說(shuō)，概念動(dòng)效還是在做動(dòng)效和動(dòng)畫的設(shè)計(jì)，不過(guò)它是為了在真實(shí)的產(chǎn)品上線之前，基于特定的想法、構(gòu)思而進(jìn)行創(chuàng)建的東西。在進(jìn)行用戶界面設(shè)計(jì)的時(shí)候，動(dòng)效可以存在于交互、轉(zhuǎn)場(chǎng)和具體的控件操作上，動(dòng)效作為一種狀態(tài)轉(zhuǎn)變、交互反饋和視覺(jué)引導(dǎo)的工具而存在。動(dòng)效設(shè)計(jì)師會(huì)使用各種各樣的工具來(lái)進(jìn)行動(dòng)效的設(shè)計(jì)，我們常常提到的工具包括 Adobe After Effects，Principle，F(xiàn)igma 和 InVision。
為什么UI設(shè)計(jì)需要概念動(dòng)效
這其實(shí)是目前最富有爭(zhēng)議的話題。很多概念動(dòng)效和現(xiàn)有的、成型的動(dòng)效/動(dòng)畫解決方案，在步驟、效果、執(zhí)行和開發(fā)上都不盡相同，超出了通常的限制和常見的規(guī)則。這種動(dòng)效技術(shù)在剛剛開始接觸的時(shí)候，會(huì)覺(jué)得不夠真實(shí)，沒(méi)有必要，甚至有人會(huì)認(rèn)為無(wú)法實(shí)現(xiàn)。
重點(diǎn)在于，UI 動(dòng)效其實(shí)和我們常見的靜態(tài)元素（字體、圖標(biāo)、控件、色彩和形狀）同樣能夠讓產(chǎn)品從激烈的競(jìng)爭(zhēng)當(dāng)中脫穎而出。
有開發(fā)者討厭概念動(dòng)效且不想去實(shí)現(xiàn)的說(shuō)法其實(shí)是不夠準(zhǔn)確的。實(shí)際上，這樣的事情要依情況來(lái)看。在很多創(chuàng)意設(shè)計(jì)領(lǐng)域當(dāng)中，經(jīng)常有人說(shuō)某種創(chuàng)新或者創(chuàng)意是不可能實(shí)現(xiàn)的，然而實(shí)際上，總會(huì)有人竭盡所能發(fā)現(xiàn)新的解決方案，找到新的方法。
需求決定供應(yīng)。如果「市場(chǎng)」看到了一個(gè)全新的設(shè)計(jì)理念，尤其是在動(dòng)畫和動(dòng)效領(lǐng)域，就會(huì)有人想辦法在實(shí)際的產(chǎn)品當(dāng)中將它實(shí)現(xiàn)出來(lái)。而這個(gè)時(shí)候，設(shè)計(jì)師的構(gòu)思就不再停留在概念上。在 Tubik Studio，我們?cè)诤芏鄷r(shí)候會(huì)提出新的概念動(dòng)效，這些概念動(dòng)效甚至可能會(huì)極其復(fù)雜，但是需求一旦確定，總會(huì)有第三方的開發(fā)接手并且將他們實(shí)現(xiàn)出來(lái)。
實(shí)踐表明，在技術(shù)上，概念動(dòng)效的實(shí)現(xiàn)幾乎僅僅就是時(shí)間和花銷上的問(wèn)題，解決和實(shí)現(xiàn)的可能性其實(shí)非常之高。