1草圖 #160 草圖意思就是使用筆和紙去手繪產(chǎn)品頁面的草圖，以便快速的和產(chǎn)品經(jīng)理以及客戶等進(jìn)行討論，這樣會使產(chǎn)品更具體化2低保真原型 #160#160低保原型圖意思就是在草圖的基礎(chǔ)上通過電腦軟件由簡單的線框；1新建頁面用于app底部的導(dǎo)航大家可以根據(jù)自己所要制作的app來創(chuàng)建多個頁面，注意哦新建的頁面一定要在主界面底下比如說首頁直播社區(qū)消息我在每一個頁面底下也還可以再新建一些子頁面 2頁面布局；二APP原型圖設(shè)計(jì) 產(chǎn)品經(jīng)理會根據(jù)用戶需求，規(guī)劃app原型圖，以及app各個功能模塊實(shí)現(xiàn)的邏輯思路，終出一份符合客戶需求符合設(shè)計(jì)研發(fā)人員工作思路的邏輯圖原型設(shè)計(jì)方案三APP效果圖設(shè)計(jì) 設(shè)計(jì)師根據(jù)原型圖，客戶喜歡的。

01框架搭建這里筆者使用自己正在制作的APP原型進(jìn)行講解版本AxureRP9企業(yè)版 1新建頁面底部導(dǎo)航分為5個部分，所以也對應(yīng)著五個頁面在制作時先不考慮登錄等其他頁面，只做主界面1在頁面部分注意不是概要部分添加；畫好原型后 1下載Axure 2如果是給itouch或者iPhone用的，比較好辦，直接用320×480的分辨率畫好輔助線，然后畫原型 3按F5生成原型的時候，在“MobileDevice”選項(xiàng)中可以設(shè)置適配移動設(shè)備的特殊原型 4設(shè)置說明見下圖頁。

利用AxureRP8來搭建原型圖，就不得不提到元件庫的使用，元件庫對于Axure來說其實(shí)在某種程度上相當(dāng)于工具欄對于平面設(shè)計(jì)，如果想要在頁面上搭建一個簡易原型，元件庫中元件的使用時必不可少的，就像是搭建一個積木原型就必須要有積木的原理是；一主體不同 1UI是指對軟件的人機(jī)交互操作邏輯界面美觀的整體設(shè)計(jì)2原型圖是交互設(shè)計(jì)師與PDPM網(wǎng)站開發(fā)工程師溝通的最好工具二定位不同 1UI好的UI設(shè)計(jì)不僅是讓軟件變得有個性有品位，還要讓；App原型設(shè)計(jì)的工具還有不少，比如ProtoioMockupBuilder，AppCookerFluidUI開源手繪風(fēng)格原型圖繪制工具Pencil功能全面但并不復(fù)雜的Lumzy等，都有不錯的用戶群，開發(fā)者們可以根據(jù)自身具體情況選擇合適的原型設(shè)計(jì)工具，提供應(yīng)用。

Protoio也是國外的一款手機(jī)原型開發(fā)平臺支持在大多數(shù)的瀏覽器運(yùn)行，共享和協(xié)作操作方便，可以直接在真實(shí)的移動設(shè)備上對原型進(jìn)行測試擁有較為豐富的UI組件，支持自定義另外它有不錯的用戶測試功能，支持視頻錄制并且在；在開發(fā) APP 之前，設(shè)計(jì)產(chǎn)品原型是非常重要的原型設(shè)計(jì)是產(chǎn)品開發(fā)過程中的一個關(guān)鍵環(huán)節(jié)，通常在產(chǎn)品設(shè)計(jì)階段的早期進(jìn)行，原型設(shè)計(jì)的目的是驗(yàn)證產(chǎn)品的概念功能和用戶體驗(yàn)，以便在進(jìn)一步的開發(fā)和生產(chǎn)中進(jìn)行改進(jìn) 通過原型圖向；原型圖經(jīng)過反復(fù)推敲修正后，UI 設(shè)計(jì)師會進(jìn)行UI界面相關(guān)的配色設(shè)計(jì)功能具象化處理交互設(shè)計(jì)以及各種機(jī)型系統(tǒng)的適配UI 設(shè)計(jì)師經(jīng)過多次與項(xiàng)目經(jīng)理溝通修改后，最終的到定稿的高保真設(shè)計(jì)圖4開發(fā) 經(jīng)過以上幾個過程之后；axure的思想更接近實(shí)際開發(fā)，比如通過master實(shí)現(xiàn)界面元素的封裝復(fù)用，條件判斷，函數(shù)，變量這些功能除了開發(fā)工具，原型工具還有誰能比得上axure嗎app原型相比網(wǎng)頁，界面結(jié)構(gòu)簡單，但交互復(fù)雜得多界面上的div也不是平鋪的；1使用InspirationMapsInspirationMaps是一款強(qiáng)大的思維導(dǎo)圖工具，可以幫助用戶簡化產(chǎn)品原型設(shè)計(jì)過程它可以幫助設(shè)計(jì)師一眼望穿一個思維，從而加速產(chǎn)品原型設(shè)計(jì)流程2使用MockplusIpadMockplusIpad是一款專為iPad開發(fā)的原型設(shè)計(jì)；線框圖工具和App原型設(shè)計(jì)工具不斷的改變著UX設(shè)計(jì)師的工作方式作為一名設(shè)計(jì)師，很幸運(yùn)市面上有豐富的原型設(shè)計(jì)工具供我們使用我給你推薦三款主流軟件供您參考，這三款軟件都是可以讓我們能夠以較低的成本來創(chuàng)建我們的原型；界面美觀原件庫也很多，不用自己上網(wǎng)去找，除非是比較特殊的交互效果方面也能實(shí)現(xiàn)很多，比較不足是輸入文本時，每次都要設(shè)置文本樣式，比較煩當(dāng)時老師說企業(yè)里面的一般都是用這個來設(shè)計(jì)網(wǎng)頁app的原型圖。

Lowfi，即低保真原型圖，整個APP設(shè)計(jì)階段，設(shè)計(jì)師真正開始上手的環(huán)節(jié)待PM制作好PRD文檔和邏輯流程圖之后，交互設(shè)計(jì)師開始依據(jù)已有的結(jié)論，畫出LowfiLowfi的作用 1 方便團(tuán)隊(duì)進(jìn)行方案的討論和統(tǒng)一就像使用場景。