1、1打開擬變?yōu)?寸的照片點“圖象圖象大小”，在新界面去掉“約束比例”，寬度改為271cm高33cm，分辨率設(shè)為150越高越清晰改變比例，圖象會變形的若打開的就是1寸照片，尺寸會與所設(shè)吻合2點“文件新建”，在界面將寬設(shè)為127cm高89cm5英寸，分辨率一定要與1寸照片相。

2、1使用InspirationMapsInspirationMaps是一款強大的思維導(dǎo)圖工具，可以幫助用戶簡化產(chǎn)品原型設(shè)計過程它可以幫助設(shè)計師一眼望穿一個思維，從而加速產(chǎn)品原型設(shè)計流程2使用MockplusIpadMockplusIpad是一款專為iPad開發(fā)的原型設(shè)計工具，它可以幫助用戶迅速創(chuàng)建任何類型的產(chǎn)品原型此外，它還支持實時預(yù)覽和即時交互。

3、4美化原型這個階段，首先要確認自己需要哪些地方做美化然后能搜索到的就搜索，不能搜索到的，就只能用Photoshop或其它繪圖軟件進行編輯了當(dāng)然，有的公司可以出錢請視覺設(shè)計師設(shè)計，也是很快捷的一個辦法。

4、1將要加白邊的圖片導(dǎo)入ps 雙擊背景，使之變?yōu)檎D層變?yōu)閳D層才能進行操作2點擊圖像畫布大小命令3關(guān)鍵的一步來了，輸入白邊大小，勾上相對選項4輸完后點擊確定，看下效果如圖，這時需要新建一個圖層，白邊圖層，放在最下面這樣就解決了怎么ps成圖片里面的原形圖案，帶白邊輪廓的。

5、雖然沒有更多的細節(jié)實現(xiàn)，但對于交互原型稿來說已經(jīng)完全夠用，關(guān)鍵是顏色大小等可以很靈活的進行修改 按照這個思路，我們可以制作更多的圖標出來，當(dāng)然還可以制作一些常用控件比如按鈕appbar搜索欄圖標占位符等等如下圖，是我在畫讀讀日報原型圖時制作的一個元件庫 元件庫制作完成之后，然后就進入到最后一。

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

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

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

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

10、3使用OrigamiStudioOrigamiStudio是一款極其強大的iPad原型設(shè)計工具可以幫你在散開的界面元素之間創(chuàng)建復(fù)雜的動畫效果，讓用戶一眼望過產(chǎn)品的設(shè)計效果和操作流程如何用axure畫app原型圖 前段時間跟大家介紹了一個軟件BalsamiqMockups，一個可以簡單畫出的手繪原型圖的軟件，操很簡單！后來有朋友問我Axure可以。

11、針對第1個問題，其實也有專門用來做標注的sketch插件，比如Notebook，直接用插件做標注雖然方便，但是格式太受限，非常的不靈活，尤其是經(jīng)常需要修改時候，所以在我試用了兩次之后，最終還是放棄了22 采用樣式 否定了上邊提到的APP原型樣式后，我們又該如何通過其它的樣式來解決遇到的一些問題呢在sketch。

12、聊聊怎么畫原型吧！ 在畫原型之前，更重要的事情，就是畫頁面流程圖和信息架構(gòu)圖！假如你沒有這些東西，就開始畫原型，那么等著你的就是沒完沒了的改改改 頁面流程圖是以用戶視角，看流程合理性通常適合于跳轉(zhuǎn)比較復(fù)雜的產(chǎn)品功能，如電商社交產(chǎn)品 為什么要畫頁面流程 1是交互設(shè)計原型設(shè)計的基本依據(jù)，是邏。

13、在手機上，微信發(fā)送的時候，具有流程關(guān)系的一大張圖片格式的原型圖，會壓縮，導(dǎo)致微信接收后不清晰 可以通過其它軟件，將畫好的原型圖，導(dǎo)出為PDF格式 可以在Windows或Mac上閱讀支持軟件AdobeReader，福昕pdf，Acrobat 可以在智能手機上，閱讀pdf格式的原型圖支持手機APP軟件WPS，Acrobat，甚至微信app的聊天窗口，直接發(fā)。

14、弄清楚這些原理，懂軟件操作的一般都會做，不要跟我說不懂軟件，不懂就去學(xué)吧，我不可能教你軟件基礎(chǔ)，我沒那么多時間，也教不了你插入圖片無非就是剪切到里面就行了在PS里面怎么將下面的圖標裁剪成一個一個的小圖標1用切片工具比較簡單快捷，把要切的圖標一個個的切畫出來，切好后存儲。

15、一種方法是你將設(shè)計圖保存成圖片，同步至iPhone，然后使用圖片瀏覽的方式查看還有一種就是原型設(shè)計方法了，你可以將實現(xiàn)的效果通過Phonegap技術(shù)生成app，發(fā)布到終端進行查看下面推薦幾個可以同步預(yù)覽的軟件騰訊出品的一款iOSappPsplay除主要的同步預(yù)覽PS畫面外，還有快照留存畫布設(shè)置email微信分享等。

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