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

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

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

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

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