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

來源：優(yōu)設網(wǎng) 作者：陳子木學習：4223人次

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

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

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

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

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

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

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

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