誰說Axure 9.0沒有創新？深度體驗後，竟發現了38處變化

摘要： 引言 美國時間2018年9月5日Axure RP 9.0 Betal版在官方部落格首次對外公佈，一時間引來了不少全球Axure粉絲的圍觀與下載。作為Axure資深使用者，怎能安耐內心的衝動，於是第一時間深度體驗了Axure 9.0的各項功能。經過一週的深度使用，本文重點講述AxureRP ...

引言

美國時間2018年9月5日Axure RP 9.0 Betal版在官方部落格首次對外公佈，一時間引來了不少全球Axure粉絲的圍觀與下載。作為Axure資深使用者，怎能安耐內心的衝動，於是第一時間深度體驗了Axure 9.0的各項功能。經過一週的深度使用，本文重點講述AxureRP 9.0相較於8.0版本有哪些實實在在的改動。

介面佈局改版

AxureRP 9.0在極簡主義設計的道路上越走越遠，整個介面的顏色搭配與icon圖示設計給人的感覺更簡潔、更樸素，沒有太多的附加裝飾。那麼AxureRP 9.0的介面佈局與顯示到底有哪些變化呢？下面我們來細細觀察：

1. 介面的主色調採用了極簡主義色調黑白灰。
2. 所有的輸入項填寫均由以前的輸入框形式調整成了輸入線。
3. 生成原型的設定介面，由原來豎行的選單欄調整成了右側的標籤導航，左側為路徑、瀏覽器、預設頁面的設定。改變後的介面，可以減少使用者的操作，我們只需要在一個介面視窗中完成所有的配置。
4. 豐富了鋼筆工具的功能，工具欄的插入功能不僅保留了原有的鋼筆工具，還增加了矩形、橢圓、線條、文字以及各類形狀。通過拖拽可以直接繪製各類形狀並隨心所欲的控制尺寸大小。
5. 工具欄中預設收起了上下對齊方式、元件排列方式，點選雙箭頭圖示進行展開。
6. 工具欄中將文字對齊方式進行了隱藏，點選雙箭頭展開。
7. 工具欄中去除了尺寸設定和固定元件操作。
8. 頁面導航面板與元件管理面板進行了合併。
9. 元件庫面板與母版面板進行了合併。
10. 針對Icons庫中滿目龐雜的元件進行了歸類。
11. 樣式面板中的樣式互動移入至元件互動中。

Tips：Axure 9.0將一些使用率低的工具欄操作進行了摺疊隱藏處理，將具有一定關聯性的面板管理進行合併，將元件進行了整理歸類，從視覺層面來講，極大的簡化了介面佈局，對整個介面進行了一次全面瘦身。

元件功能優化

雖說AxureRP 9.0並沒有增加新的元件，但9.0的元件使用體驗及增加的小功能卻超出了我的預期。在進行線框圖的繪製時，更加得心應手了，極大了提高設計的效率與線框圖質量。那麼這些元件在使用體驗及功能上做出了哪些優化？小編為你進行了整理歸納，主要變化內容如下：

1. 方框、橢圓、佔位符、BUTTON按鈕等形狀類元件增加了匯入圖片功能，這裡的圖片匯入不同於影象元件的圖片匯入，通過形狀元件匯入的圖片將限定在元件內部。
2. 可以靈活控制文字內容的邊距，即文字距離元件上下左右四條邊的距離。
3. 匯入圖片時，能夠設定圖片的中心點，預設為左上角，可以選擇頂部、底部、左上角、左下角、右上角和右下角。
4. 圖片支援水平翻轉、垂直翻轉。
5. 元件不僅可以設定外部陰影，也可以設定內部陰影。
6. 邊框線的粗細可以通過的寬度進行更靈活的設定，只需要填寫數字即可。
7. 布林運算增加了結合和分開。
8. 移動元件時，自動顯示距離最近元件的距離。
9. 增加了流程圖的元件。
10. 針對Icons元件庫的元件進行了整理分類，元件的數量也更豐富。
11. 元件增加懸停樣式效果，滑鼠懸停時，元件周圍顯示邊框線。
12. 優化元件選中效果。
13. 編輯動態面板和中繼器時，減少了頁面標籤的數量，優化編輯體驗，新增隔離功能。
14. 文字字元的行距和間距的調整更加精確靈活。
15. 元件庫支援匯入本地圖片資料夾。
16. 元件支援新增多條註釋說明，在檢視HTML檔案時，可一次性展開所有說明。
17. 中繼器背景支援顏色交替顯示。

Tips：新增的功能體現在每一個細節之中，它的改善與優化不輕易被察覺，但使用過程中卻能感受設計效率的提高。部分元件的樣式設定以及操作習慣較8.0版本有所改動，還需要一段時間去適應。

互動設定流程優化

新的互動構建器已經過全面重新設計和優化，易於使用。 從基本設定到複雜的中繼器、函式、條件流，可以在更短的時間內以更少的點選次數將你的原型變為現實。具體的變化表現在以下幾點：

1. 互動事件預設進行了隱藏處理，點選新建互動，才可以檢視互動事件。
2. 互動用例的設定更加流水化，每點選一步操作自動觸發下一步的設定，這樣設計的好處在於減少彈窗介面的數量，減少使用者點選次數
3. 元件的互動樣式移入至互動事件列表。
4. 每個元件的常用互動直接顯示在互動面板下方，如中繼器的每項載入時事件；如中繼器的單擊時，設定為下一個狀態；向左拖動結束時，顯示為上一個狀態；向右拖動結束時，顯示為下一個狀態。

Tips：互動介面更簡潔，設定時有效減少了點選次數，但回顧檢視動作配置時，介面顯示的不夠直觀。誤點選條件時，無法刪除條件設定欄目。對於大部分人來講， 互動設定的操作介面需要一段適應過程，且使用者需要記住上一步的操作選擇。

其它改進

1. 調色盤增加了漸變色的靈活調整，支援線性漸變和徑向漸變，增加HSV拾取器的新顏色選擇器。
2. 頁面樣式新增移動端尺寸，包含了安卓與IOS主流機型尺寸。
3. 畫布取消了滾動欄（可能有些同學不適應了），增加負屏顯示。
4. 幫助選單欄新增Axure官方論壇。
5. 優化瀏覽器中原型顯示效果，新增自適應瀏覽器寬度，增加上一頁（<）和下一頁（>）的快捷方式。
6. 瀏覽器中檢視移動端原型時，優化游標顯示效果，增加上下滾動條。

最後的小結

從整體上來看，AxureRP 9.0針對8.0的版本迭代還是做出了很大的改進，簡潔的介面設計，元件的新增功能，以及一些操作流程的優化改進，都是值得我們去試用體驗的。Axure的開發團隊始終站在設計師的角度，針對一些不足之處，還在持續不斷的改善優化，相信不久的將來9.0一定會成為產品經理、互動設計師、使用者體驗師們使用的主流版本。

如果你對原型設計有興趣，對Axure的學習有興趣，希望系統性的學習Axure知識，掌握更多Axure的使用技巧；或者希望通過臨摹Axure案例作品，進一步提升自己的高保真原型設計能力， 請點選下方關注按鈕，檢視更多連載作品。