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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　one more thing

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

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

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

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

標(biāo)題名稱：更快，更爽的制作原型-Axure RP 8.0beta初體驗(yàn)
URL分享：http://jinyejixie.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è)計(jì)

廣告

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