經(jīng)驗分享！如何準(zhǔn)確的向工程師傳達動效設(shè)計？(2)

對于我這種以AE作為動效設(shè)計起始的人來說，這點太重要了。它意味著無需任何重復(fù)勞動，只需要在Flash中添加一些基于AS3.0的交互代碼，就可以完成原型的制作，并保證自己最初的設(shè)計思路在原型階段不打折扣的實現(xiàn)。

（Action Script是可視化很強的一門語言，結(jié)合AE的素材，你設(shè)計的動效基本可以完美復(fù)現(xiàn)）

優(yōu)勢2：可以導(dǎo)出.apk或.ipa的安裝包，共享給任何有手機的人。

由于本人的工作經(jīng)常需要異地溝通，原型的可傳遞性就是個很關(guān)鍵的需求了（總不能把電腦快遞過去給人家看吧…）。Flash的打包發(fā)布功能，這時就派上了用場。做好的原型通過Air for Android打包一個apk文件，郵件發(fā)過去安裝在對方手機上，輕松又愉快。

（左一就是通過Flash打包生成的.apk文件，可以直接復(fù)制到手機上安裝）

另外一些可關(guān)注的工具，還有Pixate和Form，它們都可以通過共享工程文件的方式遠程傳遞，還能通過官方App將原型投射在手機上實時預(yù)覽，缺點是只能做一些基礎(chǔ)的效果，創(chuàng)新一點兒的就搞不定了，不過他們都在不斷地迭代更新，尤其是后者，剛被Google收購，未來說不定會有快速的發(fā)展。

我個人的第二個工具選擇，是Framer Studio。當(dāng)我把制作好的原型拿給工程師看的時候，經(jīng)常被問到這樣一個問題：“能不能把源碼給我們看一下？”這時氣氛通常會比較尷尬，因為Flash也好Form也罷，它們制作的原型只能起到演示的作用，而無法直接生成對開發(fā)有幫助的代碼。此時，除了報班現(xiàn)學(xué)Android或iOS開發(fā)外，還有沒有別的辦法呢？答案是：“有！” Framer Studio給了我們一線曙光。

Framer Studio是一個純編程實現(xiàn)的原型制作工具，有很強的動效實現(xiàn)能力，它的語言是基于Javas cript衍生出的Coffees cript。雖然語法與AndroidiOS有不小的區(qū)別，但僅就動效這塊，很多邏輯是可以共通的。

（Framer的界面，左側(cè)是代碼區(qū)，右側(cè)可以直接看到實現(xiàn)效果，很方便）

當(dāng)然，它的學(xué)習(xí)成本也會高一些，不過當(dāng)你拿著一段Framer的源碼給工程師看的話，當(dāng)中的一些動畫參數(shù)和實現(xiàn)邏輯，多少能給到他們些實際的幫助，所以付出和回報還是成正比的。

另外，如果你專注于iOS平臺，也可以直接嘗試一下Origami，這是個由Facebook團隊開發(fā)的原型工具，通過鏈接節(jié)點式的操作，無需自己寫代碼，在它最新的更新中，已經(jīng)支持導(dǎo)出可供iOS和Android使用的代碼

（Origami最新版支持代碼的導(dǎo)出，雖然可用性還有待提升，但絕對值得持續(xù)關(guān)注）

三、協(xié)助開發(fā)：參數(shù)文檔

有了視頻Demo，有了交互原型，相信工程師們已經(jīng)理解你要做什么了，那他們是否就可以愉快的把動效實現(xiàn)了呢？答案是：不一定。一些簡單的動效，工程師或許可以憑經(jīng)驗搞定。如果你的動效設(shè)計很復(fù)雜，涉及眾多的參數(shù)與速率變化，那僅憑你的描述與工程師肉眼的感覺，恐怕要出偏差。這時，就需要參數(shù)文檔的幫助了。