交互原型設(shè)計(jì)框架 Framer。js 今天發(fā)布了 Mac 桌面軟件 Framer Studio，算是為移動(dòng)交互設(shè)計(jì)領(lǐng)域增添了又一款強(qiáng)有力的生產(chǎn)力工具。

　　Framer。js 的創(chuàng)始人 Koen Bok 和 Jorn van Dijk 分別是之前 Mac 平臺(tái)著名的軟件開發(fā)公司 Sofa 的創(chuàng)始人和設(shè)計(jì)總監(jiān)，隨著 Sofa 幾年前被 Facebook 收購(gòu)，他們也都加入到 Facebook 做起了產(chǎn)品設(shè)計(jì)，但最近兩人離職后創(chuàng)立了 Podium，專注于打造小而美的生產(chǎn)力工具，當(dāng)然目前還只是針對(duì) Mac 平臺(tái)，可以說(shuō)是建立了第二個(gè) Sofa 吧。

　　其實(shí) Framer。js 很早就推出并且開源了，隨著最近 3。0 的發(fā)布，底層代碼已經(jīng)重新全寫了，功能和動(dòng)畫效果也更加完善了，官網(wǎng)上的教程和例子也很豐富，可以看到利用它可以創(chuàng)造出和 Carousel，Google Now 這些 app 一樣的復(fù)雜交互。另外它還提供了一個(gè) The Framer Generator，可以方便的讓設(shè)計(jì)師把 Photoshop 或 Sketch 里的設(shè)計(jì)圖導(dǎo)入到 Framer。js 里面，而這次 Framer Studio 的發(fā)布，讓這一創(chuàng)作過(guò)程更加簡(jiǎn)便了，極大了方便了設(shè)計(jì)師，并且之前內(nèi)測(cè)時(shí)也得到了包括 Facebook，Dropbox 等公司的頂級(jí)設(shè)計(jì)師們的一致好評(píng)。

　　另外值得一提的是，蘋果自家的開發(fā)者工具 Quartz Composer(簡(jiǎn)稱QC)雖然已經(jīng)存在了多年，但除了蘋果員工自己用，在外界一直默默無(wú)聞，直到 Facebook Home 的發(fā)布，國(guó)內(nèi)外設(shè)計(jì)師和開發(fā)者學(xué)習(xí) QC 的熱情才漸漸變得無(wú)比高漲，網(wǎng)上視頻教程，相關(guān)網(wǎng)站也多了起來(lái)，甚至 Facebook 還推出了針對(duì)它的框架 Origami，以及 IDEO 最近發(fā)布的 Avocado，一下子讓 QC 成為了炙手可熱的原型交互工具了。不知道這次 Framer。js 和 Framer Studio 的出現(xiàn)會(huì)不會(huì)讓它成為這一領(lǐng)域的又一大陣營(yíng)呢？

　　移動(dòng)設(shè)備這些年的發(fā)展，手機(jī)上的交互創(chuàng)新越來(lái)越多，而隨著 iOS 7 的日漸普及，手機(jī)廠商都漸漸走向了扁平化，交互設(shè)計(jì)為主，視覺設(shè)計(jì)為輔的路線，于是設(shè)計(jì)師們發(fā)現(xiàn)，之前的生產(chǎn)工具已經(jīng)不能為移動(dòng)平臺(tái)的應(yīng)用創(chuàng)造更好的交互設(shè)計(jì)了，所以才導(dǎo)致了現(xiàn)在這類工具的大規(guī)模爆發(fā)。

　　最后說(shuō)說(shuō)我自己對(duì)這兩種工具的使用經(jīng)驗(yàn)吧，雖然它們都很有前途社區(qū)支持也很強(qiáng)大，并且都和 Facebook 淵源很深，但作為設(shè)計(jì)師，還是感覺這兩種工具的學(xué)習(xí)成本太高了，F(xiàn)ramer。js 由于是需要手寫代碼來(lái)實(shí)現(xiàn)交互效果的，對(duì)于單純只做設(shè)計(jì)的設(shè)計(jì)師可能很難上手，而且它的代碼是 CoffeeScript，這讓設(shè)計(jì)師尤其是交互設(shè)計(jì)師學(xué)習(xí)的成本更大了…而 QC 呢，雖然它不需要寫代碼，但是使用起來(lái)還是過(guò)于復(fù)雜，而且最大的弊病是，做出來(lái)的東西可復(fù)用性和可維護(hù)性都太差了。

　　不知道其他設(shè)計(jì)師是怎么看待這些工具的呢？

　　[36氪原創(chuàng)文章，作者！ dingyi]

　　AD！ Windows Phone開發(fā)者交流沙龍 北京站啟動(dòng) 立即報(bào)名