axure原型圖介紹及使用方法

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

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

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

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

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

5、展現(xiàn)于頁面內(nèi)；右側(cè)內(nèi)容頁：展現(xiàn)每個架構(gòu)下所化的頁面原型圖。（圖4）（圖5）第5頁