Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
當把項目同步到云后,你可以將原型分享給你的同事或客戶,以獲得及時的溝通。
發布項目
在工具欄上點擊“發布并分享”按鈕,如圖所示,開始發布。
發布完成后,如圖所示:
發布后將生成一個在線演示地址,你可以復制該鏈接發送給你的領導、同事或客戶,或直接在瀏覽器打開項目進行演示。
在移動設備上查看原型
對于移動項目,還可以在移動設備上直接查看原型。
發布項目后,你就可以在手機上查看原型了。有以下幾種方式供你選擇:
在手機瀏覽器中,直接打開發布的鏈接地址;
在桌面瀏覽器中,打開發布的鏈接地址,然后用手機掃描演示界面中左下角的二維碼;
打開微信搜索小程序“”或安裝手機App(點此下載),打開后輸入發布的原型碼。
如何將原型演示地址添加到手機桌面?
Android:復制的演示鏈接,在瀏覽器中打開。選擇“添加書簽” -> 選擇“桌面”,手機桌面上便會出現的快捷方式了。
iOS:復制的演示鏈接,在Safari中打開。按照屏幕中的提示,找到“添加到主屏幕”并點擊,手機桌面上便會出現的快捷方式了。
什么是演示包?
2.1可以導出演示包。
你可以同時導出針對Windows和針對Mac OS的演示包,也可以導出其中之一。
針對windows的演示包,是一個exe文件;針對Mac OS的演示包,是一個app文件。
對方收到演示包后,可以在他們的Windows或Mac OS 下直接獨立運行。不需要對方安裝,更不需要其它軟件支持。
演示時,看到的演示內容(包括交互)和你設計時預覽看到的完全一致。 此外,如果對方在Mac下運行演示遇到問題,請看這里: 導出的Mac演示包在Mac機上無法打開?
發布離線HTML
當我們在中完成原型設計后,可以將原型導出為HTML5的離線包,在離線的情況下,也可以通過網頁方式查看原型。還可以通過這個功能,把網頁部署到你自己的服務器上,便于團隊內部分享。
1.導出HTML演示 主工具欄 > 導出 > 導出HTML演示
2. 將壓縮包內所有文件、文件夾(如下圖),上傳到服務器。
3. 刪除index.html, 將remote.html重命名為index.html,然后使用遠程地址訪問。
演示和分享原型設計的方式
在演示原型方面,提供了多達8種方式,豐富且實用。下面給大家具體介紹。
直接演示
適用場合:設計時,便于設計者非常快速地查看自己設計原型的效果。
操作方式:在設計時,按下快捷鍵F5,或點擊頂部工具欄中的“演示”。
演示支持環境:軟件。
在線發布為HTML網頁
適用場合:通過發送一個網頁鏈接就可以查看原型。
操作方式:在主工具欄,點擊“發布并分享”。發布完成后,即可獲得一個網頁鏈接地址,復制這個地址,將它發送給同事或客戶。分享實例:。
演示支持環境:瀏覽器。
導出HTML的離線包
適用場合:在離線的情況下,也可以通過網頁方式查看原型。還可以通過這個功能,把網頁部署到你自己的服務器上,便于團隊內部分享。
操作方式:主工具欄->導出->導出HTML演示。
演示支持環境:瀏覽器。
導出可獨立運行的演示包
適用場合:在離線的情況下查看原型。由于演示包內含了的支持環境,因此,演示時可以最大程度保證演示效果和設計效果完全一致,不受各種瀏覽器的兼容問題影響。
操作方式:主工具欄->導出->導出演示包。
演示支持環境:不需要其它軟件支持。
輸入原型碼,在手機中查看原型
適用場合:在線發布項目后,把獲得的原型碼告訴同事或者客戶,掃描后在線查看原型。
操作方式:在主工具欄,點擊“發布并分享”。發布完成后,即可獲得一個原型碼,將這個原型碼發送給同事或客戶。
演示支持環境:手機App。下載地址:
掃描二維碼在手機中查看原型
適用場合:設計時,離線掃碼后即時查看原型;在線發布項目后,也可以在瀏覽器中掃碼查看。
操作方式:設計時,直接掃碼。發布項目后,用手機在瀏覽器中掃碼,或者把二維碼截圖發給同事或客戶。
演示支持環境:手機瀏覽器(設計時離線掃描需要手機App)。
導出圖片
適用場合:演示和分享靜態的線框圖。
操作方式:主工具欄->導出->導出圖片。支持JPG和PNG兩種格式。
演示支持環境:圖片播放軟件或幻燈片播放軟件。
導出項目樹
適用場合:把整個項目的樹形結構,導出為圖片等多種形式,包括腦圖、樹圖、HTML、、XML、文本等形式。適合插入到PRD文檔中,輔助演示和分享。
操作方式:主工具欄->導出->導出項目樹。
演示支持環境:圖片播放軟件、文本編輯軟件或幻燈片播放軟件。
以上,就是演示分享原型的幾種方式,在使用中,你可以根據需要選擇適合自己的方式。
將 交互原型分享到 UI 中國
摹客 iDoc 與 制作的可交互原型可以分享到 UI中國 快速預覽啦,我們一起來看看怎么做吧。
1.首先進入UI中國,點擊右上方 [上傳作品] ,即可進入作品上傳頁。
2.在作品上傳時將原型分享鏈接粘貼在此處即可。
3.在打開已經制作好的原型,點擊右上角的發布并分享圖標。
如果該文件還未上傳至云端請點擊上傳。
上傳成功后會進入如下頁面,點擊復制鏈接,并將鏈接復制到步驟2 UI中國作品發布框內即可。
*請認真填寫需求信息,我們會在24小時內與您取得聯系。