首先做個聲明：此次教程里為了快速完成，借用了一些網(wǎng)上已有教程的圖文，不是剽竊，只圖方便。另外，因為漢化版本可能功能名稱等略有差別，請自行理解。

名詞解釋：

線框圖：一般就是指產(chǎn)品原型，比如：把線框圖盡快畫出來和把原型盡快做出來是一個意思。

axure元件：也叫axure組件或axure部件，系統(tǒng)自帶了一部分最基礎(chǔ)常用的，網(wǎng)上也有很多別人做好的，軟件使用到一定階段可以考慮自己制作元件，以便提高產(chǎn)品原型的制作速度。

生成原型：是指把繪制好的原型通過axure rp生成靜態(tài)的html頁面，檢查原型是否正確，同時，方便演示。建議生成時選擇用谷歌瀏覽器打開（第一次會有提示安裝相關(guān)插件），ie會每次都有安全提示，不如谷歌瀏覽器方便。

（一）? Axure rp的界面

?

1-主菜單工具欄：大部分類似office軟件，不做詳細解釋，鼠標移到按鈕上都有對應(yīng)的提示。

2-主操作界面：繪制產(chǎn)品原型的操作區(qū)域，所有的用到的元件都拖到該區(qū)域。

3-站點地圖：所有頁面文件都存放在這個位置，可以在這里增加、刪除、修改、查看頁面，也可以通過鼠標拖動調(diào)整頁面順序以及頁面之間的關(guān)系。

4-axure元件庫：或者叫axure組件庫、axure部件庫，所有軟件自帶的元件和加載的元件庫都在這里，這里可以執(zhí)行創(chuàng)建、加載、刪除axure元件庫的操作，也可以根據(jù)需求顯示全部元件或某一元件庫的元件。

5-母版管理：這里可以創(chuàng)建、刪除、像頁面頭部、導航欄這種出現(xiàn)在每一個頁面的元素，可以繪制在母版里面，然后加載到需要顯示的頁面，這樣在制作頁面時就不用再重復這些操作。

6-頁面屬性：這里可以設(shè)置當前頁面的樣式，添加與該頁面有關(guān)的注釋，以及設(shè)置頁面加載時觸發(fā)的事件onpageload。

7-元件屬性：這里可以設(shè)置選中元件的標簽、樣式，添加與該元件有關(guān)的注釋，以及設(shè)置頁面加載時觸發(fā)的事件；

A-交互事件:元件屬性區(qū)域閃電樣式的小圖標代表交互事件；

B-元件注釋：交互事件左面的圖標是用來添加元件注釋的，在這里我們能夠添加一些元件限定條件的注釋，比如：文本框的話，可以添加注釋指出輸入字符長度不能超過20。

C-元件樣式：交互事件右側(cè)的圖標是用來設(shè)置元件樣式的，可以在這里更改原件的字體、尺寸、旋轉(zhuǎn)角度等，當然也可以進行多個元件的對齊、組合等設(shè)置。

8 動態(tài)面板：這個是很重要的區(qū)域，在這里可以添加、刪除動態(tài)面板的狀態(tài)，以及狀態(tài)的排序，也可以在這里設(shè)置動態(tài)面板的標簽；當繪制原型動態(tài)面板被覆蓋時，我們可以在這里通過點擊選中相應(yīng)的動態(tài)面板，也可以雙擊狀態(tài)進入編輯。

Axure rp的界面就介紹到這里，界面中的各個區(qū)域基本上在做產(chǎn)品原型的過程中，使用都很頻繁，所以建議不要關(guān)閉任何一個區(qū)域。如果不小心關(guān)閉了，可以通過主菜單工具欄—視圖—重置視圖來找回。

本文作者：@小樓；

如果覺得看文字教程比較枯燥，也可以試試視頻課程：http://vip.qidianla.com/course/detail/tavnj.html

新手入門基礎(chǔ)教程目錄

Axure教程 axure新手入門基礎(chǔ)（1）

Axure教程 axure新手入門基礎(chǔ)（2）

Axure教程 axure新手入門基礎(chǔ)（3）

Axure教程 axure新手入門基礎(chǔ)（4）

Axure教程 axure新手入門基礎(chǔ)（5）

Axure教程 關(guān)于Axure rp觸發(fā)事件中IF和ELSE IF的使用說明（6）

Axure教程 axure元件使用思路的補充（7）

Axure教程 動態(tài)面板的用途（8）

Axure教程 帶遮罩層的彈出框（9）

Axure教程 動態(tài)面板滑動效果（10）

更多Axure學習技巧：Axure專欄