2.認識Axure RP界面

2.1 菜單欄與工具欄區

菜單欄與工具欄區是Axure RP的功能區域，Axure RP所有的功能命令和常用命令的快捷操作均位于此處。一些常用的操作有：

（1）重置視圖。用戶在使用Axure RP的過程中不小心關閉了某些窗口，可以使用此命令恢復到Axure RP的默認視圖狀態，從“視圖”菜單選擇“重置視圖”命令即可。

（2）發布命令。發布菜單包括預覽、生成等命令，是項目設計過程中常用的命令。該命令在菜單欄和工具欄上均有顯示，如圖1-2所示。

（3）元件布置。設置元件的層次關系、組合關系，設置多個元件之間的對齊方式等，如圖1-3所示。

（4）視圖模式。視圖模式包括相交、包含、連接三種模式。在相交模式中，只要元件的任意部分包含在鼠標拖選的范圍內，元件即被選中；在包含模式中，只有被鼠標拖選全部包含的元件才被選中；在連接模式中，拖動鼠標產生連接線，可以將任意的元件用線條連接起來，如圖1-4、1-5所示：

2.2 站點地圖區

站點地圖區主要用來組織頁面之間的關系，實現添加、刪除頁面等操作，便于用戶管理各類頁面。常用的操作有：

（1）添加、刪除頁面。使用面板工具或者快捷菜單，均可添加、刪除各類頁面和文件夾，如圖1-6所示。

（2）頁面層次組織。頁面層次組織包括頁面的上下位置移動、內外層級移動，通過命令可以將頁面放置在任意位置和任意層級；同時，還可以添加文件夾將頁面分類管理，如圖1-7所示。

（3）生成流程圖。右鍵快捷菜單中的“生成流程圖”命令，可以將網站頁面之間的邏輯結構用流程圖表示出來，如圖1-8所示。

2.3 元件庫區

元件是Axure RP中的重要概念，也是制作各類原型的基礎。具有特定外觀和一定功能，能響應用戶各種操作的功能集合就是一個元件。Axure RP自帶的元件有基本元件、表單元件、菜單表格元件、流程圖元件等。同時，也可以自定義元件或者安裝第三方發布的各類元件。元件庫管理區的常用操作有：

（1）選擇元件庫。從元件庫面板中選擇“選擇元件庫”菜單，可以根據類別選擇要顯示和使用的元件，如圖1-9所示。

（2）安裝第三方元件庫。從元件庫工具欄中點擊“選項”命令，從彈出的下拉菜單中選擇“載入元件庫”命令，即可安裝下載好的元件庫，如圖1-10所示。

（3）元件的基本使用。頁面原型由各種不同的元件組成，元件的基本使用包括元件的插入、復制、刪除、疊放層次、組合操作。

①插入元件。Axure RP中插入元件采用拖放的方式，如圖1-11所示。

②復制元件。按住Alt鍵，拖動元件即可完成復制操作，如圖1-12所示。

③刪除元件。選中要刪除的元件對象，按鍵盤Delete鍵，即可刪除選中的元件對象。

④設置元件疊放層次。選中元件，鼠標右鍵彈出快捷菜單，下移至“順序”，彈出下一級命令，執行即可移動元件的層次，如圖1-13所示。

⑤組合元件。將不同的元件組合在一起，既方便移動操作，也可以避免位置的誤操作；同時，組合在一起的元件共享事件及事件用例，減少用戶操作。拖動鼠標，選中要組合的元件集合，右鍵彈出快捷菜單，選擇“組合”命令即可完成元件的組合操作。

2.4 頁面屬性區

頁面屬性區一般放置在線框圖編輯區下方，主要用來設置頁面的整體外觀和行為。例如設置頁面背景顏色、頁面對齊方式、頁面全局性事件等。常用的操作有：

（1）頁面整體樣式設置。包括設置頁面背景圖片、背景圖片重復方式、頁面背景顏色、頁面對齊方式等，如圖1-14所示。

（2）全局頁面交互設置。主要設置頁面載入時、滾動時、視圖窗口大小調整時等事件的用例，如頁面載入啟動時鐘設置等，如圖1-15所示。

2.5 元件交互與說明區

元件交互與說明區是使用較為頻繁的區域，各類元件的人機交互功能均在此區域。人機交互主要是指元件響應用戶的各類操作。常用的操作有：

（1）元件命名。為每一個拖入的元件都起一個易于辨別的名字是一個良好的操作習慣，當界面元素數量較多時，起名字是非常必要的。元件名既可以使用英文字母和數字，也可以使用中文，如圖1-16所示。

（2）添加用例。用例就是元件相應各種事件所進行的操作，常用的事件包括鼠標單擊、鼠標移入/移出、獲取（失去）焦點、顯示/隱藏等。點擊各類事件即可進入用例編輯狀態，如圖1-17所示。

（3）創建超級鏈接。超級鏈接是網頁中最常見的元素，用戶在Axure RP中，可以方便地為文字、圖片、形狀等各類元素創建超級鏈接，如圖1-18所示。

2.6 元件屬性與樣式區

元件屬性與樣式區主要用來設置元件的位置、大小、顏色、形狀、陰影等屬性和樣式，以及簡單的鼠標交互樣式。常用的操作有：

（1）設置形狀。更改形狀元件的外觀，構建選項卡等網頁頁面，如圖1-19所示。

（2）設置交互樣式。為吸引用戶注意力，對超級鏈接、圖片等網頁元素，鼠標懸停、離開、移入時，在顏色、大小等屬性上可以設置變化，如圖1-20所示。

（3）設置基本樣式。設置元件的位置、尺寸、邊框、填充效果、字體等基本樣式，如圖1-21所示。