Axure RP9特性介紹及實用技巧分享

本文整理Axure RP9的個人使用的總結,希望能提供給大家一些學習和參考的價值,enjoy~

Axure RP9特性介绍及实用技巧分享

Axure RP9自去年8月份發佈第1個測試版至今已經過去了一年多時間了,而正式版也已經發布了快半年了,但是目前這個版本的用戶口碑卻是褒貶不一。很多用戶反饋了對全新版本的喜歡和肯定,但是也仍有部分老用戶不太願意接受它,甚至是保持著抗拒的態度。

據我個人的觀察,這次8至9的版本過渡比前幾個版本要緩慢許多,我在幾個群裡也做過相關的統計。本人分析主要原因是Axure RP9對比舊版本的界面變化和操作方式的極大差異,造成很多老用戶對這種改變不適應或不願意花時間適應,反而是一些以前並未使用8的用戶,更能接受和適應這個全新版本。

本人正式開始使用Axure RP9已經有兩個月左右了,個人覺得它的一些新特性還是非常棒的,相比舊版也確實能提升輸出效率。雖然在剛接觸時我也花了一些時間適應,不過兩三天左右基本就完全上手了。

今天整理這篇分享是個人使用的一份總結,希望能提供給大家一些學習和參考的價值。需要說明的是,由於相關內容是根據本人的使用過程整理的,可能也會有遺漏之處,如果大家有更多關於Axure RP9的新功能使用心得,也歡迎反饋分享給我。

1. Axure RP9界面介紹

Axure RP9特性介绍及实用技巧分享

Axure RP9的整體界面風格更加清新和明亮,相比舊版本給人感覺要舒服很多,這種風格的變化也更符合主流的軟件界面風格的趨勢。如果用一個詞來形式新版的界面風格,我覺得“去繁化簡”是非常契合的。

其實除了界面風格上的變化之外,“去繁化簡”也能體現Axure RP9在功能佈局上的改變。在這個版本中,使用頻率不高的功能一般都被做了收縮和隱藏處理。我相信很多朋友跟我一樣,剛開始使用時會發現一些舊版中的功能突然找不到了,就像我在分享開始前所介紹的,這種改變正是大家需要花時間去適應的。

分享一個實用的小技巧,Axure RP9的功能區的佈局是可以自定義調整的,只需要使用鼠標按住對應的功能標題便可拖動和改變位置。如果大家已經習慣了Axure RP8中的功能佈局,可以根據需要自定義成舊版本的佈局。

例如:在Axure RP8中概要功能區默認是顯示在軟件的右下角的,而在Axure RP9中它的默認位置被移到了左上角頁面列表旁邊,你可以像上面的圖片中一樣把它移到右下角去。

Axure RP9特性介绍及实用技巧分享

Axure RP9中提供了明亮和黑暗兩種界面風格模式,默認是明亮風格模式的,大家可以通過“文件—偏好設置—常規”中對模式進行切換。黑色模式可以讓用戶在設計過程中將更多的注意力專注於設計區域,而減少受Axure自身界面元素影響。

這個模式的切換我覺得也算是一個不小的改進,其實很多主流的設計軟件的界面默認都是黑暗風格的,例如著名的Adobe全家桶系列。不過還是忍不住想吐槽一句,Axure RP9的黑暗模式的界面風格給人一種粗糙感,特別是功能圖標和文字與界面背景顏色對比度過於強烈,希望以後的版本中能進行優化。

2. 負座標功能特性介紹

Axure RP9特性介绍及实用技巧分享

Axure RP9中新增的負座標功能是很多老用戶吐槽最多的一點,這個功能可以查看到編輯區域頂部和左側的更多區域。其實大部分主流的設計軟件都有負座標功能,它能讓用戶用更寬廣的視角查看自己的設計內容,我覺得這個改變並不是壞處,只要大家願意花一點時間去適應。

如果在設計時編輯區域處於負座標位置,可以點擊編輯區域的左上角“返回原點”圖標快速返回到0座標位置,同時也可以通過快捷鍵“Ctrl+9”快速返回。另外,建議大家記住以下兩個常用的快捷組合鍵,便於查看設計區域內容或快速移動位置。

  • 按住Ctrl上下滾動鼠標滾輪縮放編輯區域大小;
  • 按住空格鍵後移動鼠標快速移動編輯區域位置。

交互編輯是Axure中使用頻率最高的一個功能,新版本對這個功能進行了重要的優化,相應的變化也是在版本過渡時最需要花時間去適應的。

下面的截圖是Axure RP8和Axure RP9的交互功能初始面板的對比,基本的變化如下:

Axure RP9特性介绍及实用技巧分享
  • Axure RP8中功能面板的標題叫“屬性”,Axure RP9中功能面板的標題叫“交互”;
  • Axure RP9中僅保留了添加交互的功能,同時交互功能的名稱、佈局、位置都有變化;
  • Axure RP8的交互樣式設置、禁用及選中設置、選項組設置等功能都被去除了。

除了初始面板的變化之外,Axure RP9中添加交互的方式也是不一樣的,點擊添加交互按鈕後是直接在面板區域即可完成相關設置,而在Axure RP8中是需要在彈出的交互編輯器窗口進行設置的。這個功能優化的主要目的是為了減少添加交互時的操作步驟,但是由於這個交互面板區域的空間非常狹小,當同一個元件的交互事件較多時管理起來就不太方便了,特別是對於適應了舊版操作方式的老用戶來說操作起來會感覺很不順手。

以下是Axure RP9中在交互面板中添加交互的截圖效果:

Axure RP9特性介绍及实用技巧分享

在Axure RP9的交互面板的右下角有一個交互編輯器圖標,點擊後打開跟Axure RP8中一樣的操作窗口。Axure RP9中的交互編輯器在最初的測試版本中是沒有的,可能是由於很多用老戶反饋後才重新加上的。

這個交互編輯器功能跟交互面板中的設置功能是一致的,但是當交互事件比較多的時候可以更便於管理。如果是習慣了舊版操作方式的用戶,可以選中元件後直接點擊圖標打開交互編輯器窗口添加交互效果。

Axure RP9特性介绍及实用技巧分享

以下是Axure RP9的交互面板中添加交互完成後的截圖效果,當一個元件中的同一個事件添加多個動作時,每個動作會通過顏色進行區分,拖動對應的區域可以對動作進行排序。

Axure RP9特性介绍及实用技巧分享

Axure RP8中的屬性面板中的相關功能在9中被移入到了其它位置,其中禁用及選中設置、選項組設置等功能可以點擊元件名稱右邊的更多圖標查看到,元件的交互樣式設置可以在選中元件後右擊在更多功能查找到。

Axure RP9特性介绍及实用技巧分享

在Axure RP8中對動態面板或中繼器的內容進行編輯時,需要雙擊動態面板對應的狀態或中繼器彈出一個新的內容窗口進行編輯,當編輯的內容較多的時經常會導致打開過多的窗口而需要反覆切換。

在Axure RP9中對動態面板和中繼器的編輯模式進行了改進,進入編輯模式後會停留在當前頁面,其它內容會以半透明的樣式顯示。這個改進可以極大的提升編輯效率,同時也能更方便的預覽修改效果。

Axure RP9特性介绍及实用技巧分享

以上是Axure RP9動態面板編輯模式下的截圖效果,點擊頂部藍色區域的狀態名稱可以快速切換需要編輯的狀態,雙擊陰影區域可以快速退出編輯模式。

5. 元件庫功能優化

Axure RP9對元件庫管理功能進行了幾項全新的改進,可以更方便的導入和管理元件庫文件。除了默認的從元件面板中導入元件庫文件以外,雙擊對應的rplib格式元件庫文件可直接完成導入。

以下是雙擊rplib格式元件庫的導入操作提示界面截圖:

Axure RP9特性介绍及实用技巧分享

新版本中還加入了可以導入圖片文件夾的功能,可以將指定目錄中的圖片或圖標批量導入到元件庫面板中,不需要再單獨製作rplib文件,只需要點擊元件面板中的“添加圖片文件夾”選擇對應的目錄後即可完成。

另外,點擊元件面板中的更多圖標,選擇“打開源目錄”,可快速定位到對應元件庫文件或圖標文件夾所在的目錄位置。

Axure RP9特性介绍及实用技巧分享

6. 頁面尺寸設置功能

Axure RP9中新增了頁面尺寸設置功能,默認提供了蘋果和安卓等數十種終端設備的設計尺寸,用戶也可以根據需要自定義設計尺寸。但是Axure RP9中提供的終端設計尺寸並不等於對應終端的UI設計尺寸,它的作用是使原型設計更加規範,以及在演示時具有更仿真的效果。

Axure RP9特性介绍及实用技巧分享

以下截圖中的效果要使用了Axure RP9的終端設計尺寸的演示效果,其中相關界面使用的是蘋果IPAD4的設計尺寸,共分為橫版界面(1024px*768px)和豎版界面(768px*1024px)兩種佈局。建議大家在設計原型時,首先確定好對應的佈局方式和設計尺寸並保持統一。

Axure RP9特性介绍及实用技巧分享

演示鏈接:http://www.axureux.com/demo/Libraries006/#c=0

Axure RP9中提供了更豐富和元件樣式編輯功能,使一些元件樣式效果的實現變得更加方便了,同時能輸出視覺效果更佳的交互原型。

(1)文字排版功能優化

Axure RP9特性介绍及实用技巧分享

選中文字元件後在樣式面板的“排版”中點擊字母圖標可以設置豐富的排版效果,其中包括上標和下標、字母大小寫切換、加粗、斜體、下劃線、刪除線等。

(2)自定義文字間距

在“排版”中可以自定義文字行間距和字間距,直接輸入對應的數值,支持小數點。推薦常用文字排版行間距20\\24\\28\\36。

(3)自定義邊框寬度

矩形元件的邊框寬度支持自定義寬度,在線段中輸入對應的數值,不支持小數點。

(4)自定義文本框邊框

文本框元件可以像矩形一樣修改邊框樣式了,包括邊框顏色及寬度等,在Axure RP8中實現類似的效果是非常繁瑣的。

(5)複選框自定義樣式

Axure RP9特性介绍及实用技巧分享

Axure RP9中支持自定義複選框和單選框的樣式了,包括顏色、大小、對齊方式等。

(6)單選框自定義樣式

Axure RP9特性介绍及实用技巧分享

複選框和單選框的大小和對齊方式設置,選中元件後在“樣式”面板中進行設置。

8. 取色器功能優化

Axure RP9對取色器功能進行了優化,其中主要的是收藏功能的優化和新增了建議功能。在設計時將常用的顏色收藏到取色器面板中,這樣可以方便在設計過程中快速選取。收藏顏色的方法:首先選中帶有背景顏色的矩形,然後點擊工具欄中的填充顏色方框打開配色面板,在收藏選項中點擊添加圖標,這樣就可以將對應元件的背景顏色添加至收藏中了。

Axure RP9特性介绍及实用技巧分享

9. 刪除的相關功能

以下的相關功能是在Axure RP8中有的,但是在新版本中已經被刪除了。個人感覺有一部分功能還是很實用的,可能是總體使用頻率並不高,所以被Axure的開發團隊拋棄了。

(1)項目設置功能

Axure RP9特性介绍及实用技巧分享

Axure RP8中的項目功能設置包含邊界對齊和DPI設置,這個邊界對齊功能還是非常有用的,我很疑惑為什麼沒有保留。去掉這個功能以後,使用新版本打開以前Axure RP8創建的文件,導致很多元件的邊框顯得比較粗,需要重新手動調整邊框對齊方式。

(2)團隊SVN功能

Axure RP9已經不再支持團隊SVN功能了,目前僅支持Axure Cloud功能,但是國內訪問Axure Cloud速度並不是特別理想。Axure的開發團隊去掉這個功能明顯並沒有顧及到中國用戶的需求,但是如果不需要使用團隊功能,其實影響不會太大。

(3)格式刷功能

Axure RP8中的格式刷功能用於將一個元件的樣式快速複製到其它元件上,在新版本中這個功能被“粘貼樣式”取代了。在Axure RP9中選中一個元件後右擊選擇“複製”,然後選擇另一個元件右擊選擇“粘貼選項—粘貼樣式”就可以了。

(4)草圖效果功能

Axure RP9特性介绍及实用技巧分享

Axure RP8草圖效果功能在新版本中也被刪除了,個人感覺這個功能一直挺雞肋的,所以影響不是很大。

(5)標誌設置功能

Axure RP9特性介绍及实用技巧分享

Axure RP8的標誌設置功能,設置後會在演示框架中顯示。由於Axure RP9對演示框架進行了簡化,所以這個功能也沒有保留。

(6)移動端設置功能

Axure RP9特性介绍及实用技巧分享

Axure RP8的移動端設置功能,用於輸出在移動設備上進行演示的相關設置,本人覺得是很有必要的保留的。這個功能在Axure RP9中去除後輸出的原型中想要實現類似的效果,需要手動修改對應的HTML文件。

(7)高級設置功能

Axure RP9特性介绍及实用技巧分享

很少使用到這個功能,去除後影響不大。

10. 幾點補充的說明

  1. Axure RP8和9是可以同時安裝和運行的,如果還不想在正式項目中使用Axure RP9的同學,建議可以先安裝體驗一下。
  2. Axure的特性是使用低版本保存的文件可以在高版本中打開,而使用高版本的保存的文件則無法在低版本中打開。所以使用Axure RP9編輯舊版本文件時,建議做好備份工作。
  3. Axure RP8編輯界面中的元件是無法直接複製到9的編輯界面中的,直接複製過去的元件都會變成圖片,需要先使用9打開後才能進行復制。
  4. 如果你的團隊在協作中比較依賴Axure RP8中的團隊SVN功能,建議慎重考慮是否升級到Axure RP9,具體原因在第9點中介紹過。

本文由 @windir 原創發佈於人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基於CC0協議


分享到:


相關文章: