盡管原型制作工具哪家強的論戰在知乎愈演愈烈，但Axure無疑還是多數產品狗的主力工具。究其原因，Blink簡單的總結為：在目前互聯網環境下，Axure是更好的平衡了快速、好用、適用專業原型制作工具，對于像Sketch、OmniGraffle等熱門工具來說，Blink認為他們是能做到部分Axure做不到或做起來很麻煩的功能罷了，并不能好替代，而且他們本身也不是專業做原型的。“互聯網的一些事”推薦此文。

　　而今年8月，Axure RP最新的8.0beta版已經悄然發布，Blink作為工具控，當然也在第一時間進行了體驗，本文總結了幾個實際工作中高頻實用的改進點與大家分享(雖然酷炫屌爆是Blink喜歡演示的，放在下期吧……)。

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

整體預覽：布局微調，更加順手

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

　　是否經常遇到以下情況：因為頁面屬性比較少用，以及為了增加編輯區域，你叉掉了頁面屬性面板，但偶爾需要的時候卻不知道從哪打開了，好不容易從視圖菜單中找到了，用了一這次，你又叉掉了……而現在這個問題終于解決了。更多改進請看下文。

實用改進1：部件尺寸終于有了比例鎖定

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

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

實用改進2：默認部件庫煥然一新

　　默認部件庫的改進非常符合用戶需求，Axure公司應該做足了調研的。矩形部件變成了4種：最基本的白框、無邊框最淺灰、無邊框淺灰、無邊框中灰，最淺灰Blink也經常用到，這個改進又為原型制作節約很多時間。

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

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

實用改進3 自帶標注部件了

　　線框圖與需求說明相結合，直接在線框圖上用箭頭和文字標注說明，也是很多公司采用的方式，更敏捷嘛。程序猿能一手看UI設計圖一手看原型圖，兩手抓，還要編代碼的，已經很優秀了，作為有情懷的產品經理怎么還忍心讓他們再開個長篇文檔呢?

　　以前，為了更好的標注，Blink專門做了一套標注組件，可以說是煞費苦心啊(若你需要，可以找我索取)。

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

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

實用改進4 圖像裁剪不求人

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

實用改進5 形狀布爾運算高大上

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

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

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

實用改進6 鋼筆工具揮灑自如

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

　　one more thing

　　總的來說，Axure RP8.0beta從兩個方面來大大提高我們的生產效率：

　　本質功能上，結合現在的使用趨勢為你調教的更加拿出即用。

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

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

標題名稱：更快，更爽的制作原型-Axure RP 8.0beta初體驗
URL分享：http://www.js-pz168.com/news2/167602.html

成都網站建設公司_創新互聯，為您提供響應式網站、網站制作、靜態網站、ChatGPT、云服務器、App設計

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯