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

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

3、2 在iPad上繪制產(chǎn)品原型圖的方法 使用Inspiration Maps這款思維導(dǎo)圖工具能幫助簡(jiǎn)化原型設(shè)計(jì)流程，通過(guò)視覺(jué)映射加速設(shè)計(jì) 使用Mockplus iPad這款iPad專(zhuān)用的原型設(shè)計(jì)工具能迅速創(chuàng)建各種類(lèi)型的產(chǎn)品原型，并提供實(shí)時(shí)預(yù)覽和交互功能 使用Origami Studio強(qiáng)大的iPad原型設(shè)計(jì)工具，能創(chuàng)建復(fù)雜的動(dòng)畫(huà)效果。

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

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

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

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

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

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

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

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

12、在使用Axure RP 65版本制作App原型時(shí)，以下是設(shè)置尺寸的步驟1 首先，確保安裝了Axure RP 65 Beta版本，因?yàn)檫@個(gè)版本支持更準(zhǔn)確的移動(dòng)設(shè)備尺寸2 對(duì)于itouch或iPhone，可以設(shè)置320×480的分辨率來(lái)繪制輔助線，以匹配設(shè)備的屏幕尺寸3 在設(shè)計(jì)過(guò)程中，使用F5鍵生成原型時(shí)，需要在“MobileDevice。

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

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

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

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

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