本教程學習如何制作壹個可以在iPhone或Android手機上瀏覽的手機網站原型。本教程將指導您構建壹個可以在iPhone或Android設備上查看的線框。當學習完成後，妳將知道如何設計和生成交互式移動網站的原型。讓我們壹起來學習移動網頁設計這門課程吧！組件用途:圖片、矩形、按鈕形狀、圖片熱區、動態面板、占位符、文本框、文本面板交互事件:Onclick動作:移動面板、隱藏面板、將面板狀態設置為指定狀態、將面板置於頂部、將面板置於底部、等待時間(毫秒)。將文件設置為手機瀏覽模式步驟1:創建參考線在開始之前，我們先為原型設計創建壹條屏幕尺寸參考線。IPhone和Android使用的是典型的320寬度。在這種情況下，參考線的高度設置為360，當iPhone導航可見時，該高度用作屏幕的可視區域。點擊線框窗口中的標尺，並將參考線拖入線框。步驟2:添加視圖接口標記。在原型中設置視圖界面標簽，讓手機在瀏覽時適應原型頁面大小。打開生成原型對話框，選擇“手機/移動設備”，點擊“包含視圖界面標簽”。保存默認設置，然後單擊Generate查看生成的原型。步驟3:查看原型，不顯示站點地圖。要在iPhone或Android設備上查看原型，您需要首先將原型發布到網絡服務器。壹種簡單的方法是將原型文件發布到share.axure.com的AxShare。在手機上查看原型時，我們不希望看到原型中的站點地圖，因為如果原型中有站點地圖，那麽上壹步的查看界面標簽的設置就無效了。打開原型，點擊“ShowLinksandOptions”顯示原型無站點地圖的鏈接。第四步:在妳的手機上檢查原型，然後給自己發壹封電子郵件，裏面有網站地圖原型的鏈接。在手機上打開郵件裏的鏈接，不需要播放器，不需要應用，只用瀏覽器就可以瀏覽。此時，您的原型仍然是空的。妳可以上傳RP文檔到同壹個鏈接來構建壹個原型。重新加載瀏覽器以查看更改。
上一篇:手機網站設計初級教程下一篇:馬駿材料