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

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

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

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

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

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

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

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

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

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

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

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

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

以前，為了更好的標(biāo)注，Blink專門(mén)做了一套標(biāo)注組件，可以說(shuō)是煞費(fèi)苦心啊（若你需要，可以找我索取）。

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

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

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

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

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

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

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

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

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

雖然Axure不是專業(yè)作圖工具，但是偶爾原型中需要一個(gè)并不復(fù)雜的非常規(guī)形狀怎么辦呢？又找UI？又打開(kāi)PS、Sketch？現(xiàn)在在Axure中用鋼筆一畫(huà)也可以瞬間搞定了，看我畫(huà)的吃豆人是不是很呆萌啊？那個(gè)犀利的小眼神就是用的鋼筆工具畫(huà)的哦（鋼筆工具在主流作圖軟件中都有，可以畫(huà)復(fù)雜圖形，但畫(huà)我這種圖形還是是非常簡(jiǎn)單的）。

one more thing

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

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

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

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

Axure RP 8.0beta版更新記錄>>

Axure RP 8.0beta版下載>>

本文轉(zhuǎn)載自