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

編輯導語:Axure 是建立軟體原型的快速有力的工具,然而對於很對使用者來說,他們可能沒有接受過正式的培訓,不知道如何以恰當的方式來更有效率的使用axure。基於此,本文作者為大家總結了幾個能夠提升Axure使用效率的小技巧,希望看後對你有所幫助。

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

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

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

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

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

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

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

元件越少,意味著你的頁面結構越簡單,也就越容易進行頁面內容的調整。

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

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

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

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

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

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

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

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

關於提升Axure使用效率的幾個小技巧
三、合理的使用Master【母版】,減少重複性設計

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

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

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

  1. 覆寫的文字無法自適應,會依賴與母版內部元件的樣式設定;如果一個矩形或文字中有不同樣式的文字,覆寫的文字會以第一個字(包括空格)的樣式為主(包括空格),如果使用母版的覆寫功能,則內部元件的設計不建議做簡化處理;
  2. 未填寫文字的矩形或是圖片無法進行文字覆寫;
  3. 覆寫了資料的母版在脫離母版時,內部元件會被覆寫的文字或圖片替換。
關於提升Axure使用效率的幾個小技巧

母版中元件的結構、樣式或是內容發生變動時,所有引用該母版的頁面都會發生變動(文字或圖片被覆寫,則不會發生變動)。

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

關於提升Axure使用效率的幾個小技巧
四、合理的使用Repeater【中繼器】進行排版,提高工作效率

中繼器簡而言之,就是一個整合了介面、邏輯和小型資料庫的一個複合元件,在改進和個性化定製介面及使用者互動的同時,不需要重新編寫業務邏輯,有興趣的同學可以瞭解一下MVC框架。

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

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

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

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

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

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

五、合理的設定Interactions【互動事件】,提升元件的複用性

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

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

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

在互動事件的設定上,最好結構清晰,同時也可以考慮如何建立便於擴充套件的互動事件。

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

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

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

很多人喜歡在原型頁面中,新增與原型或是說明文件無關的元素,比如手機外觀或是狀態列等,不建議這樣做。

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

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

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

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

關於提升Axure使用效率的幾個小技巧
七、需要注意的點

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

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

當我們透過Axure9預覽設計好的原型頁面時,頁面的載入沒有問題,但是釋出在本地後進行訪問時,會發現頁面的載入異常緩慢,這是因為生成的頁面在啟動時要載入線上的Google字型。

用記事本一類的軟體開啟Start.html,我們可以發現這麼一行程式碼

解決這個載入緩慢的方法就是將該程式碼註釋掉:九、寫在結尾的話

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

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

作者:GrowingPM;公眾號:GrowingPM

本文由 @GrowingPM 原創釋出於人人都是產品經理,未經許可,禁止轉載

題圖來自 Pexels,基於 CC0 協議

版權宣告:本文源自 網路, 於,由 楠木軒 整理釋出,共 2496 字。

轉載請註明: 關於提升Axure使用效率的幾個小技巧 - 楠木軒