更快,更爽的制作原型-Axure RP 8.0beta初體驗

20 評論 25632 瀏覽 76 收藏 11 分鐘

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

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

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

整體預覽:布局微調,更加順手

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

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

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

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

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

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

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

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

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

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

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

以前,為了更好的標注,Blink專門做了一套標注組件,可以說是煞費苦心?。ㄈ裟阈枰?,可以找我索?。?。

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

118075-6ef86616c76cdacc

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

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

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

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

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

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

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

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

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

one more thing

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

本質功能上,結合現(xiàn)在的使用趨勢為你調教的更加拿出即用。

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

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

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

 

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 餅狀圖的相減嘗試過各種組合,無法只留下四分之一的那一段圓弧。QQ2803825009在線等

    來自廣東 回復
  2. 請問AXURE8可以往下兼容嗎

    來自重慶 回復
  3. 改進4,axure7就有!

    來自美國 回復
  4. 求樓主的自制的標簽一套,大謝

    來自上海 回復
  5. 你好,我想問一下,圖片中的箭頭是用什么軟件加上去的呢?

    來自新疆 回復
  6. 為什么無法發(fā)布,一發(fā)布就關閉了?。?!

    來自浙江 回復
  7. 沒找到撤銷鍵,,保存每次都會彈出保存框,, ??

    來自上海 回復
  8. 如何聯(lián)系作者啊。。

    來自廣東 回復
  9. 剛剛發(fā)現(xiàn)一個Axure8的bug,每次保存,都會彈出“另存為”對畫框!

    來自北京 回復
  10. 請問 餅圖組件在哪里 默認元件里找不到 ??

    來自北京 回復
    1. 先導入矩形,在矩形的屬性里改成餅圖

      來自北京 回復
    2. ok 3Q~

      來自北京 回復
  11. 感覺很像Axure和CDR的合體,

    來自江蘇 回復
  12. 下載鏈接怎么不見了不見了不見了 ?? ?? ??

    來自北京 回復
  13. 我能說 標題 有半個 是我?guī)椭鸬拿?/p>

    來自四川 回復