在日常產品設計中，從產品經理到開發，Axure已經成爲了標準的溝通工具及設計工具，交互設計環節也確實起到了產品設計和產品開發之間的關鍵作用。但是，通過跟很多產品經理的接觸和溝通，我發現對於Axure這個設計工具的使用，有很多不熟練的地方，結果導致了效率低下，甚至影響產品設計的表達。藉着上週開了第一期產品設計工作坊的機會，我把自己使用Axure過程中的一些心得提煉出來，供大家參考，共同提升產品設計的效率及質量。
一、框架
目前大多數的顯示器都至少是19寸大屏或是寬屏，而網站的寬度還是按照1024爲最大設計，因此，網站完成後，只要是固定寬度的，都會在屏幕兩邊留白。所以，爲了保證產品原型在網頁中預覽的真實效果，在原型設計之初就要考慮左邊的留白，如下圖，不與瀏覽器貼邊的框架既爲了保證預覽效果，也爲了在此後的設計中保留擴展的空間（例如增加一些浮動的功能模塊）。
二、底色與網格
在Axure的默認設置中，網格是存在的，Master是紅色的，而動態面板分爲兩種狀態，分別用藍色和黃色表示可見與不可見兩種狀態。所有這些，構成了設計中嚴重的干擾因素。如下圖：
所以，我們需要關閉這些視覺干擾的因素，祕訣就在於“Wireframe”菜單中，通過以下簡單的設置，就能還原我們設計畫布中的所見即所得效果，網格的關閉並不影響元素在畫布中的吸附對齊功能：
三、輔助線
在任何一個設計工具裏，輔助線都是重要的部分，使用也是相當簡單，從畫布左邊及頂部的尺子刻度上點擊並拖動到畫布中。然而輔助線也是影響視覺設計的一個因素，因此，在使用完畢後可重新拖動到刻度上刪除。
四、元素選擇
同時操作界面上的元素涉及到元素的選擇，由於頁面元素會相當多，並且有分層的概念，因此會出現相互遮蓋的情況。爲了解決選擇的方便性與效率，Axure提供了三種快捷的方法：
1）鎖定（lock）。選中元素之後，可以鎖定，元素的輪廓變爲紅色，表示不可操作。當鎖定的元素與未鎖定的元素一起選中時（例如ctrl+A），鎖定的元素是不可移動的；只有單獨選中鎖定的元素時，纔可使用Delete鍵刪除。
2）Group 顧名思義，就是把頁面上的多個元素打包成一個，作爲整體進行操作，從而提高效率。
3）最後一個無法使用圖來表示，當多個元素疊加在一起時，在下方的元素是看不見的，因此無法直接選擇，此時有一種技巧，即：在疊加的元素位置連續單擊，可以自上而下逐級選擇元素。連續單擊的兩個要點：一是鼠標不能移動，二是連續的速度要放慢，不能成爲雙擊。
五、整齊原則
頁面的整齊與對齊是美觀的重要因素，Axure提供了多種維度的對齊按鈕，完全滿足了界面排版的需要，如下圖，當選擇了多個元素時，對齊工具欄激活，包括了左對齊，垂直居中對齊，右對齊，頂對齊，水平居中對齊，底對齊，水平間距等分，垂直間距等分。
六、圖片裁切
對於產品經理來講，使用已經上線的元素搭建產品原型是很方便的手段，從外部copy的圖片粘貼到Axure裏，可能需要對圖片二次加工，Axure提供了很方便的裁切功能：
選中圖片之後，右鍵菜單中的“Slice Image”
接下來鼠標就會變成一把裁刀，以裁刀爲中心分四個方向切割。有同學問：我只想橫向或者縱向切怎麼辦？答案很簡單，把刀移除圖片區域即可。
七、一個方形組成世界
由於Axure的侷限，畫圖功能是受人詬病最多的。Axure無法畫圖，無法旋轉，無法畫斜線。。。。。僅能提供默認的以下圖形：
然而世界是簡單的，因爲我們有萬能大法：遮蓋。
只要利用現有的圖形，結合顏色與線條的組合，通過相互的遮蓋和group，可以方便的組合出我們想要的各種圖形。
下圖是三個形狀組成的冒泡：
當然，作爲原型設計來說，我們並不需要太複雜的圖形，如果一定要做出高保真的原型，可以使用外部工具製作，然後貼圖進來了，這是更方便的做法了。
以上是我跟產品設計人員溝通過程中遇到的Axure技巧問題，歡迎大家一起探討，找出更優的高效率技巧，共同提升設計效率和質量。
