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

名詞解釋：

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

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

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

（一）? Axure rp的界面

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

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

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

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

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

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

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

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

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

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

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

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

作者：賑早見丶

鏈接：http://m.itdecent.cn/u/e5448ef4942e

來源：簡(jiǎn)書

簡(jiǎn)書著作權(quán)歸作者所有，任何形式的轉(zhuǎn)載都請(qǐng)聯(lián)系作者獲得授權(quán)并注明出處。