axure原型圖介紹及使用方法

《axure原型圖介紹及使用方法》由會(huì)員上傳分享，免費(fèi)在線(xiàn)閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。

1、北京本果信息技術(shù)有限公司Axure原型圖介紹及使用方法第5頁(yè)北京本果信息技術(shù)有限公司目錄1、產(chǎn)品原型圖介紹31.1什么是產(chǎn)品原型圖31.2原型圖的種類(lèi)31.3為什么要用產(chǎn)品原型圖32、Axure原型圖操作及瀏覽器兼容說(shuō)明42.1Axure原型圖操作42.2瀏覽器兼容說(shuō)明（可能遇到的問(wèn)題）42.3產(chǎn)品原型圖界面說(shuō)明5第5頁(yè)北京本果信息技術(shù)有限公司1、產(chǎn)品原型圖介紹1.1什么是產(chǎn)品原型圖產(chǎn)品原型圖簡(jiǎn)單的說(shuō)就是把客戶(hù)抽象的需求可視化；用網(wǎng)站來(lái)舉例：就是將頁(yè)面的導(dǎo)航、功能模塊及內(nèi)容元素進(jìn)行排版和布局，其中還會(huì)涉及到交互操作，跟正常的網(wǎng)頁(yè)一樣可以點(diǎn)擊、跳轉(zhuǎn)

2、等操作。1.2原型圖的種類(lèi)1.2.1低保真原型（通常選用這種）?不需要把精力投入在美觀和交互設(shè)計(jì)上，只需要表達(dá)出核心頁(yè)面和功能即可；?優(yōu)點(diǎn)：效率高；?缺點(diǎn)：缺乏交互效果且布局排版粗放。1.2.2高保真原型?結(jié)合交互邏輯、頁(yè)面美觀度，制作出來(lái)與實(shí)際產(chǎn)品幾乎相同的原型；?優(yōu)點(diǎn)：接近最終產(chǎn)品樣式，所有交互（點(diǎn)擊、跳轉(zhuǎn)）均可正常操作；?缺點(diǎn)：耗時(shí)較長(zhǎng)；1.3為什么要用產(chǎn)品原型圖當(dāng)與用戶(hù)或開(kāi)發(fā)團(tuán)隊(duì)進(jìn)行需求溝通時(shí)，如果單純使用文字及口述，一般很難表述清楚你所說(shuō)的產(chǎn)品具體的模樣。因此通常我們會(huì)借助工具將抽象的內(nèi)容讓其可視化，使其更加具象、生動(dòng)，產(chǎn)品原型圖的作用

3、就存在于此。產(chǎn)品經(jīng)理可以將用戶(hù)的需求通過(guò)原型圖使其界面、交互可視化，產(chǎn)品原型圖基本已能實(shí)現(xiàn)與實(shí)際產(chǎn)品相同的點(diǎn)擊、跳轉(zhuǎn)等效果。所以通過(guò)界面原型與客戶(hù)、開(kāi)發(fā)同事溝通，可以起到事半功倍的效果。第5頁(yè)北京本果信息技術(shù)有限公司1、Axure原型圖操作及瀏覽器兼容說(shuō)明1.1Axure原型圖操作?打開(kāi)生成原型圖的文件夾，點(diǎn)擊index圖標(biāo)，展開(kāi)原型圖網(wǎng)頁(yè)；?左側(cè)導(dǎo)航可點(diǎn)擊切換架構(gòu)模塊，右側(cè)內(nèi)容頁(yè)隨之變動(dòng)；?涉及點(diǎn)擊、跳轉(zhuǎn)交互時(shí)，與正常使用方法相同。1.2瀏覽器兼容說(shuō)明（可能遇到的問(wèn)題）原型圖通可用于火狐瀏覽器或IE瀏覽器直接打開(kāi)，其他瀏覽器需要安裝拓展包后方可

4、使用；以360極速瀏覽器為例，安裝拓展包操作：?按照彈出提示點(diǎn)擊ClicktoinstallAxurePRExtensionforChrome（圖3；?在設(shè)置→工具中點(diǎn)擊拓展管理（圖4）?點(diǎn)擊已加載的Axure拓展包下方的“允許訪(fǎng)問(wèn)文件網(wǎng)址”（圖5；?最后重新刷新下頁(yè)面就可以查看了；（圖1）（圖2）第5頁(yè)北京本果信息技術(shù)有限公司（圖3）1.1產(chǎn)品原型圖界面說(shuō)明如圖4、5所示：左側(cè)Sitemap標(biāo)簽：為網(wǎng)站的結(jié)構(gòu)（俗稱(chēng)導(dǎo)航），可了解原型圖中的基本架構(gòu)；左側(cè)PageNotes標(biāo)簽：主要用于對(duì)所畫(huà)頁(yè)面的功能描述，大多時(shí)候描述直接展現(xiàn)于頁(yè)面內(nèi)；右側(cè)內(nèi)容頁(yè)

5、：展現(xiàn)每個(gè)架構(gòu)下所化的頁(yè)面原型圖。（圖4）（圖5）第5頁(yè)