引言

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

AxureRP 9.0.png

界面布局改版

AxureRP 9.0在極簡主義設(shè)計(jì)的道路上越走越遠(yuǎn)，整個(gè)界面的顏色搭配與icon圖標(biāo)設(shè)計(jì)給人的感覺更簡潔俯树、更樸素帘腹，沒有太多的附加裝飾。那么AxureRP 9.0的界面布局與顯示到底有哪些變化呢许饿？下面我們來細(xì)細(xì)觀察：

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

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

元件功能優(yōu)化

雖說AxureRP 9.0并沒有增加新的元件砸讳，但9.0的元件使用體驗(yàn)及增加的小功能卻超出了我的預(yù)期。在進(jìn)行線框圖的繪制時(shí)界牡，更加得心應(yīng)手了簿寂，極大了提高設(shè)計(jì)的效率與線框圖質(zhì)量。那么這些元件在使用體驗(yàn)及功能上做出了哪些優(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í)笆搓，能夠設(shè)置圖片的中心點(diǎn)，默認(rèn)為左上角纬傲，可以選擇頂部满败、底部、左上角叹括、左下角算墨、右上角和右下角。
4. 圖片支持水平翻轉(zhuǎn)汁雷、垂直翻轉(zhuǎn)净嘀。
5. 元件不僅可以設(shè)置外部陰影，也可以設(shè)置內(nèi)部陰影摔竿。
6. 邊框線的粗細(xì)可以通過的寬度進(jìn)行更靈活的設(shè)置面粮，只需要填寫數(shù)字即可。
7. 布爾運(yùn)算增加了結(jié)合和分開继低。
8. 移動(dòng)元件時(shí)熬苍，自動(dòng)顯示距離最近元件的距離。
9. 增加了流程圖的元件。
10. 針對(duì)Icons元件庫的元件進(jìn)行了整理分類柴底，元件的數(shù)量也更豐富婿脸。
11. 元件增加懸停樣式效果，鼠標(biāo)懸停時(shí)柄驻，元件周圍顯示邊框線狐树。
12. 優(yōu)化元件選中效果。
13. 編輯動(dòng)態(tài)面板和中繼器時(shí)鸿脓，減少了頁面標(biāo)簽的數(shù)量抑钟，優(yōu)化編輯體驗(yàn)，新增隔離功能野哭。
14. 文本字符的行距和間距的調(diào)整更加精確靈活在塔。
15. 元件庫支持導(dǎo)入本地圖片文件夾。
16. 元件支持添加多條注釋說明拨黔，在查看HTML文件時(shí)蛔溃，可一次性展開所有說明。
17. 中繼器背景支持顏色交替顯示篱蝇。

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

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

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

1. 交互事件默認(rèn)進(jìn)行了隱藏處理傻铣，點(diǎn)擊新建交互章贞，才可以查看交互事件。
2. 交互用例的設(shè)置更加流水化非洲，每點(diǎn)擊一步操作自動(dòng)觸發(fā)下一步的設(shè)置鸭限，這樣設(shè)計(jì)的好處在于減少彈窗界面的數(shù)量，減少用戶點(diǎn)擊次數(shù)
3. 元件的交互樣式移入至交互事件列表两踏。
4. 每個(gè)元件的常用交互直接顯示在交互面板下方败京，如中繼器的每項(xiàng)載入時(shí)事件；如中繼器的單擊時(shí)梦染，設(shè)置為下一個(gè)狀態(tài)赡麦；向左拖動(dòng)結(jié)束時(shí)朴皆，顯示為上一個(gè)狀態(tài)；向右拖動(dòng)結(jié)束時(shí)泛粹，顯示為下一個(gè)狀態(tài)遂铡。

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

其它改進(jìn)

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

最后的小結(jié)

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

版本：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

如果你對(duì)Axure或原型設(shè)計(jì)有興趣，希望系統(tǒng)性地學(xué)習(xí)Axure知識(shí)迄薄，掌握更多Axure使用技巧琅关；或者希望通過臨摹交互案例，進(jìn)一步提升高保交互設(shè)計(jì)能力讥蔽。請(qǐng)點(diǎn)擊下方關(guān)注按鈕涣易，查看更多連載作品。
點(diǎn)擊獲取案例作品源文件