資源描述：
《實(shí)驗(yàn) 快速原型設(shè)計(jì)axure的使用》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫(kù)。
1、實(shí)驗(yàn)、Axure快速原型設(shè)計(jì)一、實(shí)驗(yàn)?zāi)康?、掌握軟件開(kāi)發(fā)原型模型的概念。2、練習(xí)Axure的原型設(shè)計(jì)二、實(shí)驗(yàn)器材1．計(jì)算機(jī)一臺(tái)。2．Axure工具軟件。三、AxureRP軟件介紹1.AxureRPAxureRP可以讓桌面應(yīng)用軟件和Web網(wǎng)站的設(shè)計(jì)師創(chuàng)建線框圖、流程圖、原型和規(guī)格說(shuō)明文檔，它比任何當(dāng)前其它創(chuàng)建靜態(tài)原型的工具如Visio,Omnigraffle、Illustrator、Photoshop、Dreamweaver,VisualStudio、FireWorks、GUIStudio等都要快速、高效，因?yàn)樗攀钦嬲膶?zhuān)門(mén)原型設(shè)計(jì)工具，并且支
2、持多人協(xié)作設(shè)計(jì)和版本控制管理。設(shè)計(jì)師們渴望有一個(gè)專(zhuān)門(mén)的原型設(shè)計(jì)利器，而Axure正是為此目的而精心打造。AxureRP已經(jīng)被一些財(cái)富1000大公司采用，成為創(chuàng)造成功產(chǎn)品的必備工具。國(guó)內(nèi)的淘寶、雅虎、騰訊、當(dāng)當(dāng)?shù)裙镜漠a(chǎn)品經(jīng)理也都在使用。2.原型的作用和好處制作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)需求。快速原型法（RapidPrototyping）是一種有效且
3、高效的以用戶(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)理也都在使用。3、Axure的工作環(huán)境Axure的工作環(huán)境可進(jìn)行可視化拖拉操作，可輕松快速的創(chuàng)建帶有注釋的線框圖。無(wú)需編程就可以在線框圖中定義簡(jiǎn)單鏈接和高級(jí)交互。Axure可一體化生成線框圖、HTML交互原型、規(guī)格說(shuō)明Word文檔。以下是對(duì)AxureRP工作環(huán)境的簡(jiǎn)要說(shuō)明：圖4-1AxureRP工作環(huán)境1.主菜單和
4、工具欄執(zhí)行常用操作，如文件打開(kāi)、保存文件，格式化控件，自動(dòng)生成原型和規(guī)格說(shuō)明書(shū)等操作。2.站點(diǎn)地圖面板對(duì)所設(shè)計(jì)的頁(yè)面（包括線框圖和流程圖）進(jìn)行添加、刪除、重命名和組織頁(yè)面層次，。3.控件面板該面板中包含了線框圖控件和流程圖控件，如按鈕、圖片、文本面板、矩形框等，可用這些控件進(jìn)行線框圖和流程圖的設(shè)計(jì)。另外，你還可以載入已有的部件庫(kù)（*.rplib文件）和創(chuàng)建自己的部件庫(kù)。4.模塊面板模塊是一種可以復(fù)用的特殊頁(yè)面，在該面板中可進(jìn)行模塊的添加、刪除、重命名和組織模塊分類(lèi)層次。5.線框圖工作區(qū)（或叫頁(yè)面工作區(qū)）線框圖工作區(qū)是你進(jìn)行原型設(shè)計(jì)的主要區(qū)域，在
5、該區(qū)域中你可以設(shè)計(jì)線框圖、流程圖、自定義部件、模塊。6.頁(yè)面注釋和交互區(qū)添加和管理頁(yè)面級(jí)的注釋和交互。7.控件交互面板定義控件的交互，如：鏈接、彈出、動(dòng)態(tài)顯示和隱藏等。8.控件注釋面板對(duì)控件的功能進(jìn)行注釋說(shuō)明。四、登錄界面案例操作1).案例描述實(shí)現(xiàn)一個(gè)較為簡(jiǎn)單的登錄界面，輸入用戶(hù)名、密碼后，點(diǎn)擊登錄按鈕進(jìn)行登錄校驗(yàn)：1.如果未輸入用戶(hù)名或密碼，則提示“請(qǐng)輸入用戶(hù)名和密碼”，藍(lán)色字體；2.如果用戶(hù)名或密碼錯(cuò)誤，則提示“用戶(hù)名或密碼錯(cuò)誤”，紅色字體；3.如果用戶(hù)名和密碼都匹配，則提示“您好，【用戶(hù)名】”，黑色字體。2)實(shí)現(xiàn)步驟步驟一、繪制線框圖1、
6、打開(kāi)Axure軟件，新建一個(gè)RP文件；2、拖動(dòng)控件面板中的控件到線框圖面板中，繪制登錄界面如下圖：圖4-2線框圖所用到的控件清單如下：控件名作用文本內(nèi)容標(biāo)識(shí)符其它屬性Rectangle裝飾底板底色：灰色TextPanel信息提示默認(rèn)：登錄窗口logInfoTextPanel信息提示用戶(hù)名：TextPanel信息提示密碼：TextField輸入用戶(hù)名userNameTextField輸入密碼passWordButton點(diǎn)擊登錄登錄submitButton步驟二、設(shè)計(jì)控件交互1.選中登錄按鈕，在控件交互和注釋面板中鼠標(biāo)雙擊onClick事件:圖4-
7、3線框圖1.在彈出的―交互場(chǎng)景屬性‖對(duì)話框中，點(diǎn)擊“添加場(chǎng)景…”這個(gè)鏈接；圖4-4添加場(chǎng)景2.在彈出的―條件創(chuàng)建‖對(duì)話框中，添加條件如下：圖4-5創(chuàng)建‖對(duì)話框1.回到―交互場(chǎng)景屬性‖對(duì)話框中，Step2中選擇動(dòng)作―SetVariableandWidgetvalueequaltoValue‖，并點(diǎn)擊Step3中的鏈接:圖4-6選擇動(dòng)作2.在彈出的“設(shè)置變量和控件值”對(duì)話框中，設(shè)置如下：圖4-7設(shè)置變量和控件值點(diǎn)擊“Edittext…”鏈接，輸入“請(qǐng)輸入用戶(hù)名或密碼”，并設(shè)置為藍(lán)色；6、確定和關(guān)閉所有對(duì)話框，這時(shí)控件交互和注釋面板如下：圖4-8注釋
8、面板以上我們實(shí)現(xiàn)了第一個(gè)場(chǎng)景：如果未輸入用戶(hù)名或密碼，則提示“請(qǐng)輸入用戶(hù)名和密碼”，藍(lán)色字體；接下去，我們實(shí)現(xiàn)第2、3個(gè)場(chǎng)景，其步驟和實(shí)現(xiàn)場(chǎng)景1類(lèi)似，
