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

2、基于對app設(shè)計規(guī)范的熟悉，同時在制作過程中，要根據(jù)使用場景以及自己的習(xí)慣來制定一套自己的交互風(fēng)格比如可以定義好app原型中，正文字體采 用微軟雅黑顏色#13字號提示文字為微軟雅黑顏色# 10字號固定的appbar行高為40px，內(nèi)容據(jù)左側(cè)屏幕邊緣10px距離 當(dāng)然某些規(guī)范，比如字體也可以當(dāng)成一個字體元件。

3、4 Mockflow 專業(yè)組織者的首選Mockflow雖然有一定學(xué)習(xí)曲線，但其工作空間管理和豐富的模板能快速構(gòu)建原型它不僅幫助你模擬用戶交互，還與Slack和JIRA等工具深度集成，單用戶免費版本足以管理小型項目5 Webflow 代碼與設(shè)計的完美結(jié)合Webflow作為視覺開發(fā)平臺，將編碼和無代碼設(shè)計融合，讓初學(xué)者也能。

4、制作原型頁面然后我們開始做“產(chǎn)品經(jīng)理”首頁的原型，在左邊的“組件”欄找到搜索組件，拖到App首頁，在“主”欄找到輪播模板，拖到應(yīng)用中墨刀里有一些現(xiàn)成的組件或者大師，可以直接拖進(jìn)去，用來加快原型創(chuàng)作的時間然后回到“組件”欄，為第一頁插入圖片和文本圖片在右邊的設(shè)置欄中調(diào)整建議你直接拖動圖片。

5、3Sketch 3 for iOSApp Design Step by StepSketch 3是一款優(yōu)秀的矢量設(shè)計和圖形程序，很適合用于設(shè)計iOS應(yīng)用程序在這個視頻中，設(shè)計師使用Sketch 3來設(shè)計一個iPhone APP用戶界面這篇文章是進(jìn)階版的APP 設(shè)計教程，從理論到具體的例子講解，非常受益4Sketch App Tutorial – Build a music。

6、Axure是一款老牌原型設(shè)計工具，是目前為止，市面上使用比較普遍的工具，全面支持原型交互和分享功能但是，對一些原型設(shè)計小白來說，學(xué)習(xí)難度還是蠻大的，上手較慢目前國內(nèi)也有許多優(yōu)秀的原型設(shè)計工具，比如摹客Mockplus，可以說是一款簡化版的Axure原型制作快速簡單高效原型項目類型全面交互豐富拖拽即可實現(xiàn)團(tuán)。

7、本地編輯完成，點擊“簽入”可上傳至SVN團(tuán)隊協(xié)作同理點擊“分享”按鈕，復(fù)制原型地址，可分享給別人查看 如何在ipad上畫產(chǎn)品原型圖 1使用InspirationMapsInspirationMaps是一款強(qiáng)大的思維導(dǎo)圖工具，可以幫助用戶簡化產(chǎn)品原型設(shè)計過程它可以幫助設(shè)計師一眼望穿一個思維，從而加速產(chǎn)品原型設(shè)計流程2使用Mock。

8、產(chǎn)品原型設(shè)計是為了讓開發(fā)人員更好地理解產(chǎn)品的需求和功能，以便更好地開發(fā)產(chǎn)品在設(shè)計產(chǎn)品原型時，需要考慮以下幾個方面1 確定產(chǎn)品的核心功能和框架，了解用戶的核心需求行為和期望2 選擇合適的工具進(jìn)行設(shè)計，如Axure等專業(yè)的快速原型設(shè)計工具3 設(shè)計出可交互的原型，以便開發(fā)人員更好地理解。

9、axure想要設(shè)計一款手機(jī)app的側(cè)邊欄，該怎么設(shè)計呢下面我們就來看看詳細(xì)的教程1我們先打開我們的axure軟件，點擊新建，然后將我們的手機(jī)模型拖拽進(jìn)我們的axure，點擊我們的動態(tài)面板將其往編輯窗口拖拽如下圖 2創(chuàng)建好我們的動態(tài)面板之后，按住ctrl+c將其復(fù)制下來，然后雙擊我們的外層動態(tài)面板下面的。

10、提供幾款界面原型設(shè)計軟件 Axure AxureRP是美國AxureSoftwareSolution公司旗艦產(chǎn)品，是一款快速的產(chǎn)品原型設(shè)計工具，讓負(fù)責(zé)定義需求和規(guī)格設(shè)計功能和界面的專家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖流程圖原型和規(guī)格說明文檔作為專業(yè)的APP原型設(shè)計工具，它比一般創(chuàng)建靜態(tài)的原型設(shè)計工具要快速高效Mock。

11、如Iphone外殼等，進(jìn)程就可以快很多所以，最好提前到網(wǎng)上下載相關(guān)的axure元素庫4美化原型這個階段，首先要確認(rèn)自己需要哪些地方做美化然后能搜索到的就搜索，不能搜索到的，就只能用Photoshop或其它繪圖軟件進(jìn)行編輯了當(dāng)然，有的公司可以出錢請視覺設(shè)計師設(shè)計，也是很快捷的一個辦法。

12、Axure墨刀Visio的區(qū)別 原型設(shè)計工具首推Axure，在原型設(shè)計領(lǐng)域，Axur是可以稱之為生產(chǎn)力工具的，Axure可以生成瀏覽器直接訪問的Html文件，無需依賴網(wǎng)絡(luò)環(huán)境當(dāng)然，墨刀也可以進(jìn)行簡單的原型設(shè)計，墨刀制作的原型不能夠離線查看，不能導(dǎo)出文件，而且在交互制作上也不夠豐富，對于保真度要求比較高的原型設(shè)計。

13、多學(xué)習(xí)，多練手 畫好原型后 1下載Axure 2如果是給itouch或者iPhone用的，比較好辦，直接用320×480的分辨率畫好輔助線，然后畫原型 3按F5生成原型的時候，在“MobileDevice”選項中可以設(shè)置適配移動設(shè)備的特殊原型 4設(shè)置說明見下圖頁面大小顯示我的這個設(shè)置是按320×480的大小，默認(rèn)不縮放。

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

15、2014年APP設(shè)計風(fēng)格趨向扁平化和卡片化卡片，扁平化都會是移動app設(shè)計的趨勢！認(rèn)為卡片設(shè)計確實同時兼具了“擬物”和“極簡”2種優(yōu)勢！ 第四點APP界面設(shè)計流程 1設(shè)計APP界面時，學(xué)會從優(yōu)秀APP界面設(shè)計作品中尋求靈感，以前的藝術(shù)大師，用少量的資源做了大量的設(shè)計 2放下工作，休息一下很有幫助扁平和簡約設(shè)。

16、一位大師這樣說過“真正的簡約設(shè)計是作品必須不斷的被簡化，一改再改，直到設(shè)計最終成形”2014年APP設(shè)計風(fēng)格趨向扁平化和卡片化卡片，扁平化都會是移動app設(shè)計的趨勢！認(rèn)為卡片設(shè)計確實同時兼具了“擬物”和“極簡”2種優(yōu)勢！第四點APP界面設(shè)計流程 1設(shè)計APP界面時，學(xué)會從優(yōu)秀APP界面設(shè)計作品中尋求。