美國時間2018年9月5日Axure RP 9.0 Betal版在官方博客首次對外公布，一時間引來了不少全球Axure粉絲的圍觀與下載。作為Axure資深用戶，怎能安耐內(nèi)心的沖動，于是第一時間深度體驗了Axure 9.0的各項功能。經(jīng)過一段時間的深度使用，本文重點講述AxureRP 9.0相較于8.0版本有哪些實實在在的改動。

界面布局改版

AxureRP 9.0在極簡主義設(shè)計的道路上越走越遠(yuǎn)，整個界面的顏色搭配與icon圖標(biāo)設(shè)計給人的感覺更簡潔、更樸素，沒有太多的附加裝飾。

那么AxureRP 9.0的界面布局與顯示到底有哪些變化呢？

下面我們來細(xì)細(xì)觀察：

1. 界面的主色調(diào)采用了極簡主義色調(diào)黑白灰。
2. 所有的輸入項填寫均由以前的輸入框形式調(diào)整成了輸入線。
3. 生成原型的設(shè)置界面，由原來豎行的菜單欄調(diào)整成了右側(cè)的標(biāo)簽導(dǎo)航，左側(cè)為路徑、瀏覽器、默認(rèn)頁面的設(shè)置。改變后的界面，可以減少用戶的操作，我們只需要在一個界面窗口中完成所有的配置。
4. 豐富了鋼筆工具的功能，工具欄的插入功能不僅保留了原有的鋼筆工具，還增加了矩形、橢圓、線條、文本以及各類形狀。通過拖拽可以直接繪制各類形狀并隨心所欲的控制尺寸大小。
5. 工具欄中默認(rèn)收起了上下對齊方式、元件排列方式，點擊雙箭頭圖標(biāo)進(jìn)行展開。
6. 工具欄中將文本對齊方式進(jìn)行了隱藏，點擊雙箭頭展開。
7. 工具欄中去除了尺寸設(shè)置和固定元件操作。
8. 頁面導(dǎo)航面板與元件管理面板進(jìn)行了合并。
9. 元件庫面板與母版面板進(jìn)行了合并。
10. 針對Icons庫中滿目龐雜的元件進(jìn)行了歸類。
11. 樣式面板中的樣式交互移入至元件交互中。

Tips：Axure 9.0將一些使用率低的工具欄操作進(jìn)行了折疊隱藏處理，將具有一定關(guān)聯(lián)性的面板管理進(jìn)行合并，將元件進(jìn)行了整理歸類，從視覺層面來講，極大的簡化了界面布局，對整個界面進(jìn)行了一次全面瘦身。

元件功能優(yōu)化

雖說AxureRP 9.0并沒有增加新的元件，但9.0的元件使用體驗及增加的小功能卻超出了我的預(yù)期。在進(jìn)行線框圖的繪制時，更加得心應(yīng)手了，極大了提高設(shè)計的效率與線框圖質(zhì)量。

那么這些元件在使用體驗及功能上做出了哪些優(yōu)化？

小編為你進(jìn)行了整理歸納，主要變化內(nèi)容如下：

1. 方框、橢圓、占位符、BUTTON按鈕等形狀類元件增加了導(dǎo)入圖片功能，這里的圖片導(dǎo)入不同于圖像元件的圖片導(dǎo)入，通過形狀元件導(dǎo)入的圖片將限定在元件內(nèi)部。
2. 可以靈活控制文本內(nèi)容的邊距，即文字距離元件上下左右四條邊的距離。
3. 導(dǎo)入圖片時，能夠設(shè)置圖片的中心點，默認(rèn)為左上角，可以選擇頂部、底部、左上角、左下角、右上角和右下角。
4. 圖片支持水平翻轉(zhuǎn)、垂直翻轉(zhuǎn)。
5. 元件不僅可以設(shè)置外部陰影，也可以設(shè)置內(nèi)部陰影。
6. 邊框線的粗細(xì)可以通過的寬度進(jìn)行更靈活的設(shè)置，只需要填寫數(shù)字即可。
7. 布爾運算增加了結(jié)合和分開。
8. 移動元件時，自動顯示距離最近元件的距離。
9. 增加了流程圖的元件。
10. 針對Icons元件庫的元件進(jìn)行了整理分類，元件的數(shù)量也更豐富。
11. 元件增加懸停樣式效果，鼠標(biāo)懸停時，元件周圍顯示邊框線。
12. 優(yōu)化元件選中效果。
13. 編輯動態(tài)面板和中繼器時，減少了頁面標(biāo)簽的數(shù)量，優(yōu)化編輯體驗，新增隔離功能。
14. 文本字符的行距和間距的調(diào)整更加精確靈活。
15. 元件庫支持導(dǎo)入本地圖片文件夾。
16. 元件支持添加多條注釋說明，在查看HTML文件時，可一次性展開所有說明。
17. 中繼器背景支持顏色交替顯示。

Tips：新增的功能體現(xiàn)在每一個細(xì)節(jié)之中，它的改善與優(yōu)化不輕易被察覺，但使用過程中卻能感受設(shè)計效率的提高。部分元件的樣式設(shè)置以及操作習(xí)慣較8.0版本有所改動，還需要一段時間去適應(yīng)。

交互設(shè)置流程優(yōu)化

新的交互構(gòu)建器已經(jīng)過全面重新設(shè)計和優(yōu)化，易于使用。 從基本設(shè)置到復(fù)雜的中繼器、函數(shù)、條件流，可以在更短的時間內(nèi)以更少的點擊次數(shù)將你的原型變?yōu)楝F(xiàn)實。

具體的變化表現(xiàn)在以下幾點：

1. 交互事件默認(rèn)進(jìn)行了隱藏處理，點擊新建交互，才可以查看交互事件。
2. 交互用例的設(shè)置更加流水化，每點擊一步操作自動觸發(fā)下一步的設(shè)置，這樣設(shè)計的好處在于減少彈窗界面的數(shù)量，減少用戶點擊次數(shù)
3. 元件的交互樣式移入至交互事件列表。
4. 每個元件的常用交互直接顯示在交互面板下方，如中繼器的每項載入時事件；如中繼器的單擊時，設(shè)置為下一個狀態(tài)；向左拖動結(jié)束時，顯示為上一個狀態(tài)；向右拖動結(jié)束時，顯示為下一個狀態(tài)。

Tips：交互界面更簡潔，設(shè)置時有效減少了點擊次數(shù)，但回顧查看動作配置時，界面顯示的不夠直觀。誤點擊條件時，無法刪除條件設(shè)置欄目。對于大部分人來講， 交互設(shè)置的操作界面需要一段適應(yīng)過程，且用戶需要記住上一步的操作選擇。

其它改進(jìn)

1. 調(diào)色板增加了漸變色的靈活調(diào)整，支持線性漸變和徑向漸變，增加HSV拾取器的新顏色選擇器。
2. 頁面樣式新增移動端尺寸，包含了安卓與IOS主流機(jī)型尺寸。
3. 畫布取消了滾動欄（可能有些同學(xué)不適應(yīng)了），增加負(fù)屏顯示。
4. 幫助菜單欄新增Axure官方論壇。
5. 優(yōu)化瀏覽器中原型顯示效果，新增自適應(yīng)瀏覽器寬度，增加上一頁（<）和下一頁（>）的快捷方式。
6. 瀏覽器中查看移動端原型時，優(yōu)化光標(biāo)顯示效果，增加上下滾動條。
7. 頁面尺寸設(shè)置為移動端時，瀏覽器打開原型文件，無法復(fù)制文字內(nèi)容。

最后的小結(jié)

從整體上來看，AxureRP 9.0針對8.0的版本迭代還是做出了很大的改進(jìn)，簡潔的界面設(shè)計，元件的新增功能，以及一些操作流程的優(yōu)化改進(jìn)，都是值得我們?nèi)ピ囉皿w驗的。Axure的開發(fā)團(tuán)隊始終站在設(shè)計師的角度，針對一些不足之處，還在持續(xù)不斷的改善優(yōu)化，相信不久的將來9.0一定會成為產(chǎn)品經(jīng)理、交互設(shè)計師、用戶體驗師們使用的主流版本。

版本：Axure RP 9.0.0.3616

安裝包下載地址：

• Windows版本：https://pan.baidu.com/s/1-nX6gwyLp1_uZa9tOhG6kA
• MAC版本：https://pan.baidu.com/s/1WMitzXu4UJ1ADNlWN_a-eg

漢化包下載地址：https://pan.baidu.com/s/1hSWSfpe0mRATqJeX-ccK8g

#專欄作家#

拼搏的80后，人人都是產(chǎn)品經(jīng)理專欄作家。10年互聯(lián)網(wǎng)從業(yè)經(jīng)歷，具有各類型B端、C端產(chǎn)品的設(shè)計經(jīng)驗，關(guān)注區(qū)塊鏈及人工智能的技術(shù)發(fā)展及應(yīng)用場景探索。

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

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