版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
Axure學(xué)習(xí)筆熟練了AxureHTML/CSS怎樣來(lái)實(shí)現(xiàn)AxureHTML、Doc等文檔格式,但無(wú)法打開(kāi)它們。它只能打開(kāi)自己生成的*.rb、*.ubx格式的文檔。保存文檔為.rp(Would?建立一般的超級(jí)WireframeHyperlink選擇右側(cè)Interactions下的QuickLink并雙擊,選擇所需,就OK了首先要從Word里打出,然后,拷進(jìn)TextPanelCopyright的符號(hào)(c)Prototype上呈現(xiàn)符號(hào)(c);如果(c)LinecolorEditImage->ImportRolloverEditButtonShape->EditRollover(一)Axurewireframe,將自己prototype直至最終確認(rèn),開(kāi)始投入執(zhí)行。進(jìn)行產(chǎn)品原型設(shè)計(jì)的軟件工具也有很多種,我寫(xiě)的這個(gè)所介紹的AxureRP,是 dangdang等國(guó)內(nèi)大型網(wǎng)絡(luò)公司的團(tuán)隊(duì)在推廣使用的原型設(shè)計(jì)軟件。同時(shí),此軟件也在產(chǎn)品經(jīng)理圈子中廣為流傳。之所以AxureRP得到了大家的認(rèn)同和推廣,正是因?yàn)槠浜?jiǎn)便的操作AxureRP之前,我們先來(lái)看看做產(chǎn)品原型設(shè)計(jì),現(xiàn)在大致有哪些工具可以使用,Visio:功能相對(duì)比較復(fù)雜。畫(huà)流程圖,框架圖。不利于批注與大篇幅的文字說(shuō)明。同實(shí)時(shí)討論溝通時(shí)使用,通過(guò)圖形快速表達(dá)自己的產(chǎn)品思路,及時(shí)的畫(huà)出來(lái),是再好不過(guò)的方法。而word則適合在用文字詳細(xì)表達(dá)產(chǎn)品,對(duì)產(chǎn)品進(jìn)行細(xì)節(jié)說(shuō)明時(shí)使用,結(jié)合文字wordpptvisio關(guān)系圖的表達(dá),更可通過(guò)畫(huà)usecase獲取用戶需求。PS/FW是處理的工具,DW則是費(fèi)太多的精力去掌握。ue完成產(chǎn)品原型設(shè)計(jì),因此他們都不prototypedesignAxureRP正是在互聯(lián)網(wǎng)產(chǎn)品大張其道的前提prototypedesign創(chuàng)建的需求,應(yīng)運(yùn)而生。AxureRP能幫助需求設(shè)計(jì)者,快捷而簡(jiǎn)便的創(chuàng)建基于 組織的原型件、功能說(shuō)明、交互接口以及帶注釋的wireframe網(wǎng)頁(yè),并可自動(dòng)生成用于演示的網(wǎng)頁(yè)檔和word文檔,沒(méi)錯(cuò)!AxureRPhtmljavascript語(yǔ)句的情況下,通過(guò)創(chuàng)建的文檔以及相關(guān)條件和htmlprototype演示。word一下軟件短短的歷史,創(chuàng)造這一軟件的公司—AxureSoftwareSolutions,Inc.該公司創(chuàng)建于表,至今已經(jīng)正式到了第四個(gè)版本,而我提筆寫(xiě)到這里的時(shí)候,Axure5.0版本beta版版說(shuō)起,至于5.0版,我們可以伴隨著軟件一起成長(zhǎng)。(二)不論學(xué)習(xí)什么,打基礎(chǔ)是很重要的。關(guān)于基礎(chǔ)練習(xí),我印象最深的故事是練習(xí)書(shū)法的AxureRP后,首先彈出的是歡迎接口,它擁有的功能和其它軟件的歡迎接口沒(méi)有什么功能區(qū)1:件區(qū),這個(gè)區(qū)域顯示用戶最近打開(kāi)的AxureRP文件,用戶可以快捷的打開(kāi)AxureRP默認(rèn)檔夾。功能區(qū)2:認(rèn)證區(qū),這個(gè)區(qū)域顯示信息已經(jīng)的用戶,顯示者名稱,與已經(jīng)獲得認(rèn)證的圖示。未用戶,顯示,引導(dǎo)用戶完成。功能區(qū)3:AxureRP學(xué)習(xí)中心。主要包括學(xué)習(xí)、幫助文檔、問(wèn)題回饋三個(gè)環(huán)節(jié)a、學(xué)習(xí)提供了三個(gè)tutoriale文解說(shuō)。onlinecommunity:進(jìn)入AxureRP的討論組,討論學(xué)習(xí)Axureblog:進(jìn)入Axure的,了解信息c、問(wèn)題回饋,通過(guò)點(diǎn)擊可以發(fā)郵件 在歡迎接口中,Axure4.6Axure檔,無(wú)法用以前同時(shí),如果我們不希望下次打開(kāi)軟件再看到這個(gè)面板,我們可以通過(guò)選擇“Don'tshowthisat功能區(qū)1:office軟件一樣,包含文件、編輯、查看和幫助,這些功能大抵是差不多的。table也很容易理解,就是對(duì)表格編輯令。而Axure特有的幾個(gè)特殊令欄目是a、wireframe:線框,包含所有畫(huà)原型線框圖的相關(guān)命令c、generate:html演示檔、word說(shuō)明文檔,以及對(duì)生成規(guī)則進(jìn)行自行編輯、功能區(qū)2:,基本和office風(fēng)格一模一樣,功能也很容易上手功能區(qū)4:站點(diǎn)地圖,AxsureRP創(chuàng)建的檔是模擬真實(shí)頁(yè)面關(guān)系的,sitemap就是通過(guò)樹(shù)形關(guān)系,管理所有的站點(diǎn)頁(yè)面檔與流程圖檔??茖W(xué)的文件關(guān)系結(jié)構(gòu),對(duì)有效的演示文檔LO(低保真(高保真于不同的需求者使用。功能區(qū)5:wireframe與流程圖的對(duì)象。我們可以通過(guò)拖拽的方功能區(qū)6:sitemap的頁(yè)面相似,唯一不同的是,mastersitemap解網(wǎng)頁(yè)設(shè)計(jì)師、程序員是怎么構(gòu)建的頁(yè)面的。功能區(qū)8:頁(yè)面加載時(shí)的交互功能。通過(guò)在這里設(shè)置,不同條件下,頁(yè)面初次打開(kāi)時(shí)的狀況widgets。Axure提供了自主設(shè)置字段,只要你自己設(shè)置好自己常用的字段,Axure的主要功能區(qū),但是其實(shí)還有兩個(gè)小的角落大家可能會(huì)忽略,那就是6、7、8區(qū)下面的一行系統(tǒng)信息,這里顯示的信息很重要uiwireframewireframe的時(shí)候卻無(wú)法度量。Axurewireframehtml,因此我們可以在畫(huà)的時(shí)候就度量好每個(gè)像素距離。但是我們要怎么做呢?這就需要利用到信息欄左邊顯示的是件保存情況。而右邊呢,當(dāng)你將一個(gè)widgets放入工作區(qū),并選(三)學(xué)校出來(lái)的朋友對(duì)文檔名與放置都是隨心所欲的,我也不例外。沒(méi)有好的整理習(xí)慣,prototype需要首先構(gòu)建一個(gè)清晰的文檔關(guān)系,這樣一方面能夠讓自己清楚文word件。AxureRPsitemapwindows的樹(shù)形相似,是以父子關(guān)系構(gòu)建頁(yè)面關(guān)系的,每個(gè)頁(yè)pageflow。一、工具功二、右鍵—增加為鼠標(biāo)右擊文件所顯示命令,下同11(1小點(diǎn)功能相同,以下同此三、右鍵—移四、右鍵2、分支:所選頁(yè)面以及子頁(yè)面,作為同級(jí)分支顯示在所選頁(yè)面分支下方五、右鍵—頁(yè)面類由于頁(yè)面有兩種類型,wireframe與flow,所以要用這兩種標(biāo)記頁(yè)面,從而讓人理解你flow圖為父頁(yè)面,wireframe圖為子頁(yè)面:先畫(huà)流程圖,然后根據(jù)流程圖構(gòu)建頁(yè)面關(guān)系。這wireframe為父頁(yè)面,flow為子頁(yè)面:為頁(yè)面線框圖中的特殊部分做流程解釋??梢詫?duì)頁(yè)面(四)masterssitemap面板很相似,文檔操作也一樣,它們的本質(zhì)區(qū)別是,sitemap里的檔是最終展示頁(yè)面,masters里的文件卻只是一個(gè)模塊,是頁(yè)面的一個(gè)部分。masters的英文直譯是主人或雇主,但是我認(rèn)為這里可以叫板,或者復(fù)用模塊。masters的頁(yè)面程序。dreamweavertemplate,可以參照理解。一、功能二、右鍵單擊文檔——增增加功能的功能模塊功能除了增加文件夾其它和sitemap相同,大家可以參考三中的而masters的件組織結(jié)構(gòu)主要依靠文件夾完成,頁(yè)面檔之間不存在父子關(guān)系。這是sitemap的最大不同。三、右鍵單擊文檔——移sitemap功能,基本上也可以參考三的第三點(diǎn)。四、右鍵單擊文件——文件“行為”behavioraxure4master的不同使2、placeinbackground:定位的復(fù)用模板,這類模板的特點(diǎn)是定位于頁(yè)面的底層,并且鎖定3、customwidgetsbehaviorwidgets123功能都是件件操作功能和sitemap一樣分別是刪除重命名和編輯mastersitemap文件的樹(shù)形,你可以通過(guò)選擇需要添checkall:選擇所有頁(yè)面uncheckall:所有頁(yè)面都不選擇checkallchildren:選擇所選頁(yè)面以及其所有子頁(yè)面uncheckallchildren:不選擇所選頁(yè)面以及其所有字頁(yè)面在4positionoptionspositionplaceinblackgroundspecifylocation:是特殊定位,可以通過(guò)設(shè)置距離左側(cè)和上邊的距離,來(lái)將模板文件放入特options里的多選框的意思是“只有頁(yè)面中沒(méi)有此模板時(shí)才置入”,默認(rèn)是選擇的。如果不選6、usagereport:使用報(bào)告,點(diǎn)擊后彈出面板,顯示所有使用了此復(fù)用模板的列表,顯示的(五)widgets工具-每一個(gè)工具的用法和用途,才能隨心所欲的畫(huà)出腦海中的圖形。Widgets,下分兩類工具wireframe線框圖工具基本上對(duì)應(yīng)著web頁(yè)面中的各種圖形針對(duì)頁(yè)面互行為的表達(dá)AxureRP專門(mén)增加了imagemapregion圖像映像區(qū)、dynamicpanel動(dòng)態(tài)面版、Flow工具:wireframehtmlweb頁(yè)面元素有比較充分的理解,就很容易入手。以下我根據(jù)中的編碼,依次講解。1、image:給wireframe中插入一個(gè)站位,也可以直接置入真實(shí)的2、textpanel文本:插入文本。相當(dāng)于插入了一個(gè)<text>。是不帶的文本。但是其實(shí)也可以帶,在interactions中我們會(huì)提到。3、hyperlink超:插入帶的文本。相當(dāng)于插入了一段帶<a>卷標(biāo)的文字。但其實(shí)在Axure中它與普通文本除了外型不同,沒(méi)有本質(zhì)區(qū)別。4、rectangle矩形:插入一個(gè)矩形??梢詫?duì)其進(jìn)行圖形樣式編輯。此圖形通常被用來(lái)表達(dá)板5、placeholder占位符:插入一個(gè)占位符。占位符通常用來(lái)表達(dá)在頁(yè)面中某些特殊區(qū)域,比6、button按鈕:插入一個(gè)按鈕,相當(dāng)于button卷標(biāo)。按鈕一般結(jié)合窗體使用,當(dāng)然也可7teble表格:插入一個(gè)表格。Axure的表格使用起來(lái)不是很方便,增加行、列,修改行、列寬度都不方便,算是一個(gè)敗筆。期待在下一個(gè)版本的時(shí)候能夠有更好的進(jìn)步。與標(biāo)準(zhǔn)化wireframe的時(shí)候就應(yīng)該明確其作用,是用來(lái)作為數(shù)據(jù)列表8、textfield文本輸入框:結(jié)合窗體使用。一般用作窗體中提交數(shù)據(jù)。比如搜索框、用戶登9、textarea文本區(qū):結(jié)合窗體使用。一般用作大段文字編輯、提交。比如文章編輯、留言10、droplist下拉列表框:結(jié)合窗體使用。一般用作下拉菜單或者下拉列表選項(xiàng),比如在搜11、listbox列表選擇框:結(jié)合窗體使用。通過(guò)文本框列表選項(xiàng),通常使用在多項(xiàng)列表選擇,12、checkbox多項(xiàng)選擇:多項(xiàng)選擇通常使用在窗體中,以提供多項(xiàng)選擇。比如在有些有些13、raidobutton單項(xiàng)選擇:在一組選擇中選擇適合選項(xiàng),選項(xiàng)關(guān)系非此即彼。比如在填寫(xiě)webhtml檔,特將兩種線條分開(kāi)17imagemapregionweb頁(yè)面中制造一片不可見(jiàn)的區(qū)域,一般是的部分區(qū)域,相當(dāng)于的熱區(qū),從而添加說(shuō)明與互動(dòng)。在現(xiàn)實(shí)的網(wǎng)頁(yè)中經(jīng)常會(huì)有18、inlineframehtml中的iframe對(duì)象。用于在頁(yè)面中制造頁(yè)面框架,每個(gè)19、dynamicpanel動(dòng)態(tài)面版:是Axure為了表現(xiàn)多幀區(qū)域內(nèi)容而制造的一個(gè)工具。它的圖標(biāo)很形象的說(shuō)明了它的結(jié)構(gòu)。它是不同的state迭加的一個(gè)動(dòng)態(tài)區(qū)域,默認(rèn)顯示其中一個(gè) 不同state的關(guān)系,類似于photoshop的層,也類似于html中的css屬性layer。加漂浮的的子菜單,添加方法很簡(jiǎn)單,就是選擇所要添加的菜單項(xiàng),添加sub。(六)widgets工具-有時(shí)候你可能會(huì)懊惱,因?yàn)槌绦騿T的思維猶如計(jì)算機(jī),你為什么沒(méi)有用,你就告訴他該怎么做,是左是右,是0是1flow里面的工具,因?yàn)閳D形其實(shí)很好介紹,簡(jiǎn)單的英文翻譯就好作用:一般用作要執(zhí)行的處理(process,在程序流程圖中做執(zhí)行框在axure中如果是畫(huà)頁(yè)面框架圖,那么也可以指代一個(gè)頁(yè)面。有時(shí)候我會(huì)把頁(yè)面和執(zhí)行2、roundedrectangle作用:表示程序的開(kāi)始或者結(jié)束,在程序流程圖中用作為起始框或者結(jié)束框3、beveledrectangle作用:表示決策或判斷(例如:If...Then...Else),在程序流程圖中,用作判別框5、file作用:半圓在使用中常作為流程頁(yè)面跳轉(zhuǎn)、流程跳轉(zhuǎn)的標(biāo)記作用:控制傳遞,一般和線條結(jié)合使用,畫(huà)數(shù)據(jù)傳遞作用:一般用作手動(dòng)操作作用:如果畫(huà)小圓,一般是用來(lái)表示按順序數(shù)據(jù)的流程usecase用例圖中,橢圓就是一個(gè)作用:表示準(zhǔn)備之意,大多數(shù)人用作流程的起始,類似起始框作用:一般表示數(shù)據(jù),或確定的數(shù)據(jù)處理?;蛘弑硎緮?shù)據(jù)輸入(Input作用:usecase用例,模擬流程中執(zhí)行操作的角色是誰(shuí)。需要注意的時(shí),角色并作用:就是指保存我們數(shù)據(jù)的數(shù)據(jù)庫(kù)15、image:作用:表示一張,或者置入一個(gè)已經(jīng)畫(huà)好的、流程或者一個(gè)環(huán)境基本上,axure講基本流程圖、頁(yè)面框架圖、usecase用例圖涉及到的一些關(guān)鍵圖形都囊括flow流程工具中,模糊了流程圖的區(qū)別,而盡量貼近交互設(shè)計(jì)時(shí)的工作內(nèi)容。axure里面由于不涉及到具體的程序流程,所以有些標(biāo)準(zhǔn)的圖形并沒(méi)有提供,如不規(guī)則圖形、側(cè)面雙矩形等,大家可以自己一下或者baidu一下很容易就知道。大多數(shù)(七)nnottions首先,我定義一下對(duì)交互與注釋說(shuō)明的解釋。html框架頁(yè)面時(shí),產(chǎn)生相應(yīng)的對(duì)象功能,用以演示操1、自定義注釋與說(shuō)你也許看到eannotationsspecificationstatusbenefit、effectaxure根據(jù)一些歐美公要說(shuō)明的事情,以及往常的溝通方式來(lái)定義。那么現(xiàn)在看看,我們?cè)趺磥?lái)定義吧。annotations&interactionscustomizefieldsandpagenotesdefaultmanage如圖所示,我們看到了兩個(gè)區(qū)域type的文字進(jìn)行表述。新增字先面的下拉選擇框中定義該字段的type類型,有四種類型:Date:日期。說(shuō)明字段只有日Selectlist:選擇列表。通過(guò)設(shè)置特定的選擇條件,以供選擇然后在后面的填空框中輸入字段的名稱比如設(shè)置一個(gè)對(duì)頁(yè)面中對(duì)象的開(kāi)發(fā)優(yōu)先級(jí)的說(shuō)管理字Moveup:將字段排列順序上移一格。Movedown:Editselectlist:type類型是擇項(xiàng),Axure定義,每一行為一個(gè)選擇項(xiàng)。ok新增用戶自定義說(shuō)addfieldRename:對(duì)字段重命名Edit:fieldsRemove:刪除此自定義說(shuō)明done,你就定義完2、自定義注釋與說(shuō)明的現(xiàn)實(shí)意axurerp的兩個(gè)文檔生成功能請(qǐng)按下f5鍵,會(huì)彈出提示框,按照默認(rèn)設(shè)置確定后,就會(huì)生成html演示檔。你就可以拿這html檔,給程序員、設(shè)計(jì)師們演示你的檔了。檔使用,而說(shuō)明則會(huì)根據(jù)label的以及編號(hào),對(duì)應(yīng)生成table說(shuō)明文檔。wordF6specificationPsnotes更加簡(jiǎn)單,因?yàn)獒槍?duì)頁(yè)面的說(shuō)明只能有一段文本,不存在特殊說(shuō)明字段的編AxureRPPro5終于發(fā)布了直觀操作上最明顯的變化之一就是在命令行多了“share.”,其次所有窗口可以以浮動(dòng)形式編輯了。為了與時(shí)俱進(jìn),以后的將以AxureRPPro5為基nnottions“親兄弟”interacions楚的表明功能詳情。annotations標(biāo)注的是這個(gè)人的基本屬性,比如“、、學(xué)歷……”,交互interactions則是說(shuō)明人根據(jù)外部條件,做(這個(gè)比喻有點(diǎn)過(guò)時(shí),現(xiàn)在都不這么買(mǎi)了。當(dāng)然,我們說(shuō)的是我們以一條簡(jiǎn)單的文字為例:“hawking的axurerp5文章列表”。我們來(lái)對(duì)它添加交章進(jìn)行詳解。還是照例先給三個(gè)名詞做出。交互觸發(fā):是發(fā)生交互的,說(shuō)明引起交互的觸發(fā)動(dòng)作是什么。交互行為的條件就是“以文章作者h(yuǎn)awking的登錄”。PS:有條件本身,就必然會(huì)有條件的?;蛘哂卸鄠€(gè)條件,就會(huì)有多個(gè)條件之外的在開(kāi)發(fā)的時(shí)候想當(dāng)然,或者再回來(lái)問(wèn)你。針對(duì)這個(gè)例子,條件的就是“登錄者不是交互行為:是機(jī)器依據(jù)觸發(fā)事件與條件,做出的反應(yīng)動(dòng)作或行動(dòng)此文字的的交互行為,就是“頁(yè)面跳轉(zhuǎn)到hawking的axurerp5 1、頁(yè)面加載觸發(fā),針對(duì)的對(duì)象就是我們所編輯的頁(yè)面,axurepagenotes&pageinteractionspageinteractions。AxureOnPageLoad當(dāng)頁(yè)面載入時(shí)。case事件,axure提供了三個(gè)功能。Addcase:Editcase:(caseDeletecase:(case2、鼠標(biāo)行為觸發(fā)是當(dāng)用戶使用鼠標(biāo)操作接口時(shí),交互。三種觸為:OnMouseOut:當(dāng)鼠標(biāo)從目標(biāo)熱區(qū)移出時(shí),觸發(fā)交互行為如果選擇的是輸入框、多選框等則會(huì)出現(xiàn)對(duì)應(yīng)功能的觸為:OnKeyUp:Fireswhentheuserreleasesakey.當(dāng)釋放鍵盤(pán)時(shí)觸發(fā)交互行為。OnLostFocus:當(dāng)鼠標(biāo)失去對(duì)目標(biāo)對(duì)象的選擇、聚焦時(shí),觸發(fā)交互行為Onchange:當(dāng)所選項(xiàng)被更改時(shí),觸發(fā)交互行為Addcase:給所選對(duì)象增加事件。Quicklink:快速添加。選擇對(duì)象后,點(diǎn)擊快速則會(huì)彈出如下linkproperties屬性面版1、linktoapageinthisdesign:到這個(gè)項(xiàng)目中的某一特定頁(yè)面。你可以通過(guò)鼠標(biāo)點(diǎn)擊,選擇你想要跳轉(zhuǎn)的,樹(shù) 中的相應(yīng)頁(yè)面2、linktoanexternalurlorfile:到一個(gè)外部或者文件。你可以通過(guò)在hyperlink框中輸入地址,完成導(dǎo)向。注意:最好是絕對(duì)地址,不然就容易出錯(cuò)3、reloadcurrentpage:Variablechangesareapplied4、backtopreviouspage:Varablechangesarenotapplied一、進(jìn)入交互條件設(shè)置addcaseinteractioncaseproperties交互事件屬性窗口。Step1description描描述后的input輸入框,可以編寫(xiě)事件的名稱,或者事件的描述文字,以供生成html頁(yè)面展示時(shí)標(biāo)注此事件,也供生成需求件的時(shí)候辨識(shí)此功能功能。Addcondition(ifnecessary)增加條件(如果需要的話。這就是這章所要說(shuō)的重點(diǎn)內(nèi)容,們需要投入的精力,再開(kāi)始做這一步。會(huì)清晰很多。Step2selectaction選擇動(dòng)Step3edittheactionsdescription(clickanunderlinedvaluetoedit)編輯動(dòng)作描述,你可以通二、條件設(shè)置的功能與step1后面帶下劃線的文字,addconditionconditionbuilderA、滿足條件類型選擇與條件清satisfy“anyall”ofthefollowing中就提供了這個(gè)選擇a、b、c,才能產(chǎn)生最后的交互。a、b、c中任何一個(gè)條件,就能產(chǎn)生最后的交互。另外,如果我們對(duì)我們?cè)O(shè)置的眾多條件都不滿意,想全部刪除重新設(shè)置,clearall就是為了B、設(shè)增加條件與刪除條件條件設(shè)widgetslabel名稱,因?yàn)闂l件設(shè)置,labelwidgets。我最開(kāi)始把條件設(shè)置看做5個(gè)部分,1是作為條件類型的設(shè)置,則2是設(shè)置要比較的對(duì)象,34所以一開(kāi)始,我根據(jù)1可能出現(xiàn)的六種類型,畫(huà)了6個(gè)大表格,企圖把所有的情況囊括,做了很多無(wú)用功。b,而3a與b的關(guān)系。a的不同,bcheckstateof多項(xiàng)/單項(xiàng)選擇框的選擇(checkboxbutton意:這里會(huì)顯示頁(yè)面上的多項(xiàng)選擇、單項(xiàng)選擇的label名稱,所以做頁(yè)面工作的時(shí)候,要保持有效命名label選擇狀態(tài)比ofvariable變selectedoptiondroplist或者listbox列表文本框。這里也label名稱 Onloadvariable value變數(shù)值的長(zhǎng)度checkstateof多項(xiàng)/單項(xiàng)選擇框的選擇inputtext value圖形原件上提供文本輸入框input、文本框text、下拉菜單條droplistlistboxlabel名稱選擇alista的比blabel,然后一條條的選擇,操作一下就清楚了,我這里主要提的是一個(gè)理解的方法,條件含義的說(shuō)明。equalsdoesnotequalsislessthanisgreaterthanislessorequalsisgreaterorequalsisC、自動(dòng)生成對(duì)條件的文字描prd文檔的時(shí)候,會(huì)生成條件的說(shuō)明文字。三、綜合談一談設(shè)置合理的條件為什么條件設(shè)置不重要?我要提出我的幾點(diǎn)理,axure做出來(lái),肯定是不可能完全達(dá)機(jī)的讓它在策劃階段就實(shí)現(xiàn)。作為交互設(shè)計(jì)師應(yīng)該關(guān)注功能是否滿足用戶需求,提高用戶使用效率;作為產(chǎn)品經(jīng)理應(yīng)該的關(guān)注產(chǎn)品的生命線、競(jìng)爭(zhēng)力。,三AxureRP(1)AxureRPAxureRPPrototypeSpecSitemapSitemapWidgets窗格:包含一系列常用的使用者接口對(duì)象,例如:按鈕、、TextPanel與矩MastersMaster。MasterWireframeMaster,來(lái)提高規(guī)劃的效率。WireframePrototypeSpec交互設(shè)計(jì)(Interaction)窗格:交互的范圍很廣,從最基本的超級(jí)、pop-ups,一直widgetWidget物件批注(Annotation格WidgetWidget網(wǎng)頁(yè)說(shuō)明及交互(PagesNotes&Interactions)窗格:您可以在這個(gè)窗格中加入網(wǎng)頁(yè)層級(jí)企劃一個(gè)或Web,在動(dòng)手開(kāi)始繪制頁(yè)面的示意圖(Wireframe)或流程之前,應(yīng)該事先思考架構(gòu)并決定信息內(nèi)容與層級(jí)當(dāng)您心中已經(jīng)有了明確的架構(gòu)接來(lái)就可以利用Sitemap窗格來(lái)定義您所設(shè)計(jì)的頁(yè)面。Sitemap窗格是用來(lái)管理設(shè)計(jì)中網(wǎng)頁(yè)的工具,您可以在Sitemap窗格中可以新增、刪除和調(diào)新增/刪除SitemapAddChildPage在網(wǎng)頁(yè)上按鼠標(biāo)右鍵,然后選擇「RenamePage」或慢慢的在網(wǎng)頁(yè)上連續(xù)按鼠標(biāo)左鍵兩下可鈕,或是在網(wǎng)頁(yè)上按下鼠標(biāo)右鍵,然后選擇「DeletePage」。調(diào)整網(wǎng)頁(yè)層SitemapSitemapWireframe接口對(duì)象(Widget)Wireframe和TextPanel。AxureRPWidgetsWidgetsWireframe新增接口對(duì)象(Widget):象拖曳(drag&drop)Wireframe您也可以在Wireframe中利用 提醒:熟悉 移動(dòng)對(duì)WireframeWidget除此之外,您還可以在選取的Widget上按下鼠標(biāo)右鍵,使用快捷菜單 )來(lái)設(shè)定Widgets的群組(Grou (Align)、分散(Distribute)與鎖定(Lock);您也可以利用Object工具列編輯對(duì)象(Widget)的樣式與屬Widget3連續(xù)按鼠標(biāo)左鍵兩下在Widget上連續(xù)按鼠標(biāo)左鍵兩下可以變更一些基本的Widget屬性,例如:在ImageWidget上連續(xù)按鼠標(biāo)左鍵兩下可以匯入;在Droplist或ListBoxWidget上連續(xù)按鼠標(biāo)左鍵兩下可以編輯菜單項(xiàng)目。Widget快捷菜單(ContextWidget撰寫(xiě)對(duì)象批注(Annotation新增批呈現(xiàn)綠色框線狀態(tài),然后在對(duì)象批注窗格(Annotations&InteractionsPane)的Specification2),輸入對(duì)這個(gè)對(duì)象的解釋內(nèi)容,您也可以在窗格最上方的您可以透過(guò)菜單「WireframeCustomizeAnnotationFieldsandViews」,或是按一下Annotations&Interactions腳注WidgetWidget右上方會(huì)多一個(gè)黃色小方塊,里面有一個(gè)腳注號(hào)碼網(wǎng)頁(yè)說(shuō)明(Page撰寫(xiě)網(wǎng)頁(yè)說(shuō)明(PageNotes)管理網(wǎng)頁(yè)說(shuō)明類Prototype比如您可以新增TestCase,操作說(shuō)明,SD等不同類別的網(wǎng)頁(yè)說(shuō)明。而當(dāng)您要輸出規(guī)格文件TestCase,SD想要新增/編輯網(wǎng)頁(yè)說(shuō)明類別的話,請(qǐng)點(diǎn)選菜單「Wireframe->ManagePageNotes」,或按一下「PageNotesDefault」右方的向下箭頭并選擇「ManagePageNotes」,此時(shí)會(huì)出現(xiàn)PageNotes框,利用這個(gè)框,您可以新增、移除、更名或重新排列說(shuō)明字段。想要切換說(shuō)明類別的話,請(qǐng)按一下「PageNotes–Default」右方的向下箭頭,來(lái)選擇說(shuō)技巧(Quick技巧快速挪動(dòng)畫(huà)focusWireframeHandtoo畫(huà)面任意滑動(dòng),而且不會(huì)打亂任何對(duì)象的位置,輕松愉快。技巧二.對(duì)象(Widget)選取下層的對(duì)象的對(duì)象。技巧三.Office或其它軟件的對(duì)象:Visio,PhotoshopIllustrator件,并貼到AxureRP一般來(lái)說(shuō),這些貼上的對(duì)象會(huì)變成Wireframe中的對(duì)象。反之亦然,您也可以AxureRP中的對(duì)象或畫(huà)面,:技巧選群組(收音機(jī)按鈕群組RadioButtonRadioButton,按下鼠標(biāo)右鍵,并選擇「EditRadioButton->AssignRadioGroup」來(lái)設(shè)定RadioButton群組關(guān)系。如此一來(lái),當(dāng)這些RadioButtonPrototype交互Interactions窗格是用來(lái)定義Widget在Wireframe中的交互表現(xiàn)方式,交互表現(xiàn)的方式包RichInternetApplication(RIA)的復(fù)雜行為,而且這些交互表現(xiàn)都可以Prototype觸發(fā)事件(Event)、假設(shè)條件(Case)、動(dòng)作AxureRP觸發(fā)事件(Event)、假設(shè)條件(Case)與動(dòng)作型態(tài)(Action)所當(dāng)使用者對(duì)網(wǎng)頁(yè)進(jìn)行某些人機(jī)接口的操作時(shí),就會(huì)對(duì)網(wǎng)頁(yè)觸發(fā)一個(gè)事件(Event)每一個(gè)觸發(fā)事件都可以有一或多個(gè)假設(shè)條件(Case),OnClick可以有兩個(gè)假設(shè)條件:其中一個(gè)導(dǎo)引至某個(gè)網(wǎng)頁(yè),另一個(gè)則導(dǎo)引至另一個(gè)網(wǎng)頁(yè)。CurrentWindow」的動(dòng)作就是一個(gè)基本連結(jié)。觸發(fā)事AxureRP5(Event)以鼠標(biāo)點(diǎn)擊鼠標(biāo)的指針進(jìn)入文字輸入狀態(tài)鼠標(biāo)的指針離開(kāi)文字輸入狀態(tài)敲鍵盤(pán)瀏覽器載入網(wǎng)頁(yè)大多數(shù)的對(duì)象,只具備最常見(jiàn)的三種觸發(fā)事件(Event)OnClick、OnMouseEnterOnMouseOutButtonOnClickRadioButton,CheckBox2OnFocusOnLostFocusTextField,TextArea2OnKeyUpOnFocusOnLostFocus觸發(fā)事Droplist,ListBox2OnChangeOnFocusOnLostFocusOnPageLoad觸發(fā)事件。(5.網(wǎng)頁(yè)層級(jí)的交互:Event,AxureRPInteractionEvent。WidgetQuickLinkButtonWidget步驟二:新增假設(shè)條件(AddCase)InteractionsOnClickAddCaseOnClick左鍵兩下)以增加一個(gè)假設(shè)條件(Case)OnClick「InteractionCaseProperties」窗,您可以在此處選擇想要執(zhí)行的動(dòng)作。步驟三:選擇動(dòng)作型態(tài)(SelectAction)在InteractionCaseProperties窗的Step2.SelectActions,勾選「OpenLinkinCurrentWindow」這個(gè)動(dòng)作型態(tài)。步驟四:編輯實(shí)際動(dòng)作(EditAction按一下InteractionCaseProperties窗的下方,step3的”Link”,并選擇實(shí)際執(zhí)動(dòng)作型態(tài)(Action)及實(shí)際動(dòng)作(Action除了基本連結(jié)之外,AxureRPDescription),Prototype以下是AxureRP5.0(Action):OpenlinkinCurrent OpenlinkinPopup Popup窗口(自動(dòng)彈出窗口OpenlinkinParent ParentCloseCurrent Openlinkin inlineframeSetPanelstate(s)to DynamicPanelShow DynamicHide DynamicToggleVisibitdtyfor DynamicPanelMove DynamicSetVariableandWidgetvalue(s)equal
WidgetOpenlinkinParent ScrolltoImageMap ImageMapEnable WidgetsDisable Widgets 多重假設(shè)條件(Multiple一個(gè)觸發(fā)事件(Event)可以加入多個(gè)假設(shè)條件(MultipleCases),以進(jìn)行不同條件判斷的差OnClickCase1命名為“IfYes”,選Case2“IfNo”,選擇這個(gè)假與”P(pán)rototypeWidget題將會(huì)在第六章高級(jí)交互設(shè)計(jì)做深入的說(shuō)明。網(wǎng)頁(yè)層級(jí)的交互AxureRP(Event)-OnPageLoadOnPageLoadPageNotesInteractionsWidgetOnPageLoad(Event)OnPageLoadEvent技巧(Quick技巧速連結(jié)(QuickWidgetInteractionsQuickLink」并選擇目標(biāo)網(wǎng)頁(yè),可以Widget技巧二.連結(jié)外部實(shí)際或網(wǎng)AxureRP5.0在「LinkProperties」框中指定網(wǎng)頁(yè)連結(jié)的時(shí)候,勾選「Linktoanexternalurlorfile」選項(xiàng),然后在「Hyperlink」字段指定一個(gè)外部實(shí)際的URL。AxureRP4.6在「LinkProperties」框中指定網(wǎng)頁(yè)連結(jié)的時(shí)候,取消勾選「Linktoapageinthisdesign」選項(xiàng),然后在「Hyperlink」字段指定一個(gè)外部實(shí)際的URL。技巧三.重復(fù)應(yīng)用類似的交互設(shè)右鍵選擇”Copy”Case,以鼠標(biāo)右鍵使用共享區(qū)塊Master)WidgetMasterMasterMasterMasterAxureRPMaster。一點(diǎn)特性上,有一點(diǎn)點(diǎn)類似的母片,但不完全是。如果您熟悉ASP或PHP程序語(yǔ)言的”Include”語(yǔ)法,或DreamWeaver的Template(DWT),那么AxureRP的Master就是同樣的概念,您只要使用Master,其它頁(yè)面把Master放進(jìn)來(lái),就可以產(chǎn)生共享的特性。若想要提升企劃的速度跟效率AxureRP在Web/AP規(guī)畫(huà)項(xiàng)目的效益展現(xiàn)出來(lái)Master新增、組織與設(shè)計(jì)的【AddMaster】鈕,或在窗格中按鼠標(biāo)右鍵并選擇「AddMaster」。Masters(Folder)Master,然后透過(guò)工具列、快捷菜單或是拖拉的Master。MasterMasterWireframeMasterMaster根據(jù)Master的特性,Master對(duì)象會(huì)有淡紅或灰色的,想要移除的話,可以使用主菜單中的「Wireframe->MaskMasters」功能。單將它變更為「PlaceInBackground」或「CustomWidget」。NormalWireframeMasterPlaceinBackgroundMasterWireframeWidgetMasterCustomWidget:CustomWidgetWireframe上時(shí),Widget就會(huì)失Master的關(guān)聯(lián),可以像一般Widget一樣被編輯,這個(gè)功能適合將經(jīng)常使用到的Widget,連同預(yù)設(shè)定義好的屬性、注釋和交互建立一個(gè)樣式庫(kù)(UIDesignPatternLibrary),例如:白色文字的AxureRP能夠快速提高策劃的效率,除了個(gè)人在單一項(xiàng)目上應(yīng)用Master的功能,來(lái)大量減低重復(fù)編輯的工作之外,還可以利用Master的CustomWidget自訂對(duì)象的功能,來(lái)建立接口元素的接口庫(kù)(UIDesignPatternLibrary)。這里有一篇AxureRP應(yīng)用于Axure技巧(Quick技巧一.在建立項(xiàng)目的初期就開(kāi)始定義Master,比如的Header/Footer/導(dǎo)覽菜單(Navigation),或者版位等等。越Master?您可以觀察自己會(huì)經(jīng)常把哪些區(qū)塊Master技巧二.將所有頁(yè)面都Master(或移Master”Addto技巧三.使用文件的話,這個(gè)功能絕對(duì)事半功倍。您可以在AxureRP的Masters窗格第一個(gè)Icon(Add技巧四.建立在Master中建立常用的(例如:icon圖標(biāo))有助于重復(fù)使用這些,您就不需要反復(fù)AxureRP的”Master”功能想要以中文精準(zhǔn)表達(dá)有些。在中,Master被譯成”母片”,但是AxureRPMaster譯成”母片”,會(huì)失去AxureRPMasterAxureRPMaster,可以是整頁(yè)的母片,這是一種型態(tài)。AxureRPMaster,也可以是MasterWidgetLibrary。輸出/應(yīng)用程序原什么是/應(yīng)用程序原型(HTML在Axure中完成有批注的Wireframe和Interaction可以產(chǎn)生可交互且支持多種瀏覽器的Web/AP原型(HTMLPrototype)。(注:APApplication的縮寫(xiě),通常指的是應(yīng)用AxureRP原型是由HTML和Javascript組成,可以在IE6(或以上的版本)、或Firefox中瀏覽換句話說(shuō)原型的人僅需要一般瀏覽器不需要安裝AxureRPIEActiveX警告訊息IEHTMLPrototypeActiveXIEIE瀏覽器出現(xiàn)的ActiveX警示訊息,接著選擇”允許被的內(nèi)容”,這樣子就可以在IEHTMLPrototypeActiveX輸出原型/格式設(shè)想要輸出原型或設(shè)定(ConfigureHMTLPrototype)AxureRP或是按下工具列中的「Prototype」鈕,系統(tǒng)會(huì)開(kāi)啟「ConfigureHTMLPrototype」框General:在「DestinationFolder」處輸入原型的HTML的存放位置,因?yàn)锳xureRP的原型包含許多,最好指定一個(gè)windows系統(tǒng)內(nèi)的夾來(lái)存放。Notes(網(wǎng)頁(yè)說(shuō)明):選擇和排序想要顯示在原型中的網(wǎng)頁(yè)層級(jí)說(shuō)明Annotations(物件批注):選擇和排序想要顯示在原型中的批注字段Interactions:指定交互的行為,例如:指定是否需要預(yù)設(shè)顯示條件描述(case),Distribution:選擇是否產(chǎn)生檔Advanced:選擇是否將TextPanel轉(zhuǎn)成,這是一個(gè)舊版本的功能,現(xiàn)在很少有需要這整?;蛘弋?dāng)您完成原型輸出格式的設(shè)定,只要按一下【Generate】鈕就可將這AxureRP輸出的原型(HTMLPrototype)總共可區(qū)分成三個(gè)框架。左側(cè):Sitemap框架Sitemap,那么就應(yīng)該底部說(shuō)明(PageNotes)框這個(gè)框架顯示該網(wǎng)頁(yè)的文字說(shuō)明,這些文字說(shuō)明來(lái)自于您寫(xiě)在網(wǎng)頁(yè)批注(PageNotes)的文中間框不需要安裝AxureRP或任何器就可以直接檢視Prototype。放到服務(wù)第式是發(fā)布原型的HTMLPrototype到WebServer上,您只要將給客戶或工Prototype。壓縮成Zip收到的人,將Zip檔解壓縮后,便可以直接在自己的計(jì)算機(jī)瀏覽HTMLPrototype,通常是開(kāi)啟index.htmlXXX_Start.html(XXXRPProject檔第三種方式是產(chǎn)生包含Prototype的檔,就像zip檔一樣,這種方式可以的方式發(fā)布Prototype,而且不需要安裝任何軟件來(lái)檢視。是HTMLHelp檔的格式,所以大多數(shù)的Windows計(jì)算機(jī)已經(jīng)安裝了瀏覽器,使用者只要在上連續(xù)按兩下鼠標(biāo)「Distribute」區(qū),勾選「CreateHTMLHelpFile(.)」選項(xiàng)如果您目前已經(jīng)安裝的系統(tǒng)中沒(méi)有HTMLHelpWorkshop的話,就必須安裝它才能產(chǎn)生檔,您可從這里免費(fèi),一旦完成安裝以后,所安裝的文件夾中將會(huì)出現(xiàn)一個(gè)hhc.exe的,按一下「Locatehhc.exe」來(lái)告訴AxureRP這個(gè)程序在計(jì)算機(jī)中的位置。一旦Prototype和.檔產(chǎn)生之后,您將會(huì)在存放Prototype的文件夾中找到一個(gè).檔,您現(xiàn)在就可以將.檔發(fā)布出去,讓接收者在HTMLHelp檢視器中檢視技巧(Quick技巧一.只更新現(xiàn)在開(kāi)啟的頁(yè)面到原型,當(dāng)您設(shè)計(jì)原型的技巧越純熟項(xiàng)目會(huì)越來(lái)越大,導(dǎo)致輸出原型的時(shí)間會(huì)隨著項(xiàng),想要重新產(chǎn)生某一頁(yè)網(wǎng)頁(yè),只要在AxureRP該頁(yè)Wireframe,接著AxureRP能菜單「Generate」菜單,選擇「RegenerateCurrentPagetoPrototype(CTRL+F5)」(如當(dāng)您選擇這個(gè)動(dòng)作,或者直接按下熱鍵CTRL+F5,AxureRP不會(huì)產(chǎn)生任何窗口,您只會(huì)感覺(jué)到鼠標(biāo)指針閃了一下,此時(shí),再回到原型(HTMLPrototype)上去reload這一頁(yè)技巧閉IE的ActiveX告訊息的計(jì)算機(jī)上開(kāi)啟存放于夾中的HTMLPrototype時(shí),瀏覽器中可能會(huì)出現(xiàn)ActiveX警告訊息,想要解除IE中的警告訊息,請(qǐng)點(diǎn)選「工具」菜單中的「因特網(wǎng)選項(xiàng)」,切換到「進(jìn)中執(zhí)行*技巧三.嵌入外部FlashInlineInlineFrameWidgetAxureRP目前不支持的內(nèi)容,例如:Flash在InlineFrameWidget上連續(xù)鼠標(biāo)左鍵兩下就可以指定想要加載到框架的網(wǎng)頁(yè),如果您要建立一個(gè)包含F(xiàn)lash對(duì)象的HTML文件,您可以將嵌入到InlineFrame中,這樣Prototype技巧四.快速繪制架構(gòu)圖以”GenerateFlowDiagram”的功能,請(qǐng)看快速繪制架構(gòu)圖(Sitemap)教學(xué)影片。在AxureRP中設(shè)計(jì)完Wireframe之后,我們可以輸出Word格式的需求書(shū)或功能性規(guī)格文件(Specification)。輸出Word格式規(guī)格文件之前,您的計(jì)算機(jī)必須事先安裝好Word2000Wireframe(PageNotes)或以及畫(huà)面,并且按照網(wǎng)頁(yè)順序整理在Word里頭。(如下圖)您可以下列策劃書(shū)范例,很快就可以了解AxureRP輸出的規(guī)格書(shū)大概是長(zhǎng)成什么AxureRPPrototype范例-旅游策劃書(shū)(Word2000格式)1.7MAxureRPPrototype范例-旅游策劃書(shū)(Word2007格式)700k或是按下工具列中的「Specification」鈕,系統(tǒng)會(huì)開(kāi)啟「ConfigureWord2007Specification」或「ConfigureWord2000Specification」框,并顯示預(yù)設(shè)的規(guī)格文輸出文件名稱(DestinationFile)Untitled
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2024年食堂承包租賃協(xié)議規(guī)范3篇
- 2025版蟲(chóng)草產(chǎn)業(yè)鏈上下游企業(yè)戰(zhàn)略合作合同范本3篇
- 鄭州經(jīng)貿(mào)學(xué)院《金屬材料成形基礎(chǔ)B》2023-2024學(xué)年第一學(xué)期期末試卷
- 2024版運(yùn)動(dòng)場(chǎng)館租賃合同范本版B版
- 2024建筑工程砌墻合同范本
- 2024年適用電子廣告屏出租協(xié)議模板版B版
- 電力電氣行業(yè)員工需求
- 設(shè)備潤(rùn)滑知識(shí)培訓(xùn)課件
- 2025年生態(tài)保護(hù)區(qū)場(chǎng)地硬化與生態(tài)保護(hù)工程合同2篇
- 2024年高標(biāo)準(zhǔn)變形縫安裝工程承包協(xié)議版B版
- 路燈更換施工方案
- 大力弘揚(yáng)教育家精神爭(zhēng)做新時(shí)代大先生PPT以文化人的弘道追求展現(xiàn)了中國(guó)特有的教育家精神PPT課件(帶內(nèi)容)
- 生產(chǎn)工藝過(guò)程說(shuō)明書(shū)
- 房產(chǎn)居間服務(wù)傭金協(xié)議書(shū)
- 高中生-學(xué)習(xí)方法指導(dǎo)課件
- RoboCup中型組機(jī)器人比賽規(guī)則MSLR
- 抗生素使用強(qiáng)度降低PDCA
- 第二版《高中物理題型筆記》下冊(cè)
- 優(yōu)秀教師獎(jiǎng)勵(lì)審批表
- (word完整版)譯林版英語(yǔ)八年級(jí)下冊(cè)單詞表
- 《那一刻我長(zhǎng)大了》五年級(jí)語(yǔ)文下冊(cè)作文12篇
評(píng)論
0/150
提交評(píng)論