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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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