【Axure10】繪圖區域

繪圖區域爲軟件操作的主要區域。也是原型製作的編輯區域。Axure可以做到基本的編輯與實際預覽效果同步展示。。

注:有些交互事件的觸發需要進行預覽,例如動態面板交互,數據賦值交互等。

設置繪圖區域尺寸

每一個頁面都是一個繪圖區域,在平常我們使用的時候需要針對不同的類型,進行尺寸的約束。

頁面區域新建完成後,可在樣式區域選擇對應的頁面尺寸。

操作步驟:

  • 可以在選中頁面後,在頁面的樣式一欄進行編輯當前頁面的尺寸。例如設置繪圖區域爲手機樣式。
  • 選擇了對應的尺寸後,預覽可展示區域和不可展示區域在繪圖區域上有顏色的區分。

繪圖區域的合理控制

一:隨意拖動

按住鍵盤的空格鍵+鼠標左鍵可以進行繪圖區域的拖動。

鼠標滾軸:頁面上下滾動

Shift+鼠標滾軸:頁面左右滾動

二:大小比例

1、可以通過頂部進行比例調整。

2、通過使用鍵盤快捷鍵

“Ctrl” 與“+”組合進行繪圖區域的放大。

“Ctrl” 與“-”組合進行繪圖區域的縮小。

“Ctrl” 與“鼠標滑輪”組合進行繪圖區域的放大與縮小(滾動鼠標滑輪)。


啓用畫布負空間

啓用狀態(灰色區域爲畫布負空間)

未啓用狀態

畫布負空間啓用後,可以在負座標系中進行對應的原件編輯,負坐系中編輯的內容,在預覽和生產對應的HTML文件時均不進行展示。可以進行部分交互動畫、信息備註等使用。

同時因爲負空間的啓用,整體畫布可以無限向左移動。

注:關於負空間功能,從Axure 9初加入此功能就有很多爭議 ,於是官方加入了控制開啓與關閉的功能,整體來說,此功能主要取決於使用場景,如果部分網頁原型編輯需要高保真時,負空間中能夠承載更多的元素,方便做部分交互動畫,如左移入等等。同時也可以通過縮放移動畫布,友好的編輯靠近左邊緣的內容。關於是否啓用還是按照個人習慣。

負空間技巧:

1、負空間有利於我們結合對拖動對原型的左邊緣細節進行調整。

2、負空間內容在預覽中是不進行展示的,可以進行一些備註,備用方案的放置。

3、負空間可以進行一些交互效果的製作,例如:左劃入,可以通過控制元件移動實現。

低保真度

低保真度:

可以讓畫布變爲黑白灰樣式,減少色彩干擾。(簡化版的Axure 8中的草圖功能)。

使用技巧:如果原型輸出後,擔心會影響設計的視覺,可以進行開啓這個功能。

未開啓低保真度

開啓低保真度:原有的色彩爲灰階顏色。

控制標尺的顯示與隱藏

標尺:用於頁面中距離尺寸的參考。

顯示標尺可以通過鼠標在標尺範圍內拖出頁面參考線。

顯示標尺可以進行一鍵復位,一鍵復位位於兩個標尺的相交之處(小圓點),點擊復位可以使畫布區域直接恢復到初始的狀態,即座標(0、0)。

一鍵復位支持快捷鍵。

快捷鍵:Ctrl+9 一鍵復位

參考線

參考線是在Axure中常用的對齊方式參考工具之一。通過直接拖到標尺,即可建立頁面參考線。參考線可以分爲橫豎兩種參考線。

注:拖動創建參考線時,需打開標尺。標尺打開方式。畫布中右鍵-標尺、網格和參考線-顯示標尺。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章