當(dāng)把項(xiàng)目同步到云后，你可以將原型分享給你的同事或客戶，以獲得及時(shí)的溝通。

發(fā)布項(xiàng)目

在工具欄上點(diǎn)擊“發(fā)布并分享”按鈕，如圖所示，開始發(fā)布。

發(fā)布完成后，如圖所示：

發(fā)布后將生成一個(gè)在線演示地址，你可以復(fù)制該鏈接發(fā)送給你的領(lǐng)導(dǎo)、同事或客戶，或直接在瀏覽器打開項(xiàng)目進(jìn)行演示。

在移動(dòng)設(shè)備上查看原型

對(duì)于移動(dòng)項(xiàng)目，還可以在移動(dòng)設(shè)備上直接查看原型。

發(fā)布項(xiàng)目后，你就可以在手機(jī)上查看原型了。有以下幾種方式供你選擇：

在手機(jī)瀏覽器中，直接打開發(fā)布的鏈接地址；

在桌面瀏覽器中，打開發(fā)布的鏈接地址，然后用手機(jī)掃描演示界面中左下角的二維碼；

打開微信搜索小程序“”或安裝手機(jī)App（點(diǎn)此下載），打開后輸入發(fā)布的原型碼。

如何將原型演示地址添加到手機(jī)桌面？

Android：復(fù)制的演示鏈接，在瀏覽器中打開。選擇“添加書簽” -> 選擇“桌面”，手機(jī)桌面上便會(huì)出現(xiàn)的快捷方式了。

iOS：復(fù)制的演示鏈接，在Safari中打開。按照屏幕中的提示，找到“添加到主屏幕”并點(diǎn)擊，手機(jī)桌面上便會(huì)出現(xiàn)的快捷方式了。

什么是演示包？

2.1可以導(dǎo)出演示包。

你可以同時(shí)導(dǎo)出針對(duì)Windows和針對(duì)Mac OS的演示包，也可以導(dǎo)出其中之一。

針對(duì)windows的演示包，是一個(gè)exe文件；針對(duì)Mac OS的演示包，是一個(gè)app文件。

對(duì)方收到演示包后，可以在他們的Windows或Mac OS 下直接獨(dú)立運(yùn)行。不需要對(duì)方安裝，更不需要其它軟件支持。

演示時(shí)，看到的演示內(nèi)容（包括交互）和你設(shè)計(jì)時(shí)預(yù)覽看到的完全一致。 此外，如果對(duì)方在Mac下運(yùn)行演示遇到問題，請(qǐng)看這里： 導(dǎo)出的Mac演示包在Mac機(jī)上無法打開？

發(fā)布離線HTML

當(dāng)我們?cè)谥型瓿稍驮O(shè)計(jì)后，可以將原型導(dǎo)出為HTML5的離線包，在離線的情況下，也可以通過網(wǎng)頁方式查看原型。還可以通過這個(gè)功能，把網(wǎng)頁部署到你自己的服務(wù)器上，便于團(tuán)隊(duì)內(nèi)部分享。

1.導(dǎo)出HTML演示 主工具欄 > 導(dǎo)出 > 導(dǎo)出HTML演示

2. 將壓縮包內(nèi)所有文件、文件夾（如下圖），上傳到服務(wù)器。

3. 刪除index.html， 將remote.html重命名為index.html，然后使用遠(yuǎn)程地址訪問。

演示和分享原型設(shè)計(jì)的方式

在演示原型方面，提供了多達(dá)8種方式，豐富且實(shí)用。下面給大家具體介紹。

直接演示

適用場(chǎng)合：設(shè)計(jì)時(shí)，便于設(shè)計(jì)者非常快速地查看自己設(shè)計(jì)原型的效果。

操作方式：在設(shè)計(jì)時(shí)，按下快捷鍵F5，或點(diǎn)擊頂部工具欄中的“演示”。

演示支持環(huán)境：軟件。

在線發(fā)布為HTML網(wǎng)頁

適用場(chǎng)合：通過發(fā)送一個(gè)網(wǎng)頁鏈接就可以查看原型。

操作方式：在主工具欄，點(diǎn)擊“發(fā)布并分享”。發(fā)布完成后，即可獲得一個(gè)網(wǎng)頁鏈接地址，復(fù)制這個(gè)地址，將它發(fā)送給同事或客戶。分享實(shí)例：。

演示支持環(huán)境：瀏覽器。

導(dǎo)出HTML的離線包

適用場(chǎng)合：在離線的情況下，也可以通過網(wǎng)頁方式查看原型。還可以通過這個(gè)功能，把網(wǎng)頁部署到你自己的服務(wù)器上，便于團(tuán)隊(duì)內(nèi)部分享。

操作方式：主工具欄->導(dǎo)出->導(dǎo)出HTML演示。

演示支持環(huán)境：瀏覽器。

導(dǎo)出可獨(dú)立運(yùn)行的演示包

適用場(chǎng)合：在離線的情況下查看原型。由于演示包內(nèi)含了的支持環(huán)境，因此，演示時(shí)可以最大程度保證演示效果和設(shè)計(jì)效果完全一致，不受各種瀏覽器的兼容問題影響。

操作方式：主工具欄->導(dǎo)出->導(dǎo)出演示包。

演示支持環(huán)境：不需要其它軟件支持。

輸入原型碼，在手機(jī)中查看原型

適用場(chǎng)合：在線發(fā)布項(xiàng)目后，把獲得的原型碼告訴同事或者客戶，掃描后在線查看原型。

操作方式：在主工具欄，點(diǎn)擊“發(fā)布并分享”。發(fā)布完成后，即可獲得一個(gè)原型碼，將這個(gè)原型碼發(fā)送給同事或客戶。

演示支持環(huán)境：手機(jī)App。下載地址：

掃描二維碼在手機(jī)中查看原型

適用場(chǎng)合：設(shè)計(jì)時(shí)，離線掃碼后即時(shí)查看原型；在線發(fā)布項(xiàng)目后，也可以在瀏覽器中掃碼查看。

操作方式：設(shè)計(jì)時(shí)，直接掃碼。發(fā)布項(xiàng)目后，用手機(jī)在瀏覽器中掃碼，或者把二維碼截圖發(fā)給同事或客戶。

演示支持環(huán)境：手機(jī)瀏覽器（設(shè)計(jì)時(shí)離線掃描需要手機(jī)App）。

導(dǎo)出圖片

適用場(chǎng)合：演示和分享靜態(tài)的線框圖。

操作方式：主工具欄->導(dǎo)出->導(dǎo)出圖片。支持JPG和PNG兩種格式。

演示支持環(huán)境：圖片播放軟件或幻燈片播放軟件。

導(dǎo)出項(xiàng)目樹

適用場(chǎng)合：把整個(gè)項(xiàng)目的樹形結(jié)構(gòu)，導(dǎo)出為圖片等多種形式，包括腦圖、樹圖、HTML、、XML、文本等形式。適合插入到PRD文檔中，輔助演示和分享。

操作方式：主工具欄->導(dǎo)出->導(dǎo)出項(xiàng)目樹。

演示支持環(huán)境：圖片播放軟件、文本編輯軟件或幻燈片播放軟件。

以上，就是演示分享原型的幾種方式，在使用中，你可以根據(jù)需要選擇適合自己的方式。

將 交互原型分享到 UI 中國

摹客 iDoc 與 制作的可交互原型可以分享到 UI中國 快速預(yù)覽啦，我們一起來看看怎么做吧。

1.首先進(jìn)入U(xiǎn)I中國，點(diǎn)擊右上方 [上傳作品] ，即可進(jìn)入作品上傳頁。

2.在作品上傳時(shí)將原型分享鏈接粘貼在此處即可。

3.在打開已經(jīng)制作好的原型，點(diǎn)擊右上角的發(fā)布并分享圖標(biāo)。

如果該文件還未上傳至云端請(qǐng)點(diǎn)擊上傳。

上傳成功后會(huì)進(jìn)入如下頁面，點(diǎn)擊復(fù)制鏈接，并將鏈接復(fù)制到步驟2 UI中國作品發(fā)布框內(nèi)即可。