當(dāng)你在電腦上已經(jīng)安裝并打開了ProtoPie，也就意味著你已經(jīng)準(zhǔn)備好制作第一個原型了。

 

本文將帶你探索如何將先前的設(shè)計導(dǎo)入到ProtoPie中、創(chuàng)建第一個交互、測試你的作品、以及將你的第一個原型作品共享給他人。

 

要創(chuàng)建貼近產(chǎn)品的真實原型，必須先理解ProtoPie獨(dú)一無二的概念模型。這一概念模型是作為ProtoPie的根基和支柱存在的，在ProtoPie中創(chuàng)建的每一個交互都可以歸結(jié)到這個模型中。

 

 

1. 導(dǎo)入設(shè)計

使用相應(yīng)的ProtoPie插件從Figma、Sketch或Adobe XD中將設(shè)計導(dǎo)入到ProtoPie中。

導(dǎo)入Figma、Sketch以及Adobe XD的畫板作為ProtoPie中的場景，并維持其中各對象原有的圖層層次組織結(jié)構(gòu)、位置和限制約束等。

 

 

2. 創(chuàng)建第一個交互

要創(chuàng)建貼近產(chǎn)品的第一個真實交互，必須先理解ProtoPie獨(dú)一無二的概念模型。在理解這一模型后，只需要將正確的片段組合起來即可創(chuàng)建出第一個交互。

 

了解概念模型

這一概念模型是作為ProtoPie的根基和支柱存在的。ProtoPie的概念模型是基于現(xiàn)實世界中對象的移動運(yùn)行方式進(jìn)行抽象的。

 

要創(chuàng)建一個原型，就需要先創(chuàng)建其交互；而要創(chuàng)建其交互，則應(yīng)先把涉及的對象、一個觸發(fā)動作、一個或多個反應(yīng)動作關(guān)聯(lián)在一起。

對象指的是上述構(gòu)成要素中會以某種方式受到影響的任意類型的圖層。觸發(fā)動作或反應(yīng)動作都可以使對象受到影響。觸發(fā)動作是可以觸發(fā)一個或多個反應(yīng)動作的動作行為；而反應(yīng)動作是受觸發(fā)動作所觸發(fā)從而發(fā)生變化的動作行為。

受元素周期表的啟發(fā)，ProtoPie也創(chuàng)造了其自有的“交互周期表”，這個表由兩個分組構(gòu)成：觸發(fā)動作和反應(yīng)動作。每個觸發(fā)動作和反應(yīng)動作都有其唯一的功能和屬性。

 

由此從交互周期表中就可以根據(jù)需要選取各類觸發(fā)動作和反應(yīng)動作。在ProtoPie中制作原型時，將觸發(fā)動作和反應(yīng)動作相互搭配使用，使交互行為可以被貫穿起來，即可創(chuàng)造出你所能想到的任意形式的交互。

 

 

當(dāng)然，你也可以創(chuàng)建更為復(fù)雜的交互?？梢灾谱鞒鲱愃葡路搅信e的交互：

 

• 在一個交互中具有多個反應(yīng)動作。
• 在一個交互中將觸發(fā)動作和反應(yīng)動作分別賦予不同的兩個圖層。
• 控制每個反應(yīng)動作的持續(xù)時間和響應(yīng)延遲。
• 使用表達(dá)式動態(tài)控制圖層。

 

 

3. 測試制作好的原型

在預(yù)覽窗口中可以實時查看到正在制作的交互動作，以助及時發(fā)現(xiàn)問題并測試效果。

 

在默認(rèn)情況下，預(yù)覽窗口會隨著圖層和交互的改變而自動更新。

 

如果想在打開ProtoPie Studio或在切換原型時默認(rèn)隱藏預(yù)覽窗，可以在偏好設(shè)置菜單中設(shè)置預(yù)覽窗為關(guān)閉狀態(tài)。