快速利用工具搭建原型是實踐證明可以降低溝通成本,開發前試錯的辦法,很多人心里接受的概念就是“XX只是一個工具而已,而交互設計不是用工具畫原型?!比缓罄@過了工具的學習,直接進入“更高層次”的學習,畫個原型始終一團糟。
如何使用Axure設計工具提升效率,包括以下幾方面
1、通用元件庫使用
元件庫貴精不貴多,一方面是人有選擇困難癥,元件庫太多反而會增加選擇的負擔,且無法記憶元件庫中所有的元件;另外一方面是不同元件庫之間的設計都不一致,新舊元件混合在一期,原型就變成了大雜燴,這是UI設計師深惡痛絕的。
2、定制元件庫
進入一個新的項目工作,遇到的最大難題是,沒有原型以及針對項目的元件庫,所有原型都需要重新畫。
有了通用元件庫,還不夠,遇到比較大型的項目,還需要針對項目定制元件庫,把項目通用的元件(菜單、圖標、控件)、通用的交互(交互動效、數據驗證、無數據狀態)等進行封裝,方便項目的其他成員、后續的繼承者們可以進行復用,提升設計效率。
3、掌握Axure原型工具使用技巧
使用Axure過程當中,掌握一些技巧能讓我們達到事辦功倍的效果,提升交互設計效率,下面為大家整理下經常使用的技巧
技巧一:頁面背景
Axure可以在頁面樣式中設置背景顏色,還可以上傳背景圖片
技巧二:自動生成站點地圖
需要把整個站點的結構用樹形圖呈現出來,Axure有一個快捷的方法:在頁面導覽區域對準你希望生成樹形圖的主干點右鍵,選擇“生成流程圖”,就能自動生成圖表形式的站點地圖。點擊圖表上的每個控件,就會去到對應的頁面
技巧三:內間距(填充)
在元件樣式中的“填充”可以設置元件內容與邊框的距離,下圖中的兩個矩形,一個沒有設置填充,一個有設置填充
技巧四:圓角半徑
在元件樣式中的“圓角半徑”可以設置圓角及圓角應用范圍
技巧五:邊框可見
在元件的樣式中,邊框線條可以設置需要顯示哪幾條邊框
技巧六:對齊、分布
在工具欄中可以設置元件對齊、分布,選中多個元件選擇對齊方式,在分布中可以快速將多個元件平等分布對齊。
技巧七:動態面板固定
在瀏覽器中經常見到的“返回頂部”按鈕,其實就可以用動態面板實現。右鍵動態面板,點擊-固定到瀏覽器,然后設定懸浮位置
技巧八:選項組名稱
在制作多個標簽切換同時只能有一個標簽呈選中效果時,只需全選標簽,在右側屬性中的“選項組名稱”為其命一個名稱,即可實現切換時只有一個選中。
挺好的,雖然大部分都已經知道了
多分享自己也會提高
寫的真不錯
感覺在說1+1=2
總有人需要
+1
?想要下載最新漢化組件
1