簡介

ProtoPie由ProtoPie Studio和ProtoPie Player兩部分組成。ProtoPie Studio是安裝在Windows和Mac OS X電腦上使用的離線編輯軟件。在安卓系統或蘋果系統的手機上下載ProtoPie Player后就可以接收在電腦上制作的原型,以便在手機上測試交互效果。

ProtoPie Player-iPhone版 / Android版
Available on the App Store GET IT ON Google Play

連接ProtoPie Player

用 ProtoPie Studio制作好的原型可以在安裝ProtoPie Player的手機上演示。ProtoPie Player是一款和實際App一樣的 Native app,因此展現的交互效果會和真實的App一樣自然流暢。為了保證能在各種情境下演示原型,ProtoPie Player提供了4種與ProtoPie Studio連接的方法。

掃描二維碼

  1. 準備好已設置ProtoPie Studio的電腦和ProtoPie Player的手機。
  2. 將電腦和手機連接在同一無線網絡下。
  3. 在ProtoPie Studio的工具欄找到設備按鈕,點擊后會彈出如下圖一樣帶有二維碼的窗口。
  4. 在ProtoPie Player上點擊‘掃描’按鈕,二維碼掃描自動開啟,掃描窗口上的二維碼。
  5. 點擊ProtoPie Studio工具欄上的‘運行’ 按鈕,或者單擊ProtoPie Player上的 運行 按鈕可以將原型傳送至ProtoPie Player。
  6. 在ProtoPie Studio上修改完原型后,再次點擊‘運行’按鈕就可以將最新的原型發送到手機上。

** 網絡或IP地址發生改變時,需要重新掃描二維碼。

輸入IP地址

  1. 準備好已設置ProtoPie Studio的電腦和ProtoPie Player的手機。
  2. 將電腦和手機連接在同一無線網絡下。
  3. 在ProtoPie Studio的工具欄找到設備按鈕,點擊后會彈出如下圖一樣帶有二維碼以及網絡IP地址的窗口。
  4. 點擊ProtoPie Player上的‘輸入’ 按鈕,彈出可以輸入IP地址的界面。
  5. ProtoPie Studio的設備控制窗上接收該設備的連接邀請。這樣ProtoPie Player和ProtoPie Studio就連接成功了。
  6. 點擊ProtoPie Studio工具欄上的‘運行’ 按鈕,或者單擊ProtoPie Player上的 運行 按鈕可以將原型傳送至ProtoPie Player。
  7. 在ProtoPie Studio上修改完原型后,再次點擊‘運行’按鈕就可以將最新的原型發送到手機上。

** 連接過的IP地址會顯示在ProtoPie Player的首頁以及IP輸入界面。直接點擊IP地址可以快速連接ProtoPie Studio。

** 即使仍連接在同一網絡,IP地址也可能改變。輸入IP地址前請確認當前IP為最新的IP地址。

使用USB數據線

  1. 準備好已設置ProtoPie Studio的電腦和ProtoPie Player的手機。
  2. 使用USB數據線連接電腦和手機。
    **安卓手機需要先激活USB調試
    **iPhone和Windows連接時,需要先在電腦安裝iTunes。
  3. 在ProtoPie Player上點擊‘USB’按鈕。
  4. 使用USB 連接線連接時無需在設備窗上接收邀請,手機和電腦將自動連接。
  5. 點擊ProtoPie Studio工具欄上的‘運行’ 按鈕,或者單擊ProtoPie Player上的 運行 按鈕可以將原型傳送至ProtoPie Player。
  6. 在ProtoPie Studio上修改完原型后,再次點擊‘運行’按鈕就可以將最新的原型發送到手機上。

安卓USB調試

USB調試的具體內容請參考下圖

  1. Android USB Debugging01

    進入‘設置’界面后進入‘關于手機’

  2. Android USB Debugging02

    單擊‘版本號’7次后將出現‘開發者選項’

  3. Android USB Debugging03

    進入‘開發者選項

  4. Android USB Debugging04

    找到‘USB調試’’

  5. Android USB Debugging05

    開啟‘USB調試’’

ProtoPie Player更多功能

雙指連續點擊手機屏幕兩次可以看到原型演示操作窗,里面有多種選項。

結束
結束原型演示,并回到首頁
重新演示
重新演示正在演示的原型
儲存至手機
儲存從ProtoPie Studio發送到手機上的原型文件
調節演示速度
調整原型的演示速度

** 在ProtoPie Player調整演示的速度不會影響原型本來的速度值。

選擇初始場景
當原型中有多個場景時,你可以選擇你所期望的一個場景作為ProtoPie Player演示該原型時的初始畫面。

隨身攜帶原型文件

即使沒有ProtoPie Studio也可以使用 ProtoPie Player演示原型。首先在ProtoPie Studio上保存原型。將保存好的PIE文件通過郵件或通訊軟件等多種方式分享。

iOS手機

  1. 在郵件或通訊軟件上面打開PIE文件時,會出現下面的畫面。點擊分享按鈕,選擇‘拷貝至ProtoPie’。
  2. ProtoPie Player 會自動開啟并打開原型。
  3. 再次打開ProtoPie Player時,點擊離線文件 可以在目錄中看到已下載到手機并開啟過一次的離線PIE文件。

安卓手機

  1. 通過郵件或通訊軟件下載PIE文件并保存到手機。
  2. 打開ProtoPie Player點擊離線文件。
  3. 點擊搜索文件按鈕可以找到下載好的PIE文件目錄。
  4. 點擊要查看的PIE 文件,文件內容會自動展示在ProtoPie Player。
  5. 再次打開ProtoPie Player時,點擊‘離線文件’可以在目錄中看到已下載到手機并開啟過一次的離線PIE文件。

字體管理

為確保在ProtoPie Studio中使用的字體能正常顯示,用戶需要在Player上安裝相應字體。

iPhone

先將字體安裝文件通過聊天工具、郵箱或云盤等方式發送到手機上。手機收到安裝文件后,分享該文件到ProtoPie Player,接下來就可以根據提示安裝字體了。

  1. iPhone Font Install 01
  2. iPhone Font Install 02

Android

先將字體安裝文件發動到安卓手機上。進入設置-字體管理界面,點擊右上端的“+”按鈕。然后選擇要安裝的字體文件即可。

  1. iPhone Font Install 01
  2. iPhone Font Install 02
  3. iPhone Font Install 03
TOP
哪个软件上能炒白银