axure商城

財付通TID分享:Axure心得大法

在日常產品設計中,從產品經理到開發,Axure已經成為了標準的溝通工具及設計工具,交互設計環節也確實起到了產品設計和產品開發之間的關鍵作用。但是,通過跟很多產品經理的接觸和溝通,我發現對于Axure這個設計工具的使用,有很多不熟練的地方,結果導致了效率低下,甚至影響產品設計的表達。

在日常產品設計中,從產品經理到開發,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技巧問題,歡迎大家一起探討,找出更優的高效率技巧,共同提升設計效率和質量。

給TA買糖
共{{data.count}}人
人已贊賞
高級教程

用AxureRP做實例原型設計的步驟

2012-5-4 3:52:34

高級教程

Axure教程:怎么用Axure寫產品需求文檔

2012-11-8 3:41:50

axure商城
0 條回復 A文章作者 M管理員
    暫無討論,說說你的看法吧
?
個人中心
購物車
優惠劵
今日簽到
有新私信 私信列表
搜索
俄罗斯videoxxxoo