Home » 線上教學 » 第十一章 手機展示 prototype » 11 手機上展示prototype

11 手機上展示prototype

第十一章:手機上展示Prototype

本節學習目標

  • 了解如何設定手機發布
  • 學會如何將檔案上傳至雲端
  • 學會如何在手機上瀏覽prototype
  • 將prototype放置到手機桌面上使用


11-1

手機發布設定

點選上方工具列 Publish→Generate HTML Files,
或是直接按快速鍵 F8,就會開啟發布窗格。

選擇 Mobile/Device,再設定相關發布選項,
其中 Home Screen Icon 可以加上 Icon,
而 iOS Splash Screens 也可以加上起始頁,
只要按下 import 加入我們設計好的圖檔即可。


11-2

將檔案上傳至雲端

可透過 Create Account 創立新帳戶,
或是在 Existing Account 輸入現有帳戶資料。
接著替專案進行命名,完成後按下 Publish。

11-3
發布完成後點選網址,就可以透過雲端瀏覽。
(可同步參考<2-3發布至雲端>)


11-4

在手機上瀏覽 prototype

如果要在手機上瀏覽 prototype,
需點選 Get Links 圖示,再選擇 without sitemap,
然後複製其網址,並在手機上輸入此網址即可。


11-5

將 prototype 放置到手機桌面上使用

在手機的瀏覽器上點選新增至主螢幕,
或是新增捷徑等選項(依瀏覽器有不同名稱),
就可以在手機桌面上看見先前已設置的 icon,
點選 icon 便可直接觀看 prototype。

Leave a Reply