?xml version="1.0" encoding="UTF-8"?
今天上手了解了一下Invison studio，是被他的宣傳“響應(yīng)式設(shè)計快速搞定”所吸引的，研究了一早上也算整清楚了，它包括了所有藍(lán)湖現(xiàn)有的功能，所以平時如果只是設(shè)計+設(shè)計評審+簡單頁面交互+開發(fā)交互，那么藍(lán)湖完全可以實現(xiàn)，就不用再放棄藍(lán)湖使用InVison Studio了。
如果上面的情況不能滿足你的平實工作，如果你不僅僅是視覺設(shè)計師，那么，InVison Studio可能有能幫到你的地方。
1.頁面布局響應(yīng)式設(shè)計：你可以將你的sketch中制作的一倍圖直接倒入到InVison Studio中，直接開始你的設(shè)計響應(yīng)式，你需要調(diào)整有所頁面元素在響應(yīng)式頁面中的對齊方式，InVison Studio提供了以下幾種：
第一種表示：Maintain top／bottom／left / right offset from parent container when resizing 當(dāng)上一級的控件尺寸改變時，保持上／下／左／右偏移
第二種表示：Maintain horizontal center offset from parent container when resizing當(dāng)上一級控件尺寸改變時，元素始終保持水平居中顯示
第三種表示：Maintain vertical center offset from parent container when resizing當(dāng)上一級控件尺寸改變時，元素始終保持豎直居中顯示
舉例一. 原尺寸和隨意改變后尺寸元素變化情況對比如下圖所示：
順利實現(xiàn)了響應(yīng)式布局
不足：不能完全達(dá)到前端程序員書寫的響應(yīng)式，比如，當(dāng)頁面寬度到達(dá)多少寬度后，頁面元素?fù)Q行，元素之間的間距不變。
2.內(nèi)置默認(rèn)動效比較多，且常用
常用的動效有以下幾種可以選擇：
設(shè)置轉(zhuǎn)場動畫方法：將轉(zhuǎn)場觸發(fā)元素選中后點擊工具欄閃電按鈕，如圖所示：
將轉(zhuǎn)場頁面用箭頭拉選，之后頁面出現(xiàn)下圖屬性欄：
又興趣的伙伴們可以下載下來試著用用，了解一下，后附下載鏈接。
在這個屬性面板里面，我們可以設(shè)置，觸發(fā)效果，觸發(fā)效果有以下幾種：
我們還可以設(shè)置運動Motion，學(xué)過AE的同學(xué)應(yīng)該不會陌生，他就是運動設(shè)置，我們可以調(diào)整duration和delay屬性，來調(diào)整轉(zhuǎn)場動畫效果，如果想要調(diào)整頁面中每個元素的轉(zhuǎn)場效果，你還需要在時間軸上進(jìn)行調(diào)整，時間軸建下圖：
補(bǔ)充一下：InVison Studio是目前為止，世界上設(shè)計工具中，最強(qiáng)大的一款設(shè)計工具，它主要應(yīng)用于移送端，web端，ipad端的保真，原型圖設(shè)計，轉(zhuǎn)場動畫設(shè)計。
官方說InVison Studio是完全免費不限系統(tǒng)的設(shè)計軟件，但是，目前只有 Mac 版，所以windows的小伙伴，我只有mac的安裝包，不過應(yīng)該不久就可以不限系統(tǒng)啦！
參考鏈接：https://zhuanlan.zhihu.com/p/30284789
https://www.invisionapp.com/studio
軟件下載包鏈接：密碼:q5fh
