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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　one more thing

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

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

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

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

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

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供響應(yīng)式網(wǎng)站、網(wǎng)站制作、靜態(tài)網(wǎng)站、ChatGPT、云服務(wù)器、App設(shè)計

廣告

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