Axure RP Pro網(wǎng)頁(yè)原型設(shè)計(jì)工具是一款網(wǎng)頁(yè)制作軟件,可以輕松幫用戶設(shè)計(jì)網(wǎng)頁(yè)原型,簡(jiǎn)單好用,快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖,歡迎來(lái)下載使用!
axure rp pro 8 介紹
Axure RP Pro 8 中文漢化版是美國(guó) Axure Software Solution 公司旗艦產(chǎn)品,Axure RP Pro 8 中文版是一個(gè)專(zhuān)業(yè)的快速原型設(shè)計(jì)工具,讓負(fù)責(zé)定義需求和規(guī)格、設(shè)計(jì)功能和界面的專(zhuān)家能夠快速創(chuàng)建應(yīng)用軟件或Web網(wǎng)站的線框圖、流程圖、原型和規(guī)格說(shuō)明文檔。Axure RP Pro 8 漢化版作為專(zhuān)業(yè)的原型設(shè)計(jì)工具,它能快速、高效的創(chuàng)建原型,同時(shí)支持多人協(xié)作設(shè)計(jì)和版本控制管理。
Axure RP Pro功能
1.導(dǎo)航面板
在繪制線框圖(Wireframe)或流程圖(Flow)之前,應(yīng)該先思考界面框架,決定信息內(nèi)容與層級(jí)。
明確界面框架后,接下來(lái)就可以利用頁(yè)面導(dǎo)航面板來(lái)定義所要設(shè)計(jì)的頁(yè)面。頁(yè)面導(dǎo)航面板是用于管理所設(shè)計(jì)的頁(yè)面,可以添加、刪除及對(duì)頁(yè)面層次進(jìn)行重新組織。
2.頁(yè)面的添加、刪除和重命名
點(diǎn)擊面板工具欄上的“Add Child Page”按鈕可以添加一個(gè)頁(yè)面,點(diǎn)擊 “Delete Page” 按鈕可以刪除一個(gè)頁(yè)面。右鍵單擊選擇“Rename Page”菜單項(xiàng)可對(duì)頁(yè)面進(jìn)行重命名。
3.頁(yè)面組織排序
在頁(yè)面導(dǎo)航面板中,通過(guò)拖拉頁(yè)面或點(diǎn)擊工具欄上的排序按鈕,可以上下移動(dòng)頁(yè)面的位置和重新組織頁(yè)面的層次。打開(kāi)頁(yè)面進(jìn)行設(shè)計(jì)在頁(yè)面導(dǎo)航面板中,鼠標(biāo)雙擊頁(yè)面將會(huì)在線框面板中打開(kāi)頁(yè)面以進(jìn)行線框圖設(shè)計(jì)。
4.控件
控件是用于設(shè)計(jì)線框圖的用戶界面元素。在控件面板中包含有常用的控件,如按鈕、圖片、文本框等。
5.添加控件
從控件面板中拖動(dòng)一個(gè)控件到線框圖面板中,就可以添加一個(gè)控件。控件可以從一個(gè)線框圖中被拷貝(Ctrl+C),然后粘貼(Ctrl+V)到另外一個(gè)線框圖中。
6.操作控件
添加控件后,在線框圖中點(diǎn)選該控件,然后可以拖拉移動(dòng)控件和改變控件的大小,還可以一次同時(shí)對(duì)多個(gè)控件進(jìn)行選擇、移動(dòng)、改變尺寸。另外,還可以組合、排序、對(duì)齊、分配和鎖定控件。這些操作可通過(guò)控件右鍵菜單中進(jìn)行,也可在Object 工具欄上的按鈕進(jìn)行。
7.編輯控件風(fēng)格和屬性
有多種方法可以編輯控件的風(fēng)格和屬性:
鼠標(biāo)雙擊:鼠標(biāo)雙擊某個(gè)控件,可以對(duì)控件的最常用屬性進(jìn)行編輯。例如,雙擊一個(gè)圖片控件可以導(dǎo)入一張圖片;雙擊一個(gè)下拉列表或列表框控件可以編輯列表項(xiàng)。
工具欄:點(diǎn)擊工具欄上的按鈕可編輯控件的文本字體、背景色、邊框等。
右鍵菜單:控件右鍵菜單上可編輯控件的一些特定屬性,不同控件這些屬性也不同。
8.注釋
可以為控件添加注釋,以說(shuō)明控件的功能。
9.添加注釋
在線框圖中選擇控件,然后在控件注釋和交互(Annotations and Interactions)面板中編輯字段中的值,即可為控件添加注釋。面板頂部的 Label 字段是為控件添加一個(gè)標(biāo)識(shí)符。
10.自定義字段(Fields)
通過(guò)主菜單Wireframe->CustomizeAnnotation Fields and Views 或點(diǎn)擊面板上Annotations 頭部的“CustommizeFields and Views” 然后在彈出的 CustommizeFields and , Views對(duì)話框中可以添加、刪除、修改、排序注釋字段。
11.腳注(Footnotes)
在控件上添加注釋后,控件的右上角會(huì)顯示一個(gè)**方塊,稱(chēng)為腳注。
12.頁(yè)面?zhèn)渥?/p>
頁(yè)面?zhèn)渥⒖蓪?duì)頁(yè)面進(jìn)行描述和說(shuō)明。
13.添加頁(yè)面?zhèn)渥?/p>
在線框圖下面的Page notes 面板中可以添加頁(yè)面?zhèn)渥?nèi)容。
14.管理頁(yè)面?zhèn)渥?/p>
通過(guò)自定義頁(yè)面?zhèn)渥?可以為不同的人提供不同的備注,以滿足不同需要。比如可以新增“測(cè)試用例”“操作說(shuō)明”等不15.同類(lèi)別的頁(yè)面?zhèn)渥ⅰ?/p>
Axure RP Pro使用技巧
1.控件的交互
控件交互面板用于定義線框圖中控件的行為,包含定義簡(jiǎn)單的鏈接和復(fù)雜的RIA 行為,所定義的交互都可以在將來(lái)生成的原型中進(jìn)行操作執(zhí)行。
在控件交互面板中可以定義控件的交互,交互事件(Events) 、場(chǎng)景( Cases)和動(dòng)作(Actions)組成:
用戶操作界面時(shí)就會(huì)觸發(fā)事件,如鼠標(biāo)的 OnClick、OnMouseEnter 和 OnMouseOut;
每個(gè)事件可以包含多個(gè)場(chǎng)景,場(chǎng)景也就是事件觸發(fā)后要滿足的條件;
每個(gè)場(chǎng)景可執(zhí)行多個(gè)動(dòng)作,例如:打開(kāi)鏈接、顯示面板、隱藏面板、移動(dòng)面板。
2.定義鏈接
下列步驟說(shuō)明如何在按鈕控件上定義一個(gè)鏈接:
1.首先,拖拉一個(gè)按鈕控件到線框圖中,并選擇這個(gè)按鈕;
2.然后,控件交互面板中鼠標(biāo)雙擊“OnClick”這個(gè)事件,這時(shí)會(huì)出現(xiàn)“Interaction Case Properties”對(duì)話窗,在這個(gè)對(duì)話框中可以選擇要執(zhí)行的動(dòng)作;
3.在“Step 2”中,勾選“Open Link in Current Window”動(dòng)作。
4.在“Step 3”中,點(diǎn)擊“Link”,在彈出的Link Properties 對(duì)話框中可以選擇要鏈接 的頁(yè)面或其它網(wǎng)頁(yè)地址 。
除了上面的步驟,加入一個(gè)鏈接的最快的方法是單擊控件交互面板頂部的“QuickLink” ,在彈出的 Link Properties 對(duì)話框中選擇要鏈接的頁(yè)面。
3.設(shè)置動(dòng)作
除了簡(jiǎn)單的鏈接之外,Axure還提供了許多豐富的動(dòng)作,這些動(dòng)作可以在任何觸發(fā)事件的場(chǎng)景中執(zhí)行。以下是 Axure所支持的動(dòng)作:
Open Link in Current Window:在當(dāng)前窗口打開(kāi)一個(gè)頁(yè)面
Open Link in Popup Window:在彈出的窗口中打開(kāi)一個(gè)頁(yè)面
Open Link in Parent Window:在父窗口中打開(kāi)一個(gè)頁(yè)面
Close Current Window:關(guān)閉當(dāng)前窗口
Open Link in Frame:在框架中打開(kāi)一個(gè)頁(yè)面
Set Panel state(s) to State(s):為動(dòng)態(tài)面板設(shè)定要顯示的狀態(tài)
Show Panel(s):顯示動(dòng)態(tài)面板
Hide Panel(s):隱藏動(dòng)態(tài)面板
Toggle Visibility for Panel(s):切換動(dòng)態(tài)面板的顯示狀態(tài)(顯示/隱藏)
Move Panel(s):根據(jù)絕對(duì)坐標(biāo)或相對(duì)坐標(biāo)來(lái)移動(dòng)動(dòng)態(tài)面板
Set Variable and Widget value(s) equal to Value(s):設(shè)定變量值或控件值
Open Link in Parent Frame:在父頁(yè)面的嵌框架中打開(kāi)一個(gè)頁(yè)面
Scroll to Image Map Region:滾動(dòng)頁(yè)面到
Image Map 所在位置
Enable Widget(s):把對(duì)象狀態(tài)變成可用狀態(tài)
Disable Widget(s):把對(duì)象狀態(tài)變成不可用狀態(tài)
Wait Time(s):等待多少毫秒(ms)后再進(jìn)行這個(gè)動(dòng)作
Other:顯示動(dòng)作的文字說(shuō)明
4.多個(gè)場(chǎng)景
一個(gè)觸發(fā)事件可以包含有多個(gè)場(chǎng)景,根據(jù)條件執(zhí)行流程或互動(dòng)。
5.事件
Axure支持一個(gè)頁(yè)面層級(jí)的觸發(fā)事件:OnPageLoad,這個(gè)事件在原型載入頁(yè)面時(shí)觸發(fā)。
頁(yè)面 OnPageLoad事件在頁(yè)面?zhèn)渥⒚姘逯械腎nteractions 子面板中定義, OnPageLoad為事件添加場(chǎng)景的方式與控件事件相同
- PC官方版
- 安卓官方手機(jī)版
- IOS官方手機(jī)版