Axure RP 8新功能和優(yōu)化實踐

3 評論 18134 瀏覽 65 收藏 10 分鐘

我結合我的設計工作,來講一下Axure8改進和新增功能:

1.?畫板區(qū):

我的電腦是13寸的,畫板區(qū)希望越大越好,因些我把電腦分辨率調(diào)到最小,新的8整體界面的區(qū)域結構沒有大的變化,取消了page Properties(實際是和合并到右側區(qū)中了)。工具欄減為一行,樣式工具一樣可以設置是否顯示,畫板區(qū)的高度得到了擴大!

axure 7界面

D1C693B5-3CE2-4658-8DDA-339DEA91E76D

axure 8界面

0A7CE982-2224-4BAD-8A81-CEF9F5A37ECC

2.?頁面的設置

移到右側區(qū),個人經(jīng)常使用設置整體默認背景的顏色。

F6340047-8DDF-40A0-A113-9F1B5BBFA70E

有的說:這個不是和選擇某個內(nèi)容時,變?yōu)閷傩怨ぞ甙逑鄾_突了。要怎么切換呢?在右上角的圖標來做切換

BC3EC7E8-48B4-46BB-B390-B2AF7EC3E76C

3.?圖形編輯:

新增Pen工具:這個工具和PS及Ill、Sketch等畫圖軟件中的使用方法是一樣的,沒有什么區(qū)別,之前axure沒有此類工具,當要畫些像曲線的圖形時,就沒轍沒轍的!在axure中畫用戶體驗地圖也可以畫的非常屌了!

FA5C8E1E-0737-4820-A61F-BA1A97299C41

圖形變型工具:增加了很多擴展,如果沒有想要的,可以自定義形狀。除了點圖型可上的小圓點,直接雙擊外框線可以轉為自定義狀態(tài)。和Pen的交互方式差不多。

CA25CCD5-207C-4192-8830-5B5250D60123

圖形布爾運算:像其他矢量編輯軟件必不可少的功能,和上面圖形變型組合使用可以變化很多圖形,像環(huán)狀餅圖都不是問題了,之前都是在apple Numbers上畫好copy過來,現(xiàn)在多了一種方式。

A09FFA21-6654-4A59-87EF-893560138483

蒙板:這個工具沒有做什么優(yōu)化,建議可不規(guī)則形狀進行蒙板,也就是結合上面圖型工具,像其他矢量軟件一樣的操作方式!

形狀鏈接:

可隨時編輯鏈接點,方便畫各種流程圖!同時圖型也可以進行鏈接了,并可以編輯鏈接點!包括Snapshot

EE46209B-E5BB-4FB4-AFBC-3B1724C7FCB0

401AAA28-AA0E-434D-9405-3DF32F9097CC

4.?libraries:

里新增加了幾個默認的形狀和樣式,樣式全部改到右側進行編輯,

28AA916D-25FB-4875-A934-C0F0A95925A1

增加了一些頁面說明的標簽圖型,但是做的太不美了,實在是不想用,建議還是自己做一套,我個人一般都是單獨定義一個特殊的顏色,用來寫交互說明,及指示。

C90ACAF7-527D-4430-8309-1788C8E21E14

Snapshot:這里新增的Snapshot功能,可以解決當你需要引用某個頁面時,可以快速并在變更后也不需要像原來一樣copy。如畫流程圖或頁面信息結構說明、更新記錄等地方。

本人在畫流程圖和記錄更新記錄時喜歡直接從左過PAGE工具板中拖拽到頁面上,即使頁面名字換掉也可以自動更新,如果可以組合Snapshop功能就更直觀了!

snapshot

自定義libraries:原來的問題沒有解決,只二個層級,但實際我們規(guī)范會不只二個層級,如:基礎-按鈕-主按鈕(次按鈕等)。現(xiàn)在為了不讓libraries下拉太長,往往會把所有按鈕都放到一個元件中,需要拖到頁面再自行刪除。體驗都不好

流程圖:

不再有難看的小叉叉

流程圖7

axure7

流程8axure8

Icon:

新增了很多的常用icon。不過我們有antcool就可以了,還是符合自己產(chǎn)品規(guī)范的圖標,

icon

自己團隊開發(fā)的antcool工具,可以直接把規(guī)范庫里的icon拖拽到axure使用。

antcool

5.?右側工作區(qū)-樣式設置

樣式板

內(nèi)陰影:

一直都只能在外面加陰影,現(xiàn)在也可以內(nèi)部加陰影

內(nèi)陰影

形狀鏡像:

圖型高和寬自適應文字內(nèi)容:

以前當在形狀內(nèi)輸入文字時,經(jīng)常因為瀏覽器字體寬度和axure的不同,會換行,讓白板難看,不知道這個功能是否可以解決這個問題

鏡像

外框線:

形狀單邊設計是否顯示外框線

邊框

圓角:

可編輯圓角顯示

圓角

樣式管理:

更強大了

樣式庫編輯

6.?頁面元素

新增了所有頁面元素的查找和選擇,這里可以搜索和篩選,可以直觀看到有哪些元素,哪些是成組的,哪些是圖片,選擇后可以做順序移動,創(chuàng)建成master等操作!和sketch頁面元素板功能相似。

矢量分解

7.?導出預覽

導出后展現(xiàn)變化很多,左側導航增加了notes和consol展現(xiàn)方式,頁面列表上增加了標題和分享,及框出點擊點的功能,這個功能可以幫助觀看的人可以知道哪些有交互點!

導出

8.?成組:

原來成組的內(nèi)容如果再增加一個內(nèi)容成組,一是打散選擇后再成組,二是在成組基礎上加上新的內(nèi)容成組(打散時也需要二次),而新的8,不需要打散,選擇組中一個元素會進入只成組元素高亮狀態(tài),此時加入新的元素到頁面中,自動成為此組一部分

成組1

成組2

箭頭樣式:

工具設計如此形像,這是比其他軟件好的地方

箭頭

 

本文由 @joycce 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉載。

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 上面說的antcool工具能否共享?

    來自上海 回復
  2. 7好像也有內(nèi)陰影啊

    來自北京 回復
  3. 非常不錯的案例入門作品。

    來自廣東 回復