盡管原型制作工具哪家強(qiáng)的論戰(zhàn)在知乎愈演愈烈，但Axure無疑還是多數(shù)產(chǎn)品狗的主力工具。究其原因，Blink簡單的總結(jié)為：在目前互聯(lián)網(wǎng)環(huán)境下，Axure是更好的平衡了快速、好用、適用專業(yè)原型制作工具，對于像Sketch、OmniGraffle等熱門工具來說，Blink認(rèn)為他們是能做到部分Axure做不到或做起來很麻煩的功能罷了，并不能完美替代，而且他們本身也不是專業(yè)做原型的。

而今年8月，Axure RP最新的8.0beta版已經(jīng)悄然發(fā)布，Blink作為工具控，當(dāng)然也在第一時(shí)間進(jìn)行了體驗(yàn)，本文總結(jié)了幾個(gè)實(shí)際工作中高頻實(shí)用的改進(jìn)點(diǎn)與大家分享（雖然酷炫屌爆是Blink喜歡演示的，放在下期吧……）。

注：本文演示均為Mac版，Windows版功能相同布局略有不同。本文只講改進(jìn)點(diǎn)，不贅述入門基本功能，閱讀需有Axure基礎(chǔ)。

整體預(yù)覽：布局微調(diào)，更加順手

8.0beta版總體來說，變化不大，優(yōu)化了一些工具布局，最大的變化就是頁面屬性面板（Page Properties Panes）從底部取掉了，合并到了右側(cè)的部件屬性面板中，當(dāng)你選擇某個(gè)部件時(shí)，屬性面板就是該部件的屬性，當(dāng)你點(diǎn)擊頁面空白處時(shí)，屬性面板就會變成頁面屬性。這個(gè)布局調(diào)整后，個(gè)人覺得非常合理，再也沒有底部面板了，變成了Mac中最經(jīng)典的左中右3欄布局。

是否經(jīng)常遇到以下情況：因?yàn)轫撁鎸傩员容^少用，以及為了增加編輯區(qū)域，你叉掉了頁面屬性面板，但偶爾需要的時(shí)候卻不知道從哪打開了，好不容易從視圖菜單中找到了，用了一這次，你又叉掉了……而現(xiàn)在這個(gè)問題終于解決了。更多改進(jìn)請看下文。

實(shí)用改進(jìn)1：部件尺寸終于有了比例鎖定

曾經(jīng)多少次，你拖進(jìn)來的素材圖片要調(diào)整大小匹配你原型的iPhone寬度，320還是375，whatever，為了保持長寬比，你當(dāng)然知道拖圖片大小的時(shí)候按住shift鍵，但是你手一抖寬度變成了318，反向一擼又變成了324有木有？摔鼠標(biāo)的心都有了。當(dāng)然你也可以拿出計(jì)算器算出長寬比，然后再部件尺寸上填數(shù)字。什么？你從來不計(jì)較長寬比，美女拉成肥婆也無所謂？好吧~

現(xiàn)在多了一個(gè)長寬比保持按鈕，瞬間優(yōu)雅的解決了痛點(diǎn)，選中之后你只用輸入一個(gè)尺寸，另一個(gè)跟著等比變化，這其實(shí)在專業(yè)作圖軟件上是很基本的功能。

實(shí)用改進(jìn)2：默認(rèn)部件庫煥然一新

默認(rèn)部件庫的改進(jìn)非常符合用戶需求，Axure公司應(yīng)該做足了調(diào)研的。矩形部件變成了4種：最基本的白框、無邊框最淺灰、無邊框淺灰、無邊框中灰，最淺灰Blink也經(jīng)常用到，這個(gè)改進(jìn)又為原型制作節(jié)約很多時(shí)間。

按鈕，也變成了3種：白框默認(rèn)按鈕、無邊藍(lán)底主要按鈕、文字按鈕，總之就是又能省很多事

重點(diǎn)來了，對話框部件的小尖尖可以隨意改位置了，拖動尖尖的3個(gè)G點(diǎn)(黃點(diǎn))就可以隨意擺放了，從前調(diào)那個(gè)尖尖受的苦終于熬到頭了，你又能省去一些與產(chǎn)品邏輯無關(guān)的瑣事，什么？你從來都是直接放個(gè)三角形？好吧~~(╯﹏╰)b

實(shí)用改進(jìn)3 ：自帶標(biāo)注部件了

線框圖與需求說明相結(jié)合，直接在線框圖上用箭頭和文字標(biāo)注說明，也是很多公司采用的方式，更敏捷嘛。程序猿能一手看UI設(shè)計(jì)圖一手看原型圖，兩手抓，還要編代碼的，已經(jīng)很優(yōu)秀了，作為有情懷的產(chǎn)品經(jīng)理怎么還忍心讓他們再開個(gè)長篇文檔呢？

以前，為了更好的標(biāo)注，Blink專門做了一套標(biāo)注組件，可以說是煞費(fèi)苦心?。ㄈ裟阈枰?，可以找我索?。?。

現(xiàn)在，你妹的，官方提供了，看起來還很精美的樣子，便簽紙還帶陰影，加特技??？

吐槽完畢，重點(diǎn)說說頁面快照組件（Snapshot），拖放后雙擊彈出站點(diǎn)地圖，選擇一個(gè)頁面后，組件就會變成該頁面的截圖，這還沒完，瀏覽器預(yù)覽的時(shí)候，點(diǎn)擊截圖是會跳轉(zhuǎn)到相應(yīng)頁面的，有點(diǎn)吊吧。老實(shí)說，你之前有類似需求時(shí)，是把那個(gè)頁面整個(gè)復(fù)制一份擺出來，還是粘貼為圖片？總之都是笨辦法，不管是復(fù)制還是粘貼圖片，對應(yīng)頁面有變動了你就悲劇了，你是重新復(fù)制一次呢？還是重新復(fù)制一次呢？那不廢話嗎？難道現(xiàn)在的頁面快照可以同步更新？對！就是可以同步更新！你在頁面上做了改動，到快照上一看，duang的一下跟著改了，碉堡了，有木有？

實(shí)用改進(jìn)4： 圖像裁剪不求人

有了圖像裁剪功能，做一個(gè)圓形頭像再也不用求UI了，選擇圖像，裁剪正方形區(qū)域，加圓角（50°），加邊框，精美的原型頭像出爐了！

實(shí)用改進(jìn)5 ：形狀布爾運(yùn)算高大上

這個(gè)用語過于專業(yè)，其實(shí)是專業(yè)作圖軟件的功能，看下sketch的使用手冊中的說明就懂了

好像還是不懂？其實(shí)就是兩個(gè)形狀的疊加，舉個(gè)栗子你就明白了，假如你要做一個(gè)環(huán)狀的進(jìn)度圖，如圖，表示未完成的1/4圈灰色環(huán)是怎么做出來的呢？看Blink來演示吧。

還是看圖說話吧，先得到表示未完成進(jìn)度的灰色圈圈，和表示已完成進(jìn)度的藍(lán)色圈圈，那么如何把灰色圈做成只有一小段呢？就需要用另外的圖形來疊加，這里用了Axure8.0beta新增的“餅圖”組件，拖出一個(gè)餅圖，調(diào)好缺口角度，重疊在灰色圈上，然后同時(shí)選中兩個(gè)組件，點(diǎn)擊屬性面板中的“減去”圖標(biāo)，就得到了只有一小段的灰色圈，然后再將其重疊在藍(lán)色圈上，就大功告成了！

實(shí)用改進(jìn)6 ：鋼筆工具揮灑自如

雖然Axure不是專業(yè)作圖工具，但是偶爾原型中需要一個(gè)并不復(fù)雜的非常規(guī)形狀怎么辦呢？又找UI？又打開PS、Sketch？現(xiàn)在在Axure中用鋼筆一畫也可以瞬間搞定了?？次耶嫷某远谷耸遣皇呛艽裘劝?？那個(gè)犀利的小眼神就是用的鋼筆工具畫的哦（鋼筆工具在主流作圖軟件中都有，可以畫復(fù)雜圖形，但畫我這種圖形還是非常簡單的）。

one more thing

總的來說，Axure RP8.0beta從兩個(gè)方面來大大提高我們的生產(chǎn)效率：

本質(zhì)功能上，結(jié)合現(xiàn)在的使用趨勢為你調(diào)教的更加拿出即用。

新增功能上，讓你不用切換到其他工具也能快速搞定。

這么說來8.0的更新都是很必要的，很實(shí)用的，要是來的早點(diǎn)就更好了，我也可以少很多折騰了，期待正式版早日上市！

擴(kuò)展閱讀：Axure 8.0測試版發(fā)布，速度圍觀?。。ǜ较螺d地址和漢化包）

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