提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
如果你日理萬機沒有時間,可以滾到文章最下方下載打包好的福利并親自上手體驗。
歡迎來我的追波逛逛 https://dribbble.com/Zhuyuxuan
Flinto for Mac 2 已經(jīng)出了好一段時間了,不過國內(nèi)好像沒有啥關(guān)注度(我猜是因為他們的官網(wǎng)沒翻墻登不上的緣故),其實這回更新非常給力,新增的Behavior Designer功能讓它成為我制作可交互原型的第二選擇(第一選擇肯定是我的大FramerJS啦),那么到底這個Behavior Designer是什么,下面就來給大家介紹下。
文章最后有特大福利,關(guān)于Behavior Designer這個新功能的詳細官方教程,雖然詳細,但卻短小精悍,一看就懂。翻墻搬運,且下且珍惜。
何為Behavior Designer?
Flinto for Mac 2的Behavior Designer功能專門為各種微交互效果而設(shè)計。市面上的許多可交互原型設(shè)計軟件的基本功能都能夠滿足設(shè)計師們的需求,但是問題就總愛出在一些微小的地方,Behavior Designer這個強大功能的面世正是為了解決這些問題。比如基于滾動的一些小交互、無限自動循環(huán)的動效、更接近真機的switches效果、一些按鈕的微交互效果等等。Behavior能夠被打斷(這一點真的是要給個大大的贊),也能夠像我們熟悉的transition效果一樣被無限復用,讓你在制作更高水平的可交互原型的同時提高效率。
Behavior Designer性能良好而且易于使用(上面這個是介紹視頻,需要Behavior Designer的教程視頻的朋友請滾到文章末尾下載。),無需一行代碼,完全圖形化操作。
運用Behavior對groups的狀態(tài)加以定義,然后在各個狀態(tài)之間添加連接,boom!一切就做好了。(不得不說Flinto 2.0的這個功能真的是非常強大,要知道在Framer里面處理這些微交互效果是需要一些功夫的。)
以上面這個動圖里面的switches為例,他們在兩個狀態(tài)之間以tap gesture(點擊)為連接創(chuàng)作出了細節(jié)非常豐富且真實的效果,而如果你想要你的原型更加貼近現(xiàn)實,那么你可以加入一個swipe gesture(滑動),讓這個switches效果能夠被打斷。(真的是太厲害了?。。?/p>
如果你需要一個無線循環(huán)的動畫,譬如說一個loading動畫,這玩意在別的原型制作軟件里面也是蠻麻煩的。使用Behavior功能的話你只需要定義你想要的幾個位置,然后用timer link將他們連接起來。
一些基于滾動的效果制作起來也非常簡單,用被重新設(shè)計過的scroll gesture來連接這些元素,一切盡在你的掌握之中。從一個狀態(tài)轉(zhuǎn)換到另外一個狀態(tài)的動畫基于滾動操作而發(fā)生,上面動圖中的例子使用了兩個behavior(是的,你可以在同一個組內(nèi)多次使用behavior)。一個用于控制標題的狀態(tài),一個用于控制圖片的狀態(tài),動效的發(fā)生都基于滾動操作事件的發(fā)生。
完成了Behavior Designer的操作之后直接退出編輯模式,該干嘛干嘛去,Behavior Designer不會對其它效果產(chǎn)生任何影響,模塊化編輯的思維簡直是設(shè)計師的最愛了好嗎。
復用性能被增強了
動效的時候大家都有一個痛點,就是復用性較低,我們無法像在sketch里面復制一個圖片一樣復制一個交互效果,**這就導致了有許多效果即使我們10分鐘之前才做過,但是每當你需要的時候你還是要重新再做一遍,**(Framer的復用性也是無與倫比的強,這就是為什么我非常喜歡Framer)其實做動效并不是大家想象中那樣浪費時間,真正吃掉大家時間的其實是這些無法復用的困局。
Flinto 2 對效果可復用性的提升非常給力,它所有的transitions和behaviors效果都能夠輕松地粘貼復制,以運用于其他項目文件之中!同樣的事情你再也不用做上無數(shù)遍了。同時這也意味著你跟同事之間能夠一起定義一套動效的標準并一直復用下去了?。?/p>
Transition Designer也有所提升
老功能也沒有被忘記,提升的空間總是有的,以前的Transition Designer有時候總是讓問感到困惑(我就不多說了,真的非常繞,有時候我連哪個狀態(tài)是前,哪個是后都搞不懂啊?。?。同時我們也添加了“aligned screen”的新功能。
[福利資源包] 私人七牛云服務(wù)器,速度極快無廣告,各位輕點兒
BTW,如果有空的話,還可以來我Dribbble逛逛!
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊