天天看點

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

1、元素的選擇

用Axure制作原型時,如果界面上的元素很多,而且有分層、遮蓋的情況,這樣的話下層的元素就無法顯示了,但是有時候你可能隻需要選擇上層的一些元素,這時就對我們的選擇造成困擾。下面就和大家分享一下常用的解決方法:

1) 使用Lock鎖定

把你所需要的元素選擇的元素標明之後選擇鎖定,這個被標明元素輪廓就會變為紅色,不可操作,也不可移動。當你選擇全選時,鎖定的元素師不能移動的。操作示意圖如下:

a)将元素選中後點選鎖形圖示鎖定

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

b)鎖定後如下所示,如果想解鎖,點選取消鎖定圖示即可

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

2) 使用組合分組

把所需要的元素標明之後選擇鎖定,然後點選右鍵選擇組合,這樣你所選的元素就會自然的成為一組,可以随意的拖動一組内的元素,設定組合的互動事件。在将選中的元素放置到合适的位置之後,還可以分組元素進行拆分,點選右鍵取消組合即可。操作示意圖如下:

a) 将元素標明後,點選右鍵選擇紅框中的選項即可組成一組

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

b) 如果想拆分的話,選中元素後,右鍵選擇紅框中提示即可分組

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

2、動态面闆

動态面闆大家非常熟悉了,這裡就不再做過多的解釋,直接通過一個小示例向大家講解如何制作動态的顯示層。

1、假設要制作不同信用等級的資訊切換,先把第一個等級的資訊元素制作好。

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

2、選擇部分需要制作成動态面闆的内容,滑鼠右鍵選擇“轉換為動态面闆”,将所選中的元素轉換為動态面闆

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

3、轉換之後頁面上的元素即不能點選了,就好像是一張靜态的圖檔,這個時候我們要輕按兩下該元素,彈出如下對話框,在對話框中為該動态面闆起一個名字,也可以對狀态進行管理。

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

4、在點選動态面闆上方的等級按鈕,設定它的用例事件愛,讓動态面闆切換到相對應的狀态即可。

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

5、如果想把整個文檔全部都預覽可以按F5,如果隻是想預覽目前頁可按Ctr+F5,預覽效果如下:

1) 點選前

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

2) 點選後

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

3、帶遮罩的顯示

我們經常會遇到需要制作帶有遮罩的内容,比如突出重點提示的時候。有兩種制作方法:

1、拖拽矩形部件作為遮罩。矩形需要設定填充顔色和透明度。

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

将提示部件放置在遮罩的上層,将兩者同時隐藏。在點選按鈕的時候再将兩者同時顯示出來。

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

2、設定提示顯示的時候,選擇燈箱效果,調整顔色和透明度之後即可。

Axure使用心得分享1、元素的選擇2、動态面闆3、帶遮罩的顯示

這樣設定之後與第一種設定的效果是一樣的,但是這種方法有個缺點:隻要點選頁面的任何地方,顯示效果就會被取消掉。具體采用哪種方法還得根據具體的需要去考慮。

關于Axure這個原型制作工具,在我們使用的過程當中,有許多細節的地方,和許多實用的小方法,能夠對我們日常的工作帶來幫助。可能有些朋友還不是特别清楚,需要在日常的使用中慢慢去發現。

繼續閱讀