axure商城

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

Axure RP 8.0beta已經發布了,相信很多同學已經下載。但V8版本到底表現如何?新增了什么新特性,有什么用處?來自產品100的這篇文章帶大家體驗了一下!大家一起來看看axure8.0到底給我們帶來了那些新的東西!原文地址:http://www.chanpin100.com/archives/19042

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

one more thing

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

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

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

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

給TA買糖
共{{data.count}}人
人已贊賞
高級教程

用Axure制作網站注冊表單原型圖文教程

2015-8-10 12:19:11

高級教程

教程:用axure動態面板制作返回頂部按鈕

2015-11-5 12:50:28

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo