關於提升Axure使用效率的幾個小技巧

學習瞭解軟件的過程，價值遠遠大於使用它的過程。

一般來講，在不考慮動效交互或是文本交互，比如文本輸入、單選複選、下拉等等，通過矩形這一個系統組件基本上就能夠完成產品原型的製作，包括PRD文檔。

在Default→Common類別下的絕大多數組件，例如文本，段落、標題，按鈕等等，都是由矩形通過樣式調整得來，以便輔助我們能夠更加快速的創建原型。

而像動態面板、中繼器、內聯框架等組件，看似我們並不常用，實則非常有用；如果使用得當不僅可以進一步的提高我們的工作效率，讓我們更快更好的創建原型，而且還能讓我們創建出的原型更加的便於維護管理且易於複用。

接來下我會分享一些我在日常工作中總結的實用技巧，如果有哪些內容不甚理解，可以在文章下方留言，我會根據情況，結合這些技巧輸出一些簡單案例的教程，來幫助大家更好地理解。

一、合理使用Style【樣式】精簡原型Widget【組件】，降低維護管理成本

組件越少，意味着你的頁面結構越簡單，也就越容易進行頁面內容的調整。

越是複雜的組件，尤其是列表單元格，越是建議做這樣的處理。

二、合理的使用Dynamic Panel【動態面板】，方便對頁面的結構進行層次管理

動態面板是一個具有層級結構的容器組件，可以對頁面內的組件進行層級管理。

同時位於其內部的組件座標值不會受外部的座標軸影響，配合特定的交互事件：Pin to Browser【固定到瀏覽器】，會讓頁面的佈局或動態面板的展示變得更加簡單。

原型頁面間的層級結構，不建議使用動態面板。

三、合理的使用Master【母版】，減少重複性設計

母版適用與結構一致且重複的組件，比如列表單元格，但其實小到一個按鈕，大到一個具有完整功能的複合組件模塊，都可以依據使用場景將其轉換為母版。

Axure9新增了覆寫的功能，可以在母版上直接修改文本及替換圖片，需要注意的是：

1. 覆寫的文本無法自適應，會依賴與母版內部組件的樣式設置；如果一個矩形或文本中有不同樣式的文本，覆寫的文本會以第一個字（包括空格）的樣式為主（包括空格），如果使用母版的覆寫功能，則內部組件的設計不建議做簡化處理；
2. 未填寫文本的矩形或是圖片無法進行文本覆寫；
3. 覆寫了數據的母版在脱離母版時，內部組件會被覆寫的文本或圖片替換。

母版中組件的結構、樣式或是內容發生變動時，所有引用該母版的頁面都會發生變動（文本或圖片被覆寫，則不會發生變動）。

如果母版的尺寸調整較大，比如大於或小於原尺寸，引用該母版的頁面需要手動調整，避免頁面結構發生錯亂，如果要使用母版，一定要避免這種情況的發生。

四、合理的使用Repeater【中繼器】進行排版，提高工作效率

中繼器簡而言之，就是一個整合了界面、邏輯和小型數據庫的一個複合組件，在改進和個性化定製界面及用户交互的同時，不需要重新編寫業務邏輯，有興趣的同學可以瞭解一下MVC框架。

很多產品經理並不是非常喜歡使用中繼器這個組件，要麼覺得複雜，要麼覺得沒必要（現有功能已經足夠）。

然而如果拋開對數據集進行CRUD等複雜交互操作，只是將其應用於排版和頁面設計，這個組件其實並沒有多麼的複雜，熟練掌握後還會在很大程度上提升自己的工作效率。

中繼器的合理使用，會讓頁面中大量重複的組件被精簡，更加便於原型的維護管理與修改。

如果對數據的增刪改查（CRUD）等操作感興趣，也可以深度的學習一下中繼器這個組件，可以簡單培養一下自己的技術思維。實際工作中，如果不喜歡使用中繼器去創建列表頁，則列表項不需要製作很多，結構為主，示意為輔。

五、合理的設置Interactions【交互事件】，提升組件的複用性

其實除了常用的點擊跳轉，其他的交互基本上很少用，對於新人來講，通過Axure學習和實現一些特殊的交互事件，是一種鍛鍊邏輯思維很好的方式方法。

在我們設計交互原型時，會隱藏一些組件，在特定的交互動作下觸發後顯示，我們常用的方式是直接隱藏該組件，但這種方式並不便於我們對其進行維護管理，所以我們可以像下面這麼處理。

在交互事件的設置上，最好結構清晰，同時也可以考慮如何創建便於擴展的交互事件。

以上兩種方式都可以實現我們想要的效果，為什麼建議採用後者，有興趣的可以嘗試做一下以下例子，看看以哪種方式更加簡單，但關於交互的設置還是以個人習慣為主。

六、合理的使用Inline Frame【內聯框架】，降低固定組件對頁面結構的干擾

很多人喜歡在原型頁面中，添加與原型或是説明文檔無關的元素，比如手機外觀或是狀態欄等，不建議這樣做。

如果希望通過添加手機外觀來增強演示的效果，可以通過Inline Frame，這樣設計和演示就不會互相影響。

在後台產品的設計中，也可以使用這種方式。

七、需要注意的點

母版、中繼器以及交互事件一定要避免濫用，在學習軟件或是練手的時候可以多加嘗試；但在實際的工作中，則需要根據個人對軟件的掌握程度以及工作場景剋制使用。

八、補充小技巧，Axure9生成原型在預覽時加載緩慢的解決辦法

當我們通過Axure9預覽設計好的原型頁面時，頁面的加載沒有問題，但是發佈在本地後進行訪問時，會發現頁面的加載異常緩慢，這是因為生成的頁面在啓動時要加載在線的Google字體。

用記事本一類的軟件打開Start.html，我們可以發現這麼一行代碼

解決這個加載緩慢的方法就是將該代碼註釋掉：九、寫在結尾的話

Axure的使用技巧，其實是非常多的，需要在學習和工作中慢慢體會，在這裏就不展開了。

工具是死的，但人活的，對於Axure工具的學習和使用，何嘗不是在對Axure做產品和應用分析，對其理解的越深刻，使用起來越是得心應手，而學習瞭解這個軟件的過程，價值遠遠大於使用它的過程。

作者：GrowingPM；公眾號：GrowingPM

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

題圖來自 Pexels，基於 CC0 協議