Axure專為快速原型設(shè)計(jì)而生的應(yīng)用,Axure破解版可以輔助產(chǎn)品經(jīng)理快速設(shè)計(jì)完整的產(chǎn)品原型,并結(jié)合批注,說明以及流程圖,框架圖等元素。如何使用Axure設(shè)計(jì)工具提升效率,包括以下幾方面
1、通用元件庫使用
元件庫貴精不貴多,一方面是人有選擇困難癥,元件庫太多反而會(huì)增加選擇的負(fù)擔(dān),且無法記憶元件庫中所有的元件;另外一方面是不同元件庫之間的設(shè)計(jì)都不一致,新舊元件混合在一期,原型就變成了大雜燴,這是UI設(shè)計(jì)師深惡痛絕的。
2、定制元件庫
進(jìn)入一個(gè)新的項(xiàng)目工作,遇到的最大難題是,沒有原型以及針對項(xiàng)目的元件庫,所有原型都需要重新畫。
有了通用元件庫,還不夠,遇到比較大型的項(xiàng)目,還需要針對項(xiàng)目定制元件庫,把項(xiàng)目通用的元件(菜單、圖標(biāo)、控件)、通用的交互(交互動(dòng)效、數(shù)據(jù)驗(yàn)證、無數(shù)據(jù)狀態(tài))等進(jìn)行封裝,方便項(xiàng)目的其他成員、后續(xù)的繼承者們可以進(jìn)行復(fù)用,提升設(shè)計(jì)效率。
3、掌握Axure原型工具使用技巧
使用Axure過程當(dāng)中,掌握一些技巧能讓我們達(dá)到事辦功倍的效果,提升交互設(shè)計(jì)效率,下面為大家整理下經(jīng)常使用的技巧
技巧一:頁面背景
Axure可以在頁面樣式中設(shè)置背景顏色,還可以上傳背景圖片

技巧二:自動(dòng)生成站點(diǎn)地圖
需要把整個(gè)站點(diǎn)的結(jié)構(gòu)用樹形圖呈現(xiàn)出來,Axure有一個(gè)快捷的方法:在頁面導(dǎo)覽區(qū)域?qū)?zhǔn)你希望生成樹形圖的主干點(diǎn)右鍵,選擇“生成流程圖”,就能自動(dòng)生成圖表形式的站點(diǎn)地圖。點(diǎn)擊圖表上的每個(gè)控件,就會(huì)去到對應(yīng)的頁面

技巧三:內(nèi)間距(填充)
在元件樣式中的“填充”可以設(shè)置元件內(nèi)容與邊框的距離,下圖中的兩個(gè)矩形,一個(gè)沒有設(shè)置填充,一個(gè)有設(shè)置填充

技巧四:圓角半徑
在元件樣式中的“圓角半徑”可以設(shè)置圓角及圓角應(yīng)用范圍

技巧五:邊框可見
在元件的樣式中,邊框線條可以設(shè)置需要顯示哪幾條邊框

技巧六:對齊、分布
在工具欄中可以設(shè)置元件對齊、分布,選中多個(gè)元件選擇對齊方式,在分布中可以快速將多個(gè)元件平等分布對齊。

技巧七:動(dòng)態(tài)面板固定
在瀏覽器中經(jīng)常見到的“返回頂部”按鈕,其實(shí)就可以用動(dòng)態(tài)面板實(shí)現(xiàn)。右鍵動(dòng)態(tài)面板,點(diǎn)擊-固定到瀏覽器,然后設(shè)定懸浮位置

技巧八:選項(xiàng)組名稱
在制作多個(gè)標(biāo)簽切換同時(shí)只能有一個(gè)標(biāo)簽呈選中效果時(shí),只需全選標(biāo)簽,在右側(cè)屬性中的“選項(xiàng)組名稱”為其命一個(gè)名稱,即可實(shí)現(xiàn)切換時(shí)只有一個(gè)選中。


Axure原型設(shè)計(jì)元件庫請下載axure一庫應(yīng)用
包含后臺、網(wǎng)站、APP、微信等各個(gè)端的常用元件。尤其后臺部分,很多其他元件庫忽略了后臺。數(shù)據(jù)圖表、上傳圖片、設(shè)置標(biāo)簽這些后臺常用的模塊在一庫中都能找到。元件庫里還寫了很多注釋。