axure教程

名詞解釋
線框圖：一般就是指產品原型，比如：axure教程把線框圖盡快畫出來和把原型盡 快做出來是一個意思。

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

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

Axure主的界面
1- 主菜單工具欄： 大部分類似 office 軟件，不做詳細解釋， 鼠標移到按 鈕上都有對應的axure教程提示。

2- 主操作界面： 繪制產品原型的操作區域， 所有的用到的元件都拖到該 axure教程區域。

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

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

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

6- 頁面屬性：這里可以設置當前頁面的樣式， axure教程添加與該頁面有關的注釋， 以及設置頁面加載時觸發的事件 onpageload 。

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

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

Axure元件介紹
圖片 ：圖片元件拖入編輯區后， 可以通過雙擊選擇本地磁盤中的圖片， 將圖片 載入到編輯區， axure 會自動提示將大圖片進行優化， 以避免原型文件過大； axure教程選擇圖片時可以選擇圖片原始大小，或保持圖片元件的大小。

文本 ：在網頁中文本的名稱是 lable ，用于頁面中添加說明文字、文字連接， 或一些動態的提示。

矩形 ：矩形的應用比較廣泛，比如作為頁面的背景、按鈕、以及一些元件的遮 蓋等；矩形的形狀可以通過鼠標右鍵點擊–編輯選項—改變形狀，來變成我 們需要的形狀， 比如axure教程做選項卡時候我們需要頂部圓角的矩形， 就可以通過改 變矩形的形狀來實現。占位符 ：制作原型時， 可以用它來代替對一些沒有交互或者交互比較簡單容易說 明的區域； 也可以做成關閉按鈕。 占位符在保真比較高的產品原型中作用不大。

水平線 ：就是一條水平的線， 可以作為表示頁面一些區域分割時使用， 比如在兩 塊不同區域之間添加一條水平線， 來明顯的區分。 水平線可以通過設置元件 屬性中的角度 Rot o變成斜線來axure教程使用。

垂直線 ：axure教程沒什么好說的，和水平線一樣的作用。

圖片熱區： 用于點擊圖片中某個區域產生交互事件時使用， 圖片熱區也是矩形的一 種，可以通過設置矩形無邊框，背景色 100% 透明度來實現。

元件的觸發事件
OnClick （點擊時） : 鼠標點擊事件，axure教程除了動態面板的所有的其他元 件的點擊時觸發。比如點擊按鈕。

?OnMouseEnter （鼠標移入時） : 鼠標進入到某個元件范圍時觸發， 比如當鼠標移到某張圖片時顯示該圖片的介紹。

OnMouseOut （鼠標移出時） : 鼠標離開某個元件范圍時觸發。比 如鼠標離開圖片時，圖片介紹消失。?

OnKeyUp （按鍵彈起時） : 文本框（單行與多行）編輯時，axure教程鍵盤按 下某一個按鍵松開時觸發， 不支持其他 axure 元件。比如統計文本框輸入的 字數。?

OnFocus （獲取焦點時） : 當一個元件通過點擊或切換獲取焦點時觸 發。比如搜索框編輯時，清空“請輸入關鍵字”的提示。

OnLostFocus （失去焦點時） : 當一個axure教程組件失去焦點時觸發。比如用 戶名、密碼的驗證。