Axure是工作上常用到的工具，是一個做網頁mock up的好幫手。
一直以來為了方便，不論是desktop網頁還是Mobile、APP的畫面，都很自然的使用電腦進行說明。而有天某個產品需要配合銷售，得讓顧客有更進一步的體驗，用手機Demo的這檔事也終於是被我遇到了啊！！！！！
上網爬了一下設定操作的一些文章，自己也實做了一下後，將此次的經驗做個紀錄。
平常在電腦上Demo用Axure做的mock up，通常是需要先將各個頁面轉輸出為Html格式，而透過瀏覽器做假畫面的展示，而這邊可以理解瀏覽器可以閱讀我們所製作的Mock up，是因為瀏覽器是吃電腦上那一包輸出的Html格式中的頁面檔，因此可以正常進行播放。
(下圖，為Axure 輸出Html的位置及電腦本機端看到的Html資料夾內的檔案內容)
然而在手機並沒有像電腦一樣有檔案夾讓瀏覽器可以進行Demo，所以到底應該怎麼做呢？
Axure果然是一個專業的mock up軟體，是有提供操作讓使用者進行設定，幾個步驟後，就可以呈現在手機上進行檢視了。
最主要使用的是三個功能，
Manage Adaptive Views：是Axure提供給最近很夯的RWD所使用的功能。
Generate Html Files：是將Axure檔案輸出成Html檔案格式的功能。
Axure Share：是將Axure的檔案呈現到手機的最主要功能了～透過提供網址的方式，讓使用者直接點擊進行Demo。
而自己實做了一次，大概如同以下步驟。(純屬分享，如果有錯或有更好的方法，再請網大們分享給我，感謝。)
一、透過Manage Adaprive Views，設定Mobile的尺寸大小
打開Axure後，可以在Home的頁籤左方看到Manage Adaprive Views的按鈕，點擊後就可以看到設定功能視窗。在「presets」中選擇適合的尺寸，這次的案例選擇的是Portrait Phone(320 x any and below)，點選OK就完成設定了。
不過這次使用上並沒有使用預設的寬度，原因是此次主要Demo的手機iPhone 6，幾次實驗後發現 Portrait Phone(320 x any and below)的寬度太小，另一個Landscape Phone(480 x any and below)又太寬，因此在width中自行設定寬度為380。(自己實驗覺得i6的最適寬度在380~400間)
二、設定後可以看到Home的頁籤下方出現了「base」及「380」的切換按鈕
設定之後可以看到頁面上會出現差異，原本Home的頁籤下方出現了「base」及「380」的切換按鈕，建議大家在進行Mock up的製作時可以在Base上做，有發現在base上的調整內容可以同步到380，但倒過來就不行了...，而我大多都是拿380會出現的紫色線，來切換檢查base的圖是不是跨界了。
(Home頁籤下的base及380)
(380會有一條紫色的線)
三、點選「Publish」選擇「Generate Html Files」
當設定好Mobile的寬度及編輯好預計Demo的內容後，就可以選擇「Generate Html Files」進行檔案輸出的設定。
自己一般在操作進行電腦網頁Demo時，通常只有設定「General」內的檔案輸入的資料夾位置，而此次主要是希望在Mobile上進行Demo，因此要先點擊「Mobile/Device」進行Mobile的相關設定，設定好確認資料夾位置無誤點選「Generate」按鈕，即可完成設定。
其中「Auto detect and Link Phone Numbers(ios)」是設定於手機上顯示的APP圖示，設定後於ios瀏覽器中設定「加到主畫面時」就會主動帶上圖片，而Axure也提供不同載具的讓使用者進行上傳，而「Hide browser nav」勾選後可以幫助進行APP 使用情境的操作時隱藏瀏覽器，另外「Prevent vertical Page scrolling」勾選後可鎖定畫面滾動的。
另外也有到「Adaptive Views」選擇「Portrit Phone」，在試的時候發現不選的話，不知道為什麼寬度的顯示老是會怪怪的。
四、點擊並設定Axure Share
要透過Axure Shaare生成Share Link前，需先在「Create Account」中先建立帳號。
於「Create Account」建立帳號後，即可透過「Existing Account」中的設定產生Share Link，可以依據自己的需求選擇要不要在新生成的專案中設定密碼，如果以設定密碼，在進行Demo前必須先輸入密碼才可以看到畫面。而Axure也提供專案編輯更新的功能，如果是就專案要更新，就選擇「Replace an existing project」就可以用原網址跟密碼看到新更新的畫面囉～
最後只要點選Publish，稍微等一下就可以取得Share Link，把它用手機瀏覽器開啟就可以順利的Demo了。
此內容並不保證絕對是正確的，給大家斟酌參考使用囉～
