Axure與iPhone應用程式原型建立(二）

此文為自翻的Axure教程，分享給大家。不足之處，請大家多提寶貴意見~~~

在上篇文章中，博主為大家介紹了如何使用iPhone應用程式頁面模板在原型設計工具Axure中建立iPhone程式原型（查看詳情）。在這篇文章中，博主將為大家介紹如何在iPhone上查看你的應用程式原型。在查看原型之前，你需要對你的手機進行設定。

移動設定

瀏覽器設定

配置iPhone瀏覽器選項在產生>原型>移動/裝置中。下面看到的設定就是在手機上瀏覽iPhone應用程式的典型設定。

視窗標籤影響行動裝置上原型的大小或規模。如果你的程式設計為320像素寬，你就不必再編輯預設的視窗標籤設定。 當你進入一個網站連結時“隱藏地址欄”會移除瀏覽器上面的帶狀連結地址；“防止垂直頁面滾動”讓你設計的應用程式不至於從螢幕的邊緣拉動。最後，當原型從主畫面啟動時，“隱藏瀏覽器導航”會移除瀏覽器按鈕。

點擊下面的複選框查看在瀏覽器上的效果

主畫面表徵圖

主畫面的表徵圖是一個114px×114px 的PNG映像，它顯示在你的iPhone主畫面上猶如一個真正的應用程式。這種表徵圖可以通過“產生 > 原型> 移動/裝置設定”的途徑設定。下面的教程示範如何將表徵圖添加到你的iPhone主畫面上。

註：設計表徵圖時，記住透明地區在手機上瀏覽時會是一個黑色的背景。

啟動畫面

從主畫面表徵圖啟動原型時，啟動畫面會在你等待載入原型的時候顯示。啟動映像是一個320px×480pxPNG格式的映像，它可以“產生>原型>移動/裝置設定”的途徑匯入。

如果你的啟動畫面需要以景觀圖或水平視圖呈現，匯入之前請在圖形工具中翻轉映像。

在iPhone上查看應用程式原型

第一步：產生到AxShare或網路伺服器

點擊工具列中的AxShare按鈕，將你的原型上傳到AxShare，或者在主菜單（按F4）點擊“產生>發布到AxShare”。如果你沒有AxShare帳戶，單擊“建立帳戶”或進入share.axure.com建立一個免費的賬戶。點擊“發布”上傳你的RP檔案。你也可以將其發布到自己的Web伺服器上。

第二步：點擊“顯示連結和選項”

接下來，在瀏覽器中開啟你的原型，擷取不帶網站地圖的起始頁網址，點擊“顯示連結和選項”並導航到App首頁或包含你應用程式開頭的任意頁面。複製剛才的URL網址。

第三步：在iPhone瀏覽器中開啟網址

在你的iPhone瀏覽器中開啟剛才的網址，通過電子郵件發送給自己是獲得連結的一個好方法。

現在，你可以與你的原型進行互動了，不過此時瀏覽器的導航仍然是可見的。

第四步：添加到主畫面

按下位於底部導航中間的“選項”按鈕，並選擇“添加到主畫面”。

系統將提示你預覽主畫面表徵圖並要求你選擇一個名稱。點擊“添加”，你就可以從主畫面啟動你的原型，它將顯示啟動畫面，並啟動瀏覽器且不帶有底部導航。

提示：

在 iPhone 5上查看原型時你可能會遇到螢幕在頂部和底部被截斷的情況。調整方法是清除視窗地區中的“寬度”讓它成為空白。