設(shè)計師需要學(xué)會設(shè)計有意義的動效(3)

在Google I/O的設(shè)計交流環(huán)節(jié)中，最常被問到的問題就是設(shè)計師如何將動效設(shè)計納入到設(shè)計流程中。Googler們提到，雖然他們推薦使用AE，但是即便是他們自己也通常只是用它來完成小過度效果、加載過程以及圖標(biāo)轉(zhuǎn)變效果。不過，他們還提到，他們最新的Polymer網(wǎng)絡(luò)框架已經(jīng)將Material Design的UI組件納入其中。

簡而言之，就是目前沒有完美的答案。這也意味著，對于動效設(shè)計工具的開發(fā)者而言，這是一個絕佳的機會。

Polymer 能幫你編排出一些沿著特定路徑運動的組件，或者一系列自由運動的動效。不過只有當(dāng)你使用Material Design風(fēng)格的組件的時候，效果會非常不錯，但是如果想自己定制的話，就很難說了。

我曾經(jīng)每天都使用 Framer.js 來打造我的交互設(shè)計原型。它基本上是一個JavaScript動畫框架，所以你如果你對JS不熟悉的話還需要一段時間來了解它。不過，不同于其他的JS工具，對于網(wǎng)頁開發(fā)者而言，F(xiàn)ramer.js 非常容易上手。

Framer 在測試小交互或?qū)讉�不同頁連接到一起上有杰出的表現(xiàn)，但是作為新一代的工具，它在管理編排、跟蹤狀態(tài)、控制拖拽和滾動元素上有這更多的需求。

同類型的工具還有Pixate，借助它，你可以使用簡單的拖拽來制作原型，之后還可以在你的設(shè)備上瀏覽。不過這款工具沒有網(wǎng)頁端實時預(yù)覽，目前開發(fā)進度也并不快。

我仍然在等待更加完美的動效設(shè)計和可交互原型設(shè)計工具。構(gòu)建屬于你自己的設(shè)計的過程中，你會仔細(xì)思考如何構(gòu)建以及設(shè)計的界限；許多問題只有當(dāng)你遇到了才會被意識到。當(dāng)然，有一點是肯定的，只有當(dāng)你把一個真實的原型擺在團隊面前的時候，溝通才會更加有效。當(dāng)你把一個可交互的高保真原型擺在眼前的時候，你就不用解釋點擊什么按鈕出現(xiàn)什么效果了。

越多設(shè)計師深入思考動效設(shè)計，才能更快地促進真正靠譜的軟件誕生，也更加有助于我們傳達設(shè)計的意圖。也只有這樣才能促進更加優(yōu)秀產(chǎn)品的誕生，解決更多棘手的問題。動效設(shè)計正在成熟，你需要掌控它。

“設(shè)計就是用你所掌控的一切，來盡可能清晰的與人溝通。”—— Milton Glaser