更快,更爽的制作原型-Axure RP 8.0beta初體驗
盡管原型制作工具哪家強的論戰(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)在,你妹的,官方提供了,看起來還很精美的樣子,便簽紙還帶陰影,加特技???
吐槽完畢,重點說說頁面快照組件(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ā)布于人人都是產品經理,未經許可,禁止轉載。
餅狀圖的相減嘗試過各種組合,無法只留下四分之一的那一段圓弧。QQ2803825009在線等
請問AXURE8可以往下兼容嗎
改進4,axure7就有!
求樓主的自制的標簽一套,大謝
你好,我想問一下,圖片中的箭頭是用什么軟件加上去的呢?
為什么無法發(fā)布,一發(fā)布就關閉了?。?!
沒找到撤銷鍵,,保存每次都會彈出保存框,, ??
如何聯(lián)系作者啊。。
剛剛發(fā)現(xiàn)一個Axure8的bug,每次保存,都會彈出“另存為”對畫框!
請問 餅圖組件在哪里 默認元件里找不到 ??
先導入矩形,在矩形的屬性里改成餅圖
ok 3Q~
感覺很像Axure和CDR的合體,
下載鏈接怎么不見了不見了不見了 ?? ?? ??
我能說 標題 有半個 是我?guī)椭鸬拿?/p>