ProtoPie Studio 的用戶(hù)界面簡(jiǎn)單直觀。本頁(yè)面提供關(guān)鍵功能信息點(diǎn)。

 

熟悉該界面了嗎？了解更多，制作第一個(gè)原型！

 

我的主頁(yè)

登錄ProtoPie Studio，可以查看最近原型（Pie）、創(chuàng)建新原型、打開(kāi)本地的原型或云端的Pie 文件。

 

最近的Pie：在“最近打開(kāi)的Pie文件”打開(kāi)最近訪問(wèn)過(guò)的原型，訪問(wèn)正在進(jìn)行的項(xiàng)目。

刪除：如果選擇此選項(xiàng)，將永久從計(jì)算機(jī)或云端刪除Pie 文件。

從最近中刪除：如果希望從最近查看列表刪除Pie 文件，請(qǐng)選擇“從最近中刪除”選項(xiàng)。

 

打開(kāi)Pie：ProtoPie Studio 提供多種打開(kāi)原型的方式。你可以直接從ProtoPie Cloud 打開(kāi)原型，或訪問(wèn)保存在計(jì)算機(jī)上的本地.pie文件。在ProtoPie Studio中了解更多關(guān)于在ProtoPie Studio中打開(kāi)云端Pie的信息。

新建Pie文件：要開(kāi)始創(chuàng)建新的Pie，請(qǐng)選擇兩個(gè)可用的“新建Pie”按鈕中的一個(gè)。您還可以在制作第一個(gè)原型中找到更多信息。

 

 

學(xué)習(xí)資源

在ProtoPie Studio “學(xué)習(xí)資源”中，可以找到有關(guān)ProtoPie 的最佳學(xué)習(xí)材料，幫你開(kāi)啟原型設(shè)計(jì)之旅，包括：

 

交互范例：直接在ProtoPie中打開(kāi)交互模板。查看并使用交互原型。

交互原型作品集：從其他ProtoPie用戶(hù)創(chuàng)建的原型中獲取靈感。

小白快速上手案例（英文）：5-7分鐘的基本功能教程，成為ProtoPie 專(zhuān)家。

制作技巧和教程：更加全面的實(shí)用教程。

交流活動(dòng)：ProtoPie的實(shí)時(shí)活動(dòng)。從ProtoPie的專(zhuān)家和客戶(hù)那里學(xué)習(xí)最佳實(shí)踐和行業(yè)趨勢(shì)。

 

 

 

 

其他幫助

需要幫助？訪問(wèn)博客，閱讀使用文檔，提交或支持功能請(qǐng)求，或加入中文社群，向其他ProtoPie用戶(hù)學(xué)習(xí)。

 

 

原型制作

 

1. 圖層面板

在圖層面板中可以找到每個(gè)場(chǎng)景中被有序按照層次結(jié)構(gòu)組織起來(lái)的所有圖層。了解更多關(guān)于場(chǎng)景如何工作的知識(shí)。

 

在圖層面板中對(duì)圖層進(jìn)行排序、重命名、鎖定、解鎖、隱藏、顯示等操作與在其它設(shè)計(jì)工具中的操作是一樣的。

 

當(dāng)從Figma,、Sketch或Adobe XD中導(dǎo)入設(shè)計(jì)到ProtoPie Studio后，圖層面板將會(huì)以同樣的層次組織結(jié)構(gòu)顯示導(dǎo)入后的圖層。了解更多關(guān)于導(dǎo)入設(shè)計(jì)的知識(shí)。

 

2. 場(chǎng)景面板

默認(rèn)情況下場(chǎng)景面板是不可見(jiàn)的。要訪問(wèn)場(chǎng)景面板，需要點(diǎn)擊窗口左側(cè)的場(chǎng)景面板圖標(biāo)。在場(chǎng)景面板中可以查看原型中所有的場(chǎng)景，并可以對(duì)場(chǎng)景進(jìn)行排序，以及從場(chǎng)景面板中打開(kāi)某個(gè)場(chǎng)景。

 

 

3. 畫(huà)布

在畫(huà)布上，可以查看到整個(gè)場(chǎng)景及該場(chǎng)景上的圖層。畫(huà)布每次只顯示一個(gè)場(chǎng)景的內(nèi)容。

 

可以使用多種方式在畫(huà)布上插入不同的圖層。將圖層從其他設(shè)計(jì)工具中導(dǎo)入、直接創(chuàng)建圖層、或手動(dòng)將圖層添加到畫(huà)布上，均可實(shí)現(xiàn)這一目的。了解更多關(guān)于圖層的知識(shí)。

 

要在畫(huà)布上進(jìn)行平移操作，可以按住空格鍵不放然后進(jìn)行鼠標(biāo)點(diǎn)擊與拖動(dòng)。

 

4. 屬性面板

在屬性面板中可以查看和設(shè)置屬性。根據(jù)當(dāng)前選擇的對(duì)象，屬性面板會(huì)自動(dòng)切換成場(chǎng)景、圖層、觸發(fā)動(dòng)作或反應(yīng)動(dòng)作的屬性信息——這取決于你所選擇的對(duì)象是什么。如果選擇多個(gè)對(duì)象，則可以立即看到這些對(duì)象間共同的屬性信息。

 

5. 交互面板

在交互面板上可以創(chuàng)建交互。通過(guò)添加一個(gè)觸發(fā)動(dòng)作并將其連接到一個(gè)或多個(gè)反應(yīng)動(dòng)作上即可創(chuàng)建交互。

 

交互面板以列表方式顯示一個(gè)場(chǎng)景中所有的交互。與圖層面板不同，交互面板并不以層次組織結(jié)構(gòu)的方式進(jìn)行顯示。

 

 

6. 時(shí)間線

為反應(yīng)動(dòng)作的持續(xù)時(shí)間、延遲和重復(fù)提供可視化顯示。時(shí)間線反映了這些與時(shí)長(zhǎng)有關(guān)的屬性，這些屬性可以在屬性面板中進(jìn)行修改。

 

 

7. 預(yù)覽窗口

可以在預(yù)覽窗口中運(yùn)行制作中的原型。在預(yù)覽窗口中可以實(shí)時(shí)查看到正在制作的交互動(dòng)作，以助及時(shí)發(fā)現(xiàn)問(wèn)題并測(cè)試效果。

 

默認(rèn)情況下，預(yù)覽窗口會(huì)隨著文件的編輯而自動(dòng)實(shí)時(shí)更新。

 

8. 工具欄

工具欄使得對(duì)常用功能的訪問(wèn)更為便捷。

 

• 添加圖層
• 改變畫(huà)布尺寸
• 打開(kāi)預(yù)覽窗口。
• 連接裝有ProtoPie Player的移動(dòng)端設(shè)備
• 通過(guò)ProtoPie Cloud共享原型。

 

9. 組件面板

類(lèi)似于場(chǎng)景面板，組件面板在默認(rèn)情況下是不顯示的。要訪問(wèn)組件面板，需要點(diǎn)擊窗口左邊的組件面板圖標(biāo)。在組件面板中可以查看本機(jī)的組件以及交互組件庫(kù)。

 

 

10. 變量面板

類(lèi)似于場(chǎng)景和組件面板，變量面板在默認(rèn)情況下不可見(jiàn)。若要訪問(wèn)變量面板，請(qǐng)單擊變量。查看整個(gè)原型或已打開(kāi)場(chǎng)景中使用的變量。

 

 

偏好設(shè)置

 

通用

可以調(diào)整ProtoPie Studio的常規(guī)設(shè)置，包括語(yǔ)言、外觀和畫(huà)布背景顏色。目前，ProtoPie Studio支持英語(yǔ)、日語(yǔ)和中文。

 

 

場(chǎng)景

默認(rèn)設(shè)備為首次創(chuàng)建原型時(shí)使用的設(shè)備。你可以從預(yù)設(shè)列表中選擇一個(gè)默認(rèn)設(shè)備，也可以自定義。在ProtoPie Studio內(nèi)了解更多關(guān)于支持的設(shè)備的信息。

 

網(wǎng)絡(luò)

ProtoPie Studio中的代理設(shè)置最初設(shè)置為“無(wú)代理”。如果你的公司使用代理服務(wù)器，請(qǐng)參考這些指南來(lái)配置代理設(shè)置。

 

實(shí)驗(yàn)室

通過(guò)在實(shí)驗(yàn)室中啟用測(cè)試版功能。如果有任何反饋，可以在ProtoPie Studio內(nèi)通過(guò)填寫(xiě)“問(wèn)題反饋”表單來(lái)提供反饋。

 

或者，加入中文社區(qū)并分享見(jiàn)解。