本文整理Axure RP9的個(gè)人使用的總結(jié)，希望能提供給大家一些學(xué)習(xí)和參考的價(jià)值，enjoy~

Axure RP9自去年8月份發(fā)布第1個(gè)測(cè)試版至今已經(jīng)過(guò)去了一年多時(shí)間了，而正式版也已經(jīng)發(fā)布了快半年了，但是目前這個(gè)版本的用戶(hù)口碑卻是褒貶不一。很多用戶(hù)反饋了對(duì)全新版本的喜歡和肯定，但是也仍有部分老用戶(hù)不太愿意接受它，甚至是保持著抗拒的態(tài)度。

據(jù)我個(gè)人的觀察，這次8至9的版本過(guò)渡比前幾個(gè)版本要緩慢許多，我在幾個(gè)群里也做過(guò)相關(guān)的統(tǒng)計(jì)。本人分析主要原因是Axure RP9對(duì)比舊版本的界面變化和操作方式的極大差異，造成很多老用戶(hù)對(duì)這種改變不適應(yīng)或不愿意花時(shí)間適應(yīng)，反而是一些以前并未使用8的用戶(hù)，更能接受和適應(yīng)這個(gè)全新版本。

本人正式開(kāi)始使用Axure RP9已經(jīng)有兩個(gè)月左右了，個(gè)人覺(jué)得它的一些新特性還是非常棒的，相比舊版也確實(shí)能提升輸出效率。雖然在剛接觸時(shí)我也花了一些時(shí)間適應(yīng)，不過(guò)兩三天左右基本就完全上手了。

今天整理這篇分享是個(gè)人使用的一份總結(jié)，希望能提供給大家一些學(xué)習(xí)和參考的價(jià)值。需要說(shuō)明的是，由于相關(guān)內(nèi)容是根據(jù)本人的使用過(guò)程整理的，可能也會(huì)有遺漏之處，如果大家有更多關(guān)于Axure RP9的新功能使用心得，也歡迎反饋分享給我。

1. Axure RP9界面介紹

Axure RP9的整體界面風(fēng)格更加清新和明亮，相比舊版本給人感覺(jué)要舒服很多，這種風(fēng)格的變化也更符合主流的軟件界面風(fēng)格的趨勢(shì)。如果用一個(gè)詞來(lái)形式新版的界面風(fēng)格，我覺(jué)得“去繁化簡(jiǎn)”是非常契合的。

其實(shí)除了界面風(fēng)格上的變化之外，“去繁化簡(jiǎn)”也能體現(xiàn)Axure RP9在功能布局上的改變。在這個(gè)版本中，使用頻率不高的功能一般都被做了收縮和隱藏處理。我相信很多朋友跟我一樣，剛開(kāi)始使用時(shí)會(huì)發(fā)現(xiàn)一些舊版中的功能突然找不到了，就像我在分享開(kāi)始前所介紹的，這種改變正是大家需要花時(shí)間去適應(yīng)的。

分享一個(gè)實(shí)用的小技巧，Axure RP9的功能區(qū)的布局是可以自定義調(diào)整的，只需要使用鼠標(biāo)按住對(duì)應(yīng)的功能標(biāo)題便可拖動(dòng)和改變位置。如果大家已經(jīng)習(xí)慣了Axure RP8中的功能布局，可以根據(jù)需要自定義成舊版本的布局。

例如：在Axure RP8中概要功能區(qū)默認(rèn)是顯示在軟件的右下角的，而在Axure RP9中它的默認(rèn)位置被移到了左上角頁(yè)面列表旁邊，你可以像上面的圖片中一樣把它移到右下角去。

Axure RP9中提供了明亮和黑暗兩種界面風(fēng)格模式，默認(rèn)是明亮風(fēng)格模式的，大家可以通過(guò)“文件—偏好設(shè)置—常規(guī)”中對(duì)模式進(jìn)行切換。黑色模式可以讓用戶(hù)在設(shè)計(jì)過(guò)程中將更多的注意力專(zhuān)注于設(shè)計(jì)區(qū)域，而減少受Axure自身界面元素影響。

這個(gè)模式的切換我覺(jué)得也算是一個(gè)不小的改進(jìn)，其實(shí)很多主流的設(shè)計(jì)軟件的界面默認(rèn)都是黑暗風(fēng)格的，例如著名的Adobe全家桶系列。不過(guò)還是忍不住想吐槽一句，Axure RP9的黑暗模式的界面風(fēng)格給人一種粗糙感，特別是功能圖標(biāo)和文字與界面背景顏色對(duì)比度過(guò)于強(qiáng)烈，希望以后的版本中能進(jìn)行優(yōu)化。

2. 負(fù)坐標(biāo)功能特性介紹

Axure RP9中新增的負(fù)坐標(biāo)功能是很多老用戶(hù)吐槽最多的一點(diǎn)，這個(gè)功能可以查看到編輯區(qū)域頂部和左側(cè)的更多區(qū)域。其實(shí)大部分主流的設(shè)計(jì)軟件都有負(fù)坐標(biāo)功能，它能讓用戶(hù)用更寬廣的視角查看自己的設(shè)計(jì)內(nèi)容，我覺(jué)得這個(gè)改變并不是壞處，只要大家愿意花一點(diǎn)時(shí)間去適應(yīng)。

如果在設(shè)計(jì)時(shí)編輯區(qū)域處于負(fù)坐標(biāo)位置，可以點(diǎn)擊編輯區(qū)域的左上角“返回原點(diǎn)”圖標(biāo)快速返回到0坐標(biāo)位置，同時(shí)也可以通過(guò)快捷鍵“Ctrl+9”快速返回。另外，建議大家記住以下兩個(gè)常用的快捷組合鍵，便于查看設(shè)計(jì)區(qū)域內(nèi)容或快速移動(dòng)位置。

• 按住Ctrl上下滾動(dòng)鼠標(biāo)滾輪縮放編輯區(qū)域大??；
• 按住空格鍵后移動(dòng)鼠標(biāo)快速移動(dòng)編輯區(qū)域位置。

3. 交互編輯功能優(yōu)化

交互編輯是Axure中使用頻率最高的一個(gè)功能，新版本對(duì)這個(gè)功能進(jìn)行了重要的優(yōu)化，相應(yīng)的變化也是在版本過(guò)渡時(shí)最需要花時(shí)間去適應(yīng)的。

下面的截圖是Axure RP8和Axure RP9的交互功能初始面板的對(duì)比，基本的變化如下：

• Axure RP8中功能面板的標(biāo)題叫“屬性”，Axure RP9中功能面板的標(biāo)題叫“交互”；
• Axure RP9中僅保留了添加交互的功能，同時(shí)交互功能的名稱(chēng)、布局、位置都有變化；
• Axure RP8的交互樣式設(shè)置、禁用及選中設(shè)置、選項(xiàng)組設(shè)置等功能都被去除了。

除了初始面板的變化之外，Axure RP9中添加交互的方式也是不一樣的，點(diǎn)擊添加交互按鈕后是直接在面板區(qū)域即可完成相關(guān)設(shè)置，而在Axure RP8中是需要在彈出的交互編輯器窗口進(jìn)行設(shè)置的。這個(gè)功能優(yōu)化的主要目的是為了減少添加交互時(shí)的操作步驟，但是由于這個(gè)交互面板區(qū)域的空間非常狹小，當(dāng)同一個(gè)元件的交互事件較多時(shí)管理起來(lái)就不太方便了，特別是對(duì)于適應(yīng)了舊版操作方式的老用戶(hù)來(lái)說(shuō)操作起來(lái)會(huì)感覺(jué)很不順手。

以下是Axure RP9中在交互面板中添加交互的截圖效果：

在Axure RP9的交互面板的右下角有一個(gè)交互編輯器圖標(biāo)，點(diǎn)擊后打開(kāi)跟Axure RP8中一樣的操作窗口。Axure RP9中的交互編輯器在最初的測(cè)試版本中是沒(méi)有的，可能是由于很多用老戶(hù)反饋后才重新加上的。

這個(gè)交互編輯器功能跟交互面板中的設(shè)置功能是一致的，但是當(dāng)交互事件比較多的時(shí)候可以更便于管理。如果是習(xí)慣了舊版操作方式的用戶(hù)，可以選中元件后直接點(diǎn)擊圖標(biāo)打開(kāi)交互編輯器窗口添加交互效果。

以下是Axure RP9的交互面板中添加交互完成后的截圖效果，當(dāng)一個(gè)元件中的同一個(gè)事件添加多個(gè)動(dòng)作時(shí)，每個(gè)動(dòng)作會(huì)通過(guò)顏色進(jìn)行區(qū)分，拖動(dòng)對(duì)應(yīng)的區(qū)域可以對(duì)動(dòng)作進(jìn)行排序。

Axure RP8中的屬性面板中的相關(guān)功能在9中被移入到了其它位置，其中禁用及選中設(shè)置、選項(xiàng)組設(shè)置等功能可以點(diǎn)擊元件名稱(chēng)右邊的更多圖標(biāo)查看到，元件的交互樣式設(shè)置可以在選中元件后右擊在更多功能查找到。

4. 編輯模式切換優(yōu)化

在Axure RP8中對(duì)動(dòng)態(tài)面板或中繼器的內(nèi)容進(jìn)行編輯時(shí)，需要雙擊動(dòng)態(tài)面板對(duì)應(yīng)的狀態(tài)或中繼器彈出一個(gè)新的內(nèi)容窗口進(jìn)行編輯，當(dāng)編輯的內(nèi)容較多的時(shí)經(jīng)常會(huì)導(dǎo)致打開(kāi)過(guò)多的窗口而需要反復(fù)切換。

在Axure RP9中對(duì)動(dòng)態(tài)面板和中繼器的編輯模式進(jìn)行了改進(jìn)，進(jìn)入編輯模式后會(huì)停留在當(dāng)前頁(yè)面，其它內(nèi)容會(huì)以半透明的樣式顯示。這個(gè)改進(jìn)可以極大的提升編輯效率，同時(shí)也能更方便的預(yù)覽修改效果。

以上是Axure RP9動(dòng)態(tài)面板編輯模式下的截圖效果，點(diǎn)擊頂部藍(lán)色區(qū)域的狀態(tài)名稱(chēng)可以快速切換需要編輯的狀態(tài)，雙擊陰影區(qū)域可以快速退出編輯模式。

5. 元件庫(kù)功能優(yōu)化

Axure RP9對(duì)元件庫(kù)管理功能進(jìn)行了幾項(xiàng)全新的改進(jìn)，可以更方便的導(dǎo)入和管理元件庫(kù)文件。除了默認(rèn)的從元件面板中導(dǎo)入元件庫(kù)文件以外，雙擊對(duì)應(yīng)的rplib格式元件庫(kù)文件可直接完成導(dǎo)入。

以下是雙擊rplib格式元件庫(kù)的導(dǎo)入操作提示界面截圖：

新版本中還加入了可以導(dǎo)入圖片文件夾的功能，可以將指定目錄中的圖片或圖標(biāo)批量導(dǎo)入到元件庫(kù)面板中，不需要再單獨(dú)制作rplib文件，只需要點(diǎn)擊元件面板中的“添加圖片文件夾”選擇對(duì)應(yīng)的目錄后即可完成。

另外，點(diǎn)擊元件面板中的更多圖標(biāo)，選擇“打開(kāi)源目錄”，可快速定位到對(duì)應(yīng)元件庫(kù)文件或圖標(biāo)文件夾所在的目錄位置。

6. 頁(yè)面尺寸設(shè)置功能

Axure RP9中新增了頁(yè)面尺寸設(shè)置功能，默認(rèn)提供了蘋(píng)果和安卓等數(shù)十種終端設(shè)備的設(shè)計(jì)尺寸，用戶(hù)也可以根據(jù)需要自定義設(shè)計(jì)尺寸。但是Axure RP9中提供的終端設(shè)計(jì)尺寸并不等于對(duì)應(yīng)終端的UI設(shè)計(jì)尺寸，它的作用是使原型設(shè)計(jì)更加規(guī)范，以及在演示時(shí)具有更仿真的效果。

以下截圖中的效果要使用了Axure RP9的終端設(shè)計(jì)尺寸的演示效果，其中相關(guān)界面使用的是蘋(píng)果IPAD4的設(shè)計(jì)尺寸，共分為橫版界面(1024px*768px)和豎版界面(768px*1024px)兩種布局。建議大家在設(shè)計(jì)原型時(shí)，首先確定好對(duì)應(yīng)的布局方式和設(shè)計(jì)尺寸并保持統(tǒng)一。

演示鏈接：http://www.axureux.com/demo/Libraries006/#c=0

7. 元件樣式編輯優(yōu)化

Axure RP9中提供了更豐富和元件樣式編輯功能，使一些元件樣式效果的實(shí)現(xiàn)變得更加方便了，同時(shí)能輸出視覺(jué)效果更佳的交互原型。

（1）文字排版功能優(yōu)化

選中文字元件后在樣式面板的“排版”中點(diǎn)擊字母圖標(biāo)可以設(shè)置豐富的排版效果，其中包括上標(biāo)和下標(biāo)、字母大小寫(xiě)切換、加粗、斜體、下劃線(xiàn)、刪除線(xiàn)等。

（2）自定義文字間距

在“排版”中可以自定義文字行間距和字間距，直接輸入對(duì)應(yīng)的數(shù)值，支持小數(shù)點(diǎn)。推薦常用文字排版行間距20\24\28\36。

（3）自定義邊框?qū)挾?/p>

矩形元件的邊框?qū)挾戎С肿远x寬度，在線(xiàn)段中輸入對(duì)應(yīng)的數(shù)值，不支持小數(shù)點(diǎn)。

（4）自定義文本框邊框

文本框元件可以像矩形一樣修改邊框樣式了，包括邊框顏色及寬度等，在Axure RP8中實(shí)現(xiàn)類(lèi)似的效果是非常繁瑣的。

（5）復(fù)選框自定義樣式

Axure RP9中支持自定義復(fù)選框和單選框的樣式了，包括顏色、大小、對(duì)齊方式等。

（6）單選框自定義樣式

復(fù)選框和單選框的大小和對(duì)齊方式設(shè)置，選中元件后在“樣式”面板中進(jìn)行設(shè)置。

8. 取色器功能優(yōu)化

Axure RP9對(duì)取色器功能進(jìn)行了優(yōu)化，其中主要的是收藏功能的優(yōu)化和新增了建議功能。在設(shè)計(jì)時(shí)將常用的顏色收藏到取色器面板中，這樣可以方便在設(shè)計(jì)過(guò)程中快速選取。收藏顏色的方法：首先選中帶有背景顏色的矩形，然后點(diǎn)擊工具欄中的填充顏色方框打開(kāi)配色面板，在收藏選項(xiàng)中點(diǎn)擊添加圖標(biāo)，這樣就可以將對(duì)應(yīng)元件的背景顏色添加至收藏中了。

9. 刪除的相關(guān)功能

以下的相關(guān)功能是在Axure RP8中有的，但是在新版本中已經(jīng)被刪除了。個(gè)人感覺(jué)有一部分功能還是很實(shí)用的，可能是總體使用頻率并不高，所以被Axure的開(kāi)發(fā)團(tuán)隊(duì)拋棄了。

（1）項(xiàng)目設(shè)置功能

Axure RP8中的項(xiàng)目功能設(shè)置包含邊界對(duì)齊和DPI設(shè)置，這個(gè)邊界對(duì)齊功能還是非常有用的，我很疑惑為什么沒(méi)有保留。去掉這個(gè)功能以后，使用新版本打開(kāi)以前Axure RP8創(chuàng)建的文件，導(dǎo)致很多元件的邊框顯得比較粗，需要重新手動(dòng)調(diào)整邊框?qū)R方式。

（2）團(tuán)隊(duì)SVN功能

Axure RP9已經(jīng)不再支持團(tuán)隊(duì)SVN功能了，目前僅支持Axure Cloud功能，但是國(guó)內(nèi)訪問(wèn)Axure Cloud速度并不是特別理想。Axure的開(kāi)發(fā)團(tuán)隊(duì)去掉這個(gè)功能明顯并沒(méi)有顧及到中國(guó)用戶(hù)的需求，但是如果不需要使用團(tuán)隊(duì)功能，其實(shí)影響不會(huì)太大。

（3）格式刷功能

Axure RP8中的格式刷功能用于將一個(gè)元件的樣式快速?gòu)?fù)制到其它元件上，在新版本中這個(gè)功能被“粘貼樣式”取代了。在Axure RP9中選中一個(gè)元件后右擊選擇“復(fù)制”，然后選擇另一個(gè)元件右擊選擇“粘貼選項(xiàng)—粘貼樣式”就可以了。

（4）草圖效果功能

Axure RP8草圖效果功能在新版本中也被刪除了，個(gè)人感覺(jué)這個(gè)功能一直挺雞肋的，所以影響不是很大。

（5）標(biāo)志設(shè)置功能

Axure RP8的標(biāo)志設(shè)置功能，設(shè)置后會(huì)在演示框架中顯示。由于Axure RP9對(duì)演示框架進(jìn)行了簡(jiǎn)化，所以這個(gè)功能也沒(méi)有保留。

（6）移動(dòng)端設(shè)置功能

Axure RP8的移動(dòng)端設(shè)置功能，用于輸出在移動(dòng)設(shè)備上進(jìn)行演示的相關(guān)設(shè)置，本人覺(jué)得是很有必要的保留的。這個(gè)功能在Axure RP9中去除后輸出的原型中想要實(shí)現(xiàn)類(lèi)似的效果，需要手動(dòng)修改對(duì)應(yīng)的HTML文件。

（7）高級(jí)設(shè)置功能

很少使用到這個(gè)功能，去除后影響不大。

10. 幾點(diǎn)補(bǔ)充的說(shuō)明

1. Axure RP8和9是可以同時(shí)安裝和運(yùn)行的，如果還不想在正式項(xiàng)目中使用Axure RP9的同學(xué)，建議可以先安裝體驗(yàn)一下。
2. Axure的特性是使用低版本保存的文件可以在高版本中打開(kāi)，而使用高版本的保存的文件則無(wú)法在低版本中打開(kāi)。所以使用Axure RP9編輯舊版本文件時(shí)，建議做好備份工作。
3. Axure RP8編輯界面中的元件是無(wú)法直接復(fù)制到9的編輯界面中的，直接復(fù)制過(guò)去的元件都會(huì)變成圖片，需要先使用9打開(kāi)后才能進(jìn)行復(fù)制。
4. 如果你的團(tuán)隊(duì)在協(xié)作中比較依賴(lài)Axure RP8中的團(tuán)隊(duì)SVN功能，建議慎重考慮是否升級(jí)到Axure RP9，具體原因在第9點(diǎn)中介紹過(guò)。

本文由 @windir?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議