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

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

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

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

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

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

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

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

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

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