Axure ？

時間 2019-12-15

標籤 axure 简体版

原文原文鏈接

Axure RP是一個專業的快速原型設計工具。Axure（發音：Ack-sure），表明美國Axure公司；RP則是Rapid Prototyping（快速原型）的縮寫。

Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速原型設計工具，讓負責定義需求和規格、設計功能和界面的專家可以快速建立應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。做爲專業的原型設計工具，它能快速、高效的建立原型，同時支持多人協做設計和版本控制管理 ^[1] 。

Axure RP已被一些大公司採用。Axure RP的使用者主要包括商業分析師、信息架構師、可用性專家、產品經理、IT諮詢師、用戶體驗設計師、交互設計師、界面設計師等，另外，架構師、程序開發工程師也在使用Axure。

工做環境

編輯

Axure的可視化工做環境可讓

工做環境 (2張)

你輕鬆快捷的以鼠標的方式建立帶有註釋的線框圖。不用進行編程，就能夠在線框圖上定義簡單鏈接和高級交互。在線框圖的基礎上，能夠自動生成HTML（標準通用標記語言下的一個應用）原型和Word格式的規格。

Axure RP 的工做環境:Windows。

1.主菜單和工具欄

執行經常使用操做，如文件打開、保存文件，格式化控件，自動生成原型和規格說明書等操做。

2.站點地圖面板

對所設計的頁面（包括線框圖和流程圖）進行添加、刪除、重命名和組織頁面層次。

3.控件面板

該面版包含線框圖控件和流程圖控件，另外，你還能夠載入已有的部件庫（*.rplib文件）建立本身的部件庫。

4.模塊面板

一種能夠複用的特殊頁面，在該面板中可進行模塊的添加、刪除、重命名和組織模塊分類層次。

5.線框圖工做區

線框圖工做區也叫頁面工做區，線框圖工做區是你進行原型設計的主要區域，在該區域中你能夠設計線框圖、流程圖、自定義部件、模塊。

6.頁面註釋和交互區

添加和管理頁面級的註釋和交互。

7.控件交互面板

定義控件的交互，如：連接、彈出、動態顯示和隱藏等。

8.控件註釋面板

對控件的功能進行註釋說明。

界面功能

編輯

導航面板

在繪製線框圖(Wireframe)或流程圖（Flow）以前，應該先思考界面框架，決定信息內容與層級。

明確界面框架後，接下來就能夠利用頁面導航面板來定義所要設計的頁面。頁面導航面板是用於管理所設計的頁面，能夠添加、刪除及對頁面層次進行從新組織。

頁面的添加、刪除和重命名

點擊面板工具欄上的「Add Child Page」按鈕能夠添加一個頁面，點擊「Delete Page」按鈕能夠刪除一個頁面。右鍵單擊選擇「Rename Page」菜單項可對頁面進行重命名。

頁面組織排序

在頁面導航面板中，經過拖拉頁面或點擊工具欄上的排序按鈕，能夠上下移動頁面的位置和從新組織頁面的層次。打開頁面進行設計在頁面導航面板中，鼠標雙擊頁面將會在線框面板中打開頁面以進行線框圖設計。

控件

控件是用於設計線框圖的用戶界面元素。在控件面板中包含有經常使用的控件，如按鈕、圖片、文本框等。

添加控件

從控件面板中拖動一個控件到線框圖面板中，就能夠添加一個控件。控件能夠從一個線框圖中被拷貝(Ctrl+C)，而後粘貼(Ctrl+V)到另一個線框圖中。

操做控件

添加控件後，在線框圖中點選該控件，而後能夠拖拉移動控件和改變控件的大小，還能夠一次同時對多個控件進行選擇、移動、改變尺寸。另外，還能夠組合、排序、對齊、分配和鎖定控件。這些操做可經過控件右鍵菜單中進行，也可在Object 工具欄上的按鈕進行。

編輯控件風格和屬性

有多種方法能夠編輯控件的風格和屬性：

鼠標雙擊：鼠標雙擊某個控件，能夠對控件的最經常使用屬性進行編輯。例如，雙擊一個圖片控件能夠導入一張圖片；雙擊一個下拉列表或列表框控件能夠編輯列表項。

工具欄：點擊工具欄上的按鈕可編輯控件的文本字體、背景色、邊框等。

右鍵菜單：控件右鍵菜單上可編輯控件的一些特定屬性，不一樣控件這些屬性也不一樣。

註釋

能夠爲控件添加註釋，以說明控件的功能。

添加註釋

在線框圖中選擇控件，而後在控件註釋和交互（Annotations and Interactions）面板中編輯字段中的值，便可爲控件添加註釋。面板頂部的 Label 字段是爲控件添加一個標識符。

自定義字段（Fields）

經過主菜單Wireframe->CustomizeAnnotation Fields and Views 或點擊面板上Annotations 頭部的「CustommizeFields and Views」而後在彈出的 CustommizeFields and ， Views對話框中能夠添加、刪除、修改、排序註釋字段。

腳註（Footnotes）

在控件上添加註釋後，控件的右上角會顯示一個黃色方塊，稱爲腳註。

頁面備註

頁面備註可對頁面進行描述和說明。

添加頁面備註

在線框圖下面的Page notes 面板中能夠添加頁面備註內容。

管理頁面備註

經過自定義頁面備註，能夠爲不一樣的人提供不一樣的備註，以知足不一樣須要。好比能夠新增「測試用例」「操做說明」等不一樣類別的頁面備註。

交互設計

編輯

控件的交互

控件交互面板用於定義線框圖中控件的行爲，包含定義簡單的連接和複雜的RIA 行爲，所定義的交互均可以在未來生成的原型中進行操做執行。

在控件交互面板中能夠定義控件的交互，交互事件（Events）、場景（ Cases）和動做（Actions）組成：

用戶操做界面時就會觸發事件，如鼠標的 OnClick、OnMouseEnter 和 OnMouseOut；

每一個事件能夠包含多個場景，場景也就是事件觸發後要知足的條件；

每一個場景可執行多個動做，例如：打開連接、顯示面板、隱藏面板、移動面板。

定義連接

下列步驟說明如何在按鈕控件上定義一個連接：

1.首先，拖拉一個按鈕控件到線框圖中，並選擇這個按鈕；

2.而後，控件交互面板中鼠標雙擊「OnClick」這個事件，這時會出現「Interaction Case Properties」對話窗，在這個對話框中能夠選擇要執行的動做；

3.在「Step 2」中，勾選「Open Link in Current Window」動做。

4.在「Step 3」中，點擊「Link」，在彈出的Link Properties 對話框中能夠選擇要連接的頁面或其它網頁地址。

除了上面的步驟，加入一個連接的最快的方法是單擊控件交互面板頂部的「QuickLink」，在彈出的 Link Properties 對話框中選擇要連接的頁面。

設置動做

除了簡單的連接以外，Axure還提供了許多豐富的動做，這些動做能夠在任何觸發事件的場景中執行。如下是 Axure所支持的動做：

Open Link in Current Window：在當前窗口打開一個頁面

Open Link in Popup Window：在彈出的窗口中打開一個頁面

Open Link in Parent Window：在原窗口中打開一個頁面

Close Current Window：關閉當前窗口

Open Link in Frame：在框架中打開一個頁面

Set Panel state(s) to State(s)：爲動態面板設定要顯示的狀態

Show Panel(s)：顯示動態面板

Hide Panel(s)：隱藏動態面板

Toggle Visibility for Panel(s)：切換動態面板的顯示狀態（顯示/隱藏）

Move Panel(s)：根據絕對座標或相對座標來移動動態面板

Set Variable and Widget value(s) equal to Value(s)：設定變量值或控件值

Open Link in Parent Frame：在父頁面的嵌框架中打開一個頁面

Scroll to Image Map Region：滾動頁面到

Image Map 所在位置

Enable Widget(s)：把對象狀態變成可用狀態

Disable Widget(s)：把對象狀態變成不可用狀態

Wait Time(s)：等待多少毫秒(ms)後再進行這個動做

Other：顯示動做的文字說明

多個場景

一個觸發事件能夠包含有多個場景，根據條件執行流程或互動。

事件

Axure支持一個頁面層級的觸發事件：OnPageLoad，這個事件在原型載入頁面時觸發。

頁面 OnPageLoad事件在頁面備註面板中的Interactions 子面板中定義， OnPageLoad爲事件添加場景的方式與控件事件相同

版本更新

編輯

Axure RP是一款便捷高效的網頁製做工具，Axure Software 已經正式發佈 Axure RP7.0版本。本次新版本有助於快速創建交互和窗口布局，此外還新增內嵌文本連接，旋轉形狀以及移動應用原型製做功能 ^[1-2] 。

Axure 7.0 的新功能和新特性：

增長了預覽選項，可以設置在預覽和生成原型時是否最小化或不帶有左側的站點地圖導航；
優化了界面和操做，明顯提升繪製效率，可直接在控件上改變形狀，同時加入了幾個經常使用形狀；
支持了投影和內陰影，能夠用來畫簡單的組件；
支持更多的觸發事件，動態面板也能夠 onclick 了；
普通形狀也能增長事件效果，例如要移動一個形狀，不須要轉化成動態面板；
事件用例感受也有所變化，增長了一些參數，例如切換動態面板狀態時有更多的參數能夠選擇；
增長了和 Justinmind 同樣的實時預覽功能，不再用一遍又一遍地生成頁面了；
內容自適應，例如動態面板或文字塊能根據內容自動適應到合適大小；
強化的表格功能 Repeater，能夠自動填充數據，對數據進行排序，過濾等操做；
頁面級的參數 Onreszie，這樣在手機測試時能夠做爲橫豎屏判斷；
響應式佈局，能夠定義不一樣窗口大小下的佈局結構。

視頻教程

編輯

第1節：Axure的安裝、工做界面和原型設計演示 ^[3]

第2節：線框圖部件和母版介紹 ^[4]

第3節：頁面交互設計 ^[5]

Axure RP Pro 6.5.0.3050漢化綠色版

一個好的項目要作成功有不少因素，但失敗一樣不能忽略每一個細節（細節決定成敗嘛），今天軟件盒子給你們推薦一款很是不錯的交互原型設計工具Axure RP Pro，他可以讓您快速製做出產品原型，流程圖、線框圖、架構圖、批註、示意圖、HTML模板等等，經過Axure RP Pro設計出產品原型能夠完整清晰地表達給各個方面的設計人員，讓各個部門可以經過這個產品原理設計進行討論並進行協同工做，最終讓項目達成完美 ^[6] 。

Axure RP Pro相對之前版本有了更大的功能改進，具體以下：

能夠設置頁面背景圖片、顏色以及相對於瀏覽器總體居中了。
能夠設置總體在線框邊緣變爲手繪風格的，以及是否彩色輸出。
由於是全新的架構，再也不存在某些輸入法中文沒法輸入的問題。
能夠設置文本行間距了，同時個性化字體能夠輸出到 Html（標準通用標記語言下的一個應用）。
更加易用的事件編輯器，不再會像以前版本那樣，編輯器窗口自動變大了。
輸出Html時能夠選擇用哪一個瀏覽器打開。
增長了柵格系統，自帶960寬的12柵和16柵。
增長了頁面和模塊的搜索功能。
增長了快速隱藏網格的快捷鍵。Ctrl+’
新的測試版本不能再輸入Word2000格式的文檔了，只能是Word2007格式。Axure RP 5.6中Word2000格式的輸出辦法。
兼容性，用Axure6能夠打開之前全部版本製做的RP源文件，可是若是是Axure6製做的RP源文件，將沒法使用像Axure5.6這樣的低版本打開。
取消了原來的狀態欄，改成拖放組件時直接在右下角顯示組件的位置和大小。同時在工具欄上也會顯示當前組件的位置和大小。
條件判斷，判斷組件或變量值時增長了包含與不包含，這下能夠判斷輸入框是否是包含@符號，用於判斷是否是郵箱地址了。同時還增長了一個不是數字或字母的判斷，原來版本只有「是」數字或字母的判斷。
增長了針對變量或組件值的公式計算，貌似能夠加減乘除運算了，還能夠插入當前日期或頁面名稱。具體怎麼使用還不熟悉。LVAR.length 函數能夠顯示字符串長度，LVAR.toFixed(decimalPoints)函數將結果顯示到小數點後幾位，LVAR.substring(from, to)函數顯示字符串指定位置間的內容。
能夠建立臨時中間變量，方便記錄各輸入組件的值，而不是設置全局變量。
動態面板上增長了拖動事件，能夠實現拖動交互操做了。
增長了三個可用於條件判斷的類型：

text on focused widget 是判斷當前光標所在的組件內容值。
drag cursor 拖動指針的判斷（is over：拖動過程當中鼠標在某矩形上面，enters：拖動過程當中鼠標進入某區域，leaves：拖動過程當中鼠標離開某區域）。
widget rectangle 能夠判斷兩個組件是否是疊放在了一塊兒（拖動動態面板進入一個區域時的判斷）。

19. 增長了一個可被賦值的類型

20. 矩形右鍵多了個分配給某個組，編組以後，設置這一組中的某個矩形爲選中樣式時，其它的矩形會自動變爲非選中時的樣式。

21. 右鍵有了特殊性粘貼

22. 從標尺上能夠往外拉參考線了。

23. 動態面板上OnMove事件，設置另外一個動態面板的跟隨移動。　

Axure RP Pro 6.5.0.3050漢化綠色版產品原型設計軟件使用說明

先運行 !)AxureRPPorable.exe 完成初始化，而後執行主程序 AxureRP.exe 便可。從 6.5.0.3037 開始，Axure 家族增長了 Axure RP Standard Edition 標準版。

Axure RP 的漢化補丁由 WebPPD 社區 best919 製做，注意使用 Axure RP Pro 6 以前必須先安裝 .NET Framework 4.0，並最好安裝 Microsoft Office Word、Excel 和 PowerPoint 文件格式兼容包。

特性介紹

編輯

Axure目前最新版本爲7.0。此版本較以前版本有較多改善的地

Axure7新特性

方，具體以下：

鼠標及鍵盤交互功能

支持更多的新特性，包括 OnDoubleClick（雙擊）, OnContextMenu (右擊), OnMouseDown（鼠標按鍵按下）, OnMouseUp（鼠標按鍵鬆開）, OnMouseMove（鼠標指針移動）, OnMouseHover（鼠標指針通過）, OnLongClick (鼠標長按), OnKeyDown（鍵盤按鍵按下）, OnKeyUp（鍵盤按鍵鬆開）

演示文檔

合併圖冊 (4張)

支持HTML5新特性，以及更好的支持手機演示特性。
　　

新增部件樣式控制

Axure7對於部件修飾功能有較大的改善，包括支持圓角、陰影、描邊等設置。

更細化的部件屬性

更爲豐富的部件屬性，能夠設置各類形狀、樣式，較Axure RP 6.5單調的形狀而言，也是一種驚喜。

更多交互條件

包括關閉指定窗口、設置錨點以及更爲靈活的事件觸發條件，對於移動互聯網產品原型設計有很大幫助。