產(chǎn)品介紹
axure rp
一款專(zhuān)業(yè)的快速原型設計工具
Axure RP是一款專(zhuān)業(yè)的快速原型設計工具。Axure(發(fā)音:Ack-sure),代表美國Axure公司;RP則是Rapid Prototyping(快速原型)的縮寫(xiě)。
Axure RP是美國Axure Software Solution公司旗艦產(chǎn)品,是一個(gè)專(zhuān)業(yè)的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專(zhuān)家能夠快速創(chuàng )建應用軟件或Web網(wǎng)站的線(xiàn)框圖、流程圖、原型和規格說(shuō)明文檔。作為專(zhuān)業(yè)的原型設計工具,它能快速、高效的創(chuàng )建原型,同時(shí)支持多人協(xié)作設計和版本控制管理 。
Axure RP的使用者主要包括商業(yè)分析師、信息架構師、產(chǎn)品經(jīng)理、IT咨詢(xún)師、用戶(hù)體驗設計師、交互設計師、UI設計師等,另外,架構師、程序員也在使用Axure。
界面功能
導航面板
在繪制線(xiàn)框圖(Wireframe)或流程圖(Flow)之前,應該先思考界面框架,決定信息內容與層級。
明確界面框架后,接下來(lái)就可以利用頁(yè)面導航面板來(lái)定義所要設計的頁(yè)面。頁(yè)面導航面板是用于管理所設計的頁(yè)面,可以添加、刪除及對頁(yè)面層次進(jìn)行重新組織。
頁(yè)面的添加、刪除和重命名
點(diǎn)擊面板工具欄上的“Add Child Page”按鈕可以添加一個(gè)頁(yè)面,點(diǎn)擊 “Delete Page” 按鈕可以刪除一個(gè)頁(yè)面。右鍵單擊選擇“Rename Page”菜單項可對頁(yè)面進(jìn)行重命名。
頁(yè)面組織排序
在頁(yè)面導航面板中,通過(guò)拖拉頁(yè)面或點(diǎn)擊工具欄上的排序按鈕,可以上下移動(dòng)頁(yè)面的位置和重新組織頁(yè)面的層次。打開(kāi)頁(yè)面進(jìn)行設計在頁(yè)面導航面板中,鼠標雙擊頁(yè)面將會(huì )在線(xiàn)框面板中打開(kāi)頁(yè)面以進(jìn)行線(xiàn)框圖設計。
控件
控件是用于設計線(xiàn)框圖的用戶(hù)界面元素。在控件面板中包含有常用的控件,如按鈕、圖片、文本框等。
添加控件
從控件面板中拖動(dòng)一個(gè)控件到線(xiàn)框圖面板中,就可以添加一個(gè)控件??丶梢詮囊粋€(gè)線(xiàn)框圖中被拷貝(Ctrl+C),然后粘貼(Ctrl+V)到另外一個(gè)線(xiàn)框圖中。
操作控件
添加控件后,在線(xiàn)框圖中點(diǎn)選該控件,然后可以拖拉移動(dòng)控件和改變控件的大小,還可以一次同時(shí)對多個(gè)控件進(jìn)行選擇、移動(dòng)、改變尺寸。另外,還可以組合、排序、對齊、分配和鎖定控件。這些操作可通過(guò)控件右鍵菜單中進(jìn)行,也可在Object 工具欄上的按鈕進(jìn)行。
編輯控件風(fēng)格和屬性
有多種方法可以編輯控件的風(fēng)格和屬性:
鼠標雙擊:鼠標雙擊某個(gè)控件,可以對控件的最常用屬性進(jìn)行編輯。例如,雙擊一個(gè)圖片控件可以導入一張圖片;雙擊一個(gè)下拉列表或列表框控件可以編輯列表項。
工具欄:點(diǎn)擊工具欄上的按鈕可編輯控件的文本字體、背景色、邊框等。
右鍵菜單:控件右鍵菜單上可編輯控件的一些特定屬性,不同控件這些屬性也不同。
注釋:可以為控件添加注釋?zhuān)哉f(shuō)明控件的功能。
添加注釋
在線(xiàn)框圖中選擇控件,然后在控件注釋和交互(Annotations and Interactions)面板中編輯字段中的值,即可為控件添加注釋。面板頂部的 Label 字段是為控件添加一個(gè)標識符。
自定義字段(Fields)
通過(guò)主菜單Wireframe - CustomizeAnnotation Fields and Views 或點(diǎn)擊面板上Annotations 頭部的“CustommizeFields and Views” 然后在彈出的 CustommizeFields and , Views對話(huà)框中可以添加、刪除、修改、排序注釋字段。
腳注(Footnotes)
在控件上添加注釋后,控件的右上角會(huì )顯示一個(gè)黃色方塊,稱(chēng)為腳注。
頁(yè)面備注
頁(yè)面備注可對頁(yè)面進(jìn)行描述和說(shuō)明。
添加頁(yè)面備注
在線(xiàn)框圖下面的Page notes 面板中可以添加頁(yè)面備注內容。
管理頁(yè)面備注
通過(guò)自定義頁(yè)面備注,可以為不同的人提供不同的備注,以滿(mǎn)足不同需要。比如可以新增“測試用例”“操作說(shuō)明”等不同類(lèi)別的頁(yè)面備注。
交互設計
控件的交互
控件交互面板用于定義線(xiàn)框圖中控件的行為,包含定義簡(jiǎn)單的鏈接和復雜的RIA 行為,所定義的交互都可以在將來(lái)生成的原型中進(jìn)行操作執行。
在控件交互面板中可以定義控件的交互,交互事件(Events) 、場(chǎng)景( Cases)和動(dòng)作(Actions)組成:
用戶(hù)操作界面時(shí)就會(huì )觸發(fā)事件,如鼠標的 OnClick、OnMouseEnter 和 OnMouseOut;
每個(gè)事件可以包含多個(gè)場(chǎng)景,場(chǎng)景也就是事件觸發(fā)后要滿(mǎn)足的條件;
每個(gè)場(chǎng)景可執行多個(gè)動(dòng)作,例如:打開(kāi)鏈接、顯示面板、隱藏面板、移動(dòng)面板。
定義鏈接
下列步驟說(shuō)明如何在按鈕控件上定義一個(gè)鏈接:
1.首先,拖拉一個(gè)按鈕控件到線(xiàn)框圖中,并選擇這個(gè)按鈕;
2.然后,控件交互面板中鼠標雙擊“OnClick”這個(gè)事件,這時(shí)會(huì )出現“Interaction Case Properties”對話(huà)窗,在這個(gè)對話(huà)框中可以選擇要執行的動(dòng)作;
3.在“Step 2”中,勾選“Open Link in Current Window”動(dòng)作。
4.在“Step 3”中,點(diǎn)擊“Link”,在彈出的Link Properties 對話(huà)框中可以選擇要鏈接 的頁(yè)面或其它網(wǎng)頁(yè)地址 。
除了上面的步驟,加入一個(gè)鏈接的最快的方法是單擊控件交互面板頂部的“QuickLink” ,在彈出的 Link Properties 對話(huà)框中選擇要鏈接的頁(yè)面。
多個(gè)場(chǎng)景
一個(gè)觸發(fā)事件可以包含有多個(gè)場(chǎng)景,根據條件執行流程或互動(dòng)。
事件
Axure支持一個(gè)頁(yè)面層級的觸發(fā)事件:OnPageLoad,這個(gè)事件在原型載入頁(yè)面時(shí)觸發(fā)。
頁(yè)面 OnPageLoad事件在頁(yè)面備注面板中的Interactions 子面板中定義, OnPageLoad為事件添加場(chǎng)景的方式與控件事件相同
特性介紹
Axure最新版本為10.0.0.3865 。此版本較之前版本有較多改善的地方,具體如下:
鼠標及鍵盤(pán)交互功能
支持更多的新特性,包括 OnDoubleClick(雙擊), OnContextMenu (右擊), OnMouseDown(鼠標按鍵按下), OnMouseUp(鼠標按鍵松開(kāi)), OnMouseMove(鼠標指針移動(dòng)), OnMouseHover(鼠標指針經(jīng)過(guò)), OnLongClick (鼠標長(cháng)按), OnKeyDown(鍵盤(pán)按鍵按下), OnKeyUp(鍵盤(pán)按鍵松開(kāi))
演示文檔
支持HTML5新特性,以及更好的支持手機演示特性。
新增部件樣式控制
Axure7對于部件修飾功能有較大的改善,包括支持圓角、陰影、描邊等設置。
更細化的部件屬性
更為豐富的部件屬性,可以設置各種形狀、樣式,較Axure RP 6.5單調的形狀而言,也是一種驚喜。
更多交互條件
包括關(guān)閉指定窗口、設置錨點(diǎn)以及更為靈活的事件觸發(fā)條件,對于移動(dòng)互聯(lián)網(wǎng)產(chǎn)品原型設計有很大幫助。