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

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

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

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

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