1、要使用Axure繪制APP原型圖，需遵循以下步驟1 下載并安裝Axure2 針對目標設備如iPhone設置合適的分辨率，畫出原型圖3 使用F5生成原型，并在“MobileDevice”選項中設置適配移動設備的原型4 訪問生成的原型鏈接，如本地服務器或Dropbox托管5 為頁面創(chuàng)建桌面快捷方式6 完成原型設計。

2、1 首先，下載并安裝Axure軟件2 針對iTouch或iPhone設計，可使用320×480的分辨率來繪制輔助線，并據(jù)此繪制原型圖3 按下F5鍵生成原型時，在“MobileDevice”選項中，可以針對移動設備調(diào)整特殊的原型設置4 具體設置方法可參考下圖此圖顯示頁面大小設置為320×480，默認不縮放5 使用。

3、2 在iPad上繪制產(chǎn)品原型圖的方法 使用Inspiration Maps這款思維導圖工具能幫助簡化原型設計流程，通過視覺映射加速設計 使用Mockplus iPad這款iPad專用的原型設計工具能迅速創(chuàng)建各種類型的產(chǎn)品原型，并提供實時預覽和交互功能 使用Origami Studio強大的iPad原型設計工具，能創(chuàng)建復雜的動畫效果。

4、1 初步設計原型圖 在項目初期，快速創(chuàng)建網(wǎng)站或App的原型圖是關鍵，這有助于確立產(chǎn)品的主要框架此時，并非意味著細節(jié)已確定，而是為后續(xù)深入設計打下基礎2 理解產(chǎn)品價值 通過深入了解用戶需求，可以更清晰地認識到產(chǎn)品原型的價值所在使用Axure等工具制作出美觀的產(chǎn)品原型后，重要的是整理相關文檔資料。

5、Axure制作APP原型的步驟如下1 框架搭建 創(chuàng)建新頁面，并根據(jù)APP的底部導航分段例如，若APP有5個主要部分，則創(chuàng)建5個相關頁面 在頁面區(qū)域創(chuàng)建文件夾，命名為主界面，并放入主界面的頁面 在文件夾內(nèi)添加頁面，每個頁面對應底部導航的一個圖標，實現(xiàn)頁面間的跳轉(zhuǎn)2 頁面布局 通常頁面。

6、1 Pixso 靈活互動的原型設計王者Pixso，這款移動應用原型設計神器，以其直觀的拖放設計和實時協(xié)作功能脫穎而出不僅能讓團隊創(chuàng)建逼真的交互式原型，還能通過鏈接頁面展示動態(tài)效果它的集成選項豐富，從Iconfont到Codefun，為原型設計增添了無限可能盡管暫無離線編輯功能，但個人用戶可享受免費版，擁有。

7、3 制作原型頁面在“組件”欄中找到搜索組件和輪播模板，分別拖拽到APP首頁墨刀提供了一些現(xiàn)成的組件和模板，可以直接使用以加快原型制作過程通過調(diào)整圖片和文本的尺寸樣式和位置來完善頁面4 創(chuàng)建新頁面點擊右上角的“+新建頁面”按鈕來生成新頁面每個頁面都可以添加標題欄，復制并粘貼底部。

8、點擊此處預覽完整原型 部分圖片 使用Axure繪制原型 Axure是最常用的原型制作工作之一無須任何HTMLCSSJavaScript基礎，你都可以使用Axure制作出具備良好交互效果的原型圖本系列筆記以金烏的AxureRP7網(wǎng)站和APP原型制作從入門到精通一書為參考教材，系統(tǒng)地學習一下Axure這款原型工具軟件及其背后的設計思想。

9、末尾再次拋出我開篇提到的，如何用axure快速制作app交互原型的方法論制作屬于自己的元件庫并要學會善用母版，熟悉app設計規(guī)范并要有自己一套交互風格樣式axure交互原型圖怎么做？ 打開Axure8axure7也一樣，默認是新創(chuàng)建的項目，找到“動態(tài)面板”元件，如下圖 拖動元件到工作區(qū)，按照圖指示的任意一個地方給動態(tài)面板命。

10、制作內(nèi)襯導航欄，從左邊的“組件”欄找到底部的組件，拖拽到應用中尺寸和款式可以自己修改然后拖動三個導航標簽并修改標簽的位置和名稱此時，底部導航欄完成制作原型頁面然后我們開始做“產(chǎn)品經(jīng)理”首頁的原型，在左邊的“組件”欄找到搜索組件，拖到App首頁，在“主”欄找到輪播模板，拖到應用中墨刀里有。

11、一主體不同 1UI是指對軟件的人機交互操作邏輯界面美觀的整體設計2原型圖是交互設計師與PDPM網(wǎng)站開發(fā)工程師溝通的最好工具二定位不同 1UI好的UI設計不僅是讓軟件變得有個性有品位，還要讓軟件的操作變得舒適簡單自由，充分體現(xiàn)軟件的定位和特點2原型圖設計在原則。

12、在使用Axure RP 65版本制作App原型時，以下是設置尺寸的步驟1 首先，確保安裝了Axure RP 65 Beta版本，因為這個版本支持更準確的移動設備尺寸2 對于itouch或iPhone，可以設置320×480的分辨率來繪制輔助線，以匹配設備的屏幕尺寸3 在設計過程中，使用F5鍵生成原型時，需要在“MobileDevice。

13、一開始，我們要快速進行網(wǎng)站App產(chǎn)品原型設計，這樣就可以出來梗概，把主要的部分給拿下來了那么，并不是說就剩下細枝末節(jié)了那么，下面就會講到，如何通過深入用戶，來更清晰的理解即將創(chuàng)造的產(chǎn)品的價值所在工具原料 Axure 產(chǎn)品需求文檔 方法步驟 整理文檔材料當我們已將初步的產(chǎn)品原型或者說。

14、Lowfi，即低保真原型圖，整個APP設計階段，設計師真正開始上手的環(huán)節(jié)待PM制作好PRD文檔和邏輯流程圖之后，交互設計師開始依據(jù)已有的結(jié)論，畫出LowfiLowfi的作用 1 方便團隊進行方案的討論和統(tǒng)一就像使用場景Scenario和用戶畫像Personas，團隊每個成員腦海中所理解的都會有所不同，但通過PRD。

15、首先制作靜態(tài)圖 1 先用畫好的線框圖或者直接在keynote里用色塊布局，keynote提供了多種智能的對齊，布局，格式等等設計方式，整個過程會非常的輕松比如自動標尺吸附等距等等，比絕大多數(shù)原型制作軟件都簡單人性化2 對照一些線框圖可以繼續(xù)鋪色塊和布局，這個過程中你會發(fā)現(xiàn)這個對齊和吸附的過程是。

16、目前比較好的解決辦法是下載Axure 2如果是給itouch或者iPhone用的，比較好辦，直接用320×480的分辨率畫好輔助線，然后畫原型 3按F5生成原型的時候，在“MobileDevice”選項中可以設置適配移動設備的特殊原型 4設置說明見下圖頁面大小顯示我的這個設置是按320×480的大小，默認不縮放5用你。

17、Figma是一款基于云計算的原型設計工具，因其卓越的協(xié)作和跨平臺特性而受到廣泛好評設計者可以在Figma中創(chuàng)建高保真度的原型圖，并與團隊成員進行實時的協(xié)作Figma提供的強大布局和組件功能，使得設計者能夠更加迅速地制作出原型圖，從而提升了工作效率Axure RP是一款廣泛應用于App和網(wǎng)頁原型制作的強大原型。