1. 程式人生 > 其它 >Axure原型設計提升效率的8個小技巧分享

Axure原型設計提升效率的8個小技巧分享

Axure專為快速原型設計而生的應用,Axure破解版可以輔助產品經理快速設計完整的產品原型,並結合批註,說明以及流程圖,框架圖等元素。如何使用Axure設計工具提升效率,包括以下幾方面

1、通用元件庫使用

元件庫貴精不貴多,一方面是人有選擇困難症,元件庫太多反而會增加選擇的負擔,且無法記憶元件庫中所有的元件;另外一方面是不同元件庫之間的設計都不一致,新舊元件混合在一期,原型就變成了大雜燴,這是UI設計師深惡痛絕的。

2、定製元件庫

進入一個新的專案工作,遇到的最大難題是,沒有原型以及針對專案的元件庫,所有原型都需要重新畫。

有了通用元件庫,還不夠,遇到比較大型的專案,還需要針對專案定製元件庫,把專案通用的元件(選單、圖示、控制元件)、通用的互動(互動動效、資料驗證、無資料狀態)等進行封裝,方便專案的其他成員、後續的繼承者們可以進行復用,提升設計效率。

3、掌握Axure原型工具使用技巧

使用Axure過程當中,掌握一些技巧能讓我們達到事辦功倍的效果,提升互動設計效率,下面為大家整理下經常使用的技巧

  • 技巧一:頁面背景

Axure可以在頁面樣式中設定背景顏色,還可以上傳背景圖片

  • 技巧二:自動生成站點地圖

需要把整個站點的結構用樹形圖呈現出來,Axure有一個快捷的方法:在頁面導覽區域對準你希望生成樹形圖的主幹點右鍵,選擇“生成流程圖”,就能自動生成圖表形式的站點地圖。點選圖表上的每個控制元件,就會去到對應的頁面

  • 技巧三:內間距(填充)

在元件樣式中的“填充”可以設定元件內容與邊框的距離,下圖中的兩個矩形,一個沒有設定填充,一個有設定填充

  • 技巧四:圓角半徑

在元件樣式中的“圓角半徑”可以設定圓角及圓角應用範圍

  • 技巧五:邊框可見

在元件的樣式中,邊框線條可以設定需要顯示哪幾條邊框

  • 技巧六:對齊、分佈

在工具欄中可以設定元件對齊、分佈,選中多個元件選擇對齊方式,在分佈中可以快速將多個元件平等分佈對齊。

  • 技巧七:動態面板固定

在瀏覽器中經常見到的“返回頂部”按鈕,其實就可以用動態面板實現。右鍵動態面板,點選-固定到瀏覽器,然後設定懸浮位置

  • 技巧八:選項組名稱

在製作多個標籤切換同時只能有一個標籤呈選中效果時,只需全選標籤,在右側屬性中的“選項組名稱”為其命一個名稱,即可實現切換時只有一個選中。

Axure RP 9 中文啟用版:

https://www.macw.com/mac/42.html?id=MzAyODU5Jl8mMjcuMTg2LjEyNi44Mg%3D%3D

Axure RP 8 中文啟用版:https://www.macw.com/mac/135.html?id=MzAyODU5Jl8mMjcuMTg2LjEyNi44Mg%3D%3D

Axure原型設計元件庫請下載axure一庫應用:https://www.macw.com/mac/491.html?id=MzAyODU5Jl8mMjcuMTg2LjEyNi44Mg%3D%3D

包含後臺、網站、APP、微信等各個端的常用元件。尤其後臺部分,很多其他元件庫忽略了後臺。資料圖表、上傳圖片、設定標籤這些後臺常用的模組在一庫中都能找到。元件庫裡還寫了很多註釋。