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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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