Axure快速原型設(shè)計教程

《Axure快速原型設(shè)計教程》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、Axure快速原型設(shè)計教程1：初識AxureRP1.1什么是AxureRPAxure的發(fā)音是“Ack-sure”，RP則是“RapidPrototyping”的縮寫。AxureRPPro是美國AxureSoftwareSolution公司的旗艦產(chǎn)品，是一個快速的原型工具，主要是針對負(fù)責(zé)定義需求、定義規(guī)格、設(shè)計功能、設(shè)計界面的專家，包括用戶體驗設(shè)計師（UX）、交互設(shè)計師（UI）、業(yè)務(wù)分析師（BA）、信息架構(gòu)師（IA）、可用性專家（UE）和產(chǎn)品經(jīng)理（PM）。Axure能讓你快速的進(jìn)行線框圖和原型的設(shè)計，讓相關(guān)人員對你的設(shè)計進(jìn)行體驗和驗證

2、，向用戶進(jìn)行演示、溝通交流以確認(rèn)用戶需求，并能自動生成規(guī)格說明文檔。另外，Axure還能讓團(tuán)隊成員進(jìn)行多人協(xié)同設(shè)計，并對設(shè)計進(jìn)行方案版本控制管理。Axure使原型設(shè)計及和客戶的交流方式發(fā)生了變革：·進(jìn)行更加高效的設(shè)計；·讓你體驗動態(tài)的原型；·更加清晰的交流想法。1.2原型的作用和好處“沒有比制作prototype更易取得使用者界面與特殊功能可用性上的一致性了。Prototype不只可確認(rèn)需求，它更可贏得顧客的心?！薄怣.戴維斯和迪安A.萊芬韋爾《用需求管理快速交付高質(zhì)量的軟件》的作者（Rational軟件公司/IBM）根據(jù)調(diào)查

3、報告顯示，大約66%的軟件開發(fā)不是失敗，就是超預(yù)算、延期或交付縮水的功能。軟件失敗或虧損的前三大原因為：1、缺乏使用者的參與；2、需求或規(guī)格不完整；3、需求或規(guī)格變更；傳統(tǒng)的需求管理工具或工作表中所儲存的數(shù)千個需求與上百頁的文件早已不合時宜?，F(xiàn)在，這些需求更是不適用于目前快速發(fā)展的環(huán)境。而制作Prototype是個有效的簡化文檔編制、吸引使用者參與、早期辨認(rèn)需求遺漏、將外在需求風(fēng)險降到最低的方法。將大量文字性文檔轉(zhuǎn)變?yōu)閹в凶⑨屌c互動性的可視畫面，如此更能抓住利益相關(guān)者與使用者的注意，讓用戶在軟件開始投入編程前就確認(rèn)需求。快速原型法（

4、RapidPrototyping）是一種有效且高效的以用戶為中心（User-CenteredDesign）的技術(shù)，可以幫助用戶體驗專家、設(shè)計師、工程師創(chuàng)造更加有用、可用的產(chǎn)品。目前全球有財富1000大的公司和重要機構(gòu)在使用AxureRP，國內(nèi)的淘寶、雅虎、騰訊、當(dāng)當(dāng)?shù)裙镜漠a(chǎn)品經(jīng)理也都在使用。2：了解Axure的工作區(qū)Axure的工作環(huán)境可進(jìn)行可視化拖拉操作，可輕松快速的創(chuàng)建帶有注釋的線框圖。無需編程就可以在線框圖中定義簡單鏈接和高級交互。Axure可一體化生成線框圖、HTML交互原型、規(guī)格說明Word文檔。以下是對AxureRP工

5、作環(huán)境的簡要說明：??1.主菜單和工具欄（MainMenu&Toolbar）執(zhí)行常用操作，如文件打開、保存、格式化控件、輸出原型、輸出規(guī)格等操作。2.頁面導(dǎo)航板（SitemapPane）對所設(shè)計的頁面進(jìn)行添加、刪除、重命名和組織。3.控件面板（WidgetsPane）該面板中有線框圖控件和流程圖控件，用這些控件進(jìn)行線框圖和流程圖的設(shè)計。4.模塊面板（MastersPane）模塊是一種可以復(fù)用的特殊頁面，在該面板中可進(jìn)行模塊的添加、刪除、重命名和組織。5.線框圖面板（WireframePane）在線框圖面板中可以進(jìn)行頁面線框圖的設(shè)計，

6、線框圖面板也就是進(jìn)行頁面設(shè)計的工作區(qū)。6.控件交互面板（InteractionsPane）定義控件的交互，如：鏈接、彈出、動態(tài)顯示和隱藏等。7.控件注釋面板（AnnotationsPane）對控件進(jìn)行注釋定義和對控件的功能進(jìn)行說明。8.頁面交互和注釋面板（PagesNotes&PageInteractionsPane）添加和管理頁面的注釋和交互。2.1頁面導(dǎo)航面板(Sitemap)在繪制線框圖(Wireframe)或流程圖（Flow）之前，應(yīng)該先思考界面框架，決定信息內(nèi)容與層級。明確界面框架后，接下來就可以利用頁面導(dǎo)航面板來定義所要

7、設(shè)計的頁面。頁面導(dǎo)航面板是用于管理所設(shè)計的頁面，可以添加、刪除及對頁面層次進(jìn)行重新組織。1.頁面的添加、刪除和重命名點擊面板工具欄上的“AddChildPage”按鈕可以添加一個頁面，如圖1所示。點擊“DeletePage”按鈕可以刪除一個頁面。右鍵單擊選擇“RenamePage”菜單項可對頁面進(jìn)行重命名。圖1：添加新頁面2.頁面組織排序在頁面導(dǎo)航面板中，通過拖拉頁面或點擊工具欄上的排序按鈕，可以上下移動頁面的位置和重新組織頁面的層次，如圖2所示：圖2：移動頁面3.打開頁面進(jìn)行設(shè)計在頁面導(dǎo)航面板中，鼠標(biāo)雙擊頁面將會在線框面板中打開頁

8、面以進(jìn)行線框圖設(shè)計。2.2控件面板(Widgets)控件是用于設(shè)計線框圖的用戶界面元素。在控件面板中包含有常用的控件，如按鈕、圖片、文本框等。其面板如圖3所示：圖3：控件面板1.添加控件從控件面板中拖動一個控件到線框圖面板中，就可以添