作爲PM,你居然不知道Axure這10種非交互功能?

提到Axure,這可是絕大多數PM童鞋靠著吃飯的傢伙事兒。Axure被很多人定義為一個以交互見長的原型設計工具。很多初入坑甚至入坑甚久的PM為畫出炫酷的原型挖空了心思。我想這對Axure的初衷一定是有誤解。

作为PM,你居然不知道Axure这10种非交互功能?

先來看看百度百科對Axure的定義:

Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速原型設計工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖流程圖原型規格說明文檔。作為專業的原型設計工具,它能快速、高效的創建原型,同時支持多人協作設計版本控制管理。

由此歸納出,Axure更應該是一個文檔工具。它擁有豐富的卻被很多PM忽視的文檔撰寫功能。或許因為浮躁的市場導向,致使很多PM片面的將Axure當作交互工具來用,甚至模糊了產品工作的邊界,為了堆砌而堆砌,反而顯得很不專業。

作者總結以下非交互功能,希望可以拋磚引玉。如果還可以引發大家對Axure文檔功能的重視,便再好不過了。

一、notes:控件和頁面註釋

越來越多的PM開始用Axure來寫PRD,但行內並不存在約定成俗的文檔規範。作者目前為止見過的Axure版PRD中,大部分採用原型+旁邊文字標註的方法來表達產品邏輯。其實,notes才是Axure官方推薦的邏輯標註方式。

Axure官網對notes的介紹:

控件註釋和頁面註釋是與控件和頁面關聯的文本元數據。它們可以用來記錄規範,將控件和頁面與項目需求、文檔更改、以及與團隊成員進行溝通。註釋字段可以被命名,有一些不同類型的註釋字段可採用文本、選擇列表、數字和日期,而頁面只有文本類型註釋字段。

首先選中要準備標註的控件,然後在右側檢視器的notes(漢化為說明)選項卡中進行文本輸入。

作为PM,你居然不知道Axure这10种非交互功能?

點擊「自定義字段」可以添加更多的字段類型,以便規範條理進行邏輯註釋。

作为PM,你居然不知道Axure这10种非交互功能?

有兩種方式可以展示註釋,一種是選擇側邊欄的NOTES選項卡,另一種是點擊有添加註釋的控件右上角藍色的腳註圖標即可展示。

作为PM,你居然不知道Axure这10种非交互功能?

二、團隊協作功能

Axure被一些童鞋吐槽的很大一部分原因是「無」團隊協作功能,以至於很多童鞋狠心拋棄Axure轉向了新生代的墨刀此類的協作功能突出的原型工具。其實,Axure很早已經具備了協同工作和在線發佈的能力,只是由於操作門檻相對較高而已。

這個功能大家可以配合Axhub這個網站使用,操作門檻會被極大程度的降低。

Axure支持將原型文件一鍵上傳到自己的SVN空間中,可以實時預覽。首先選擇「團隊」,再選擇「從當前文件創建團隊項目」

作为PM,你居然不知道Axure这10种非交互功能?

在SVN選項卡中輸入自己的SVN地址即可提交上傳。

作为PM,你居然不知道Axure这10种非交互功能?

三、版本控制管理

基於上面提到的團隊協作功能,用戶每次提交的更新Axure都會有詳細的更改記錄。

作为PM,你居然不知道Axure这10种非交互功能?

操作路徑為:「團隊」然後「瀏覽團隊項目歷史記錄」

作为PM,你居然不知道Axure这10种非交互功能?

四、草圖效果

在樣式選項卡一欄,有草圖/頁面效果功能,可以設置手繪風格的「扭曲度」,默認是0,數字越大畫出的線越扭曲。線框圖瞬間變為手繪風格。

作为PM,你居然不知道Axure这10种非交互功能?

草圖效果:

作为PM,你居然不知道Axure这10种非交互功能?

五、如何生成無導航欄的預覽效果

很簡單,把生成的html文件的第一個頁面名稱改成index,然後把文件夾裡所有的start相關的頁面全部刪除掉就可以了。

作为PM,你居然不知道Axure这10种非交互功能?

無導航欄的預覽效果:

作为PM,你居然不知道Axure这10种非交互功能?

六、流程圖功能

一站式流程圖功能,從此告別第三方流程圖工具,極大節約時間成本。Axure的V8.1.0.3352版本將之前的19個流程圖圖標增加到了37個,甚至有技術層面的圖標類型可供調用。

作为PM,你居然不知道Axure这10种非交互功能?

更新後的圖標庫:

作为PM,你居然不知道Axure这10种非交互功能?

七、頁面快照

先選擇「頁面快照」元件,點擊快照可以引用任何一個頁面,以此來繪製頁面流程圖。在預覽模式中,點擊快照可以快速定位到所引用的頁面。

作为PM,你居然不知道Axure这10种非交互功能?

八、一鍵生成頁面流程圖

在需要生成流程圖的頁面組上右鍵,選擇「生成流程圖」,頁面流程圖就生成了。

作为PM,你居然不知道Axure这10种非交互功能?

生成的頁面流程圖:

作为PM,你居然不知道Axure这10种非交互功能?

九、為原型添加LOGO

點擊「發佈」「生成html文件」

作为PM,你居然不知道Axure这10种非交互功能?

然後選擇「標誌」,便可以導入你的logo圖片以供在預覽原型時展示。

作为PM,你居然不知道Axure这10种非交互功能?

預覽後展示的LOGO:

作为PM,你居然不知道Axure这10种非交互功能?

十、標尺輔助線

在原型設計繪製過程中經常需要對齊,通過在左側或上部的標尺上點擊並拖動,便可拉出一條輔助線。

作为PM,你居然不知道Axure这10种非交互功能?

以上也只是一部分,畢竟Axure已經走過16個年頭,肯定隱藏很多我們未挖掘出來的長尾功能。如果大家有用到作者未提到的貼心功能,不妨留言,互相學習。

題圖來自 Unsplash ,基於 CC0 協議


分享到:


相關文章: