剪圖俗稱剪圖。Axure提供三種切割模式:橫向切割、橫向切割和縱向切割。選擇壹張圖片,右鍵單擊,在彈出菜單中選擇“剪切圖片”或在右側樣式面板中單擊“刀”形狀的圖標。這時,圖片上方會出現壹條十字虛線,十字的交點就是切點。移動鼠標,切點隨鼠標移動。在切割模式下,鼠標的光標變成壹把“刀”。點擊鼠標切圖,原圖分成四幅。在裁剪模式下,可以點擊右上角狀態欄中的水平線或垂直線,選擇水平裁剪或垂直裁剪,找到切點,點擊鼠標完成裁剪,將壹張圖片分成兩張圖片。點擊右上角的“關閉”按鈕,取消切割,退出切割模式。
Axure RP 9為我們提供了三種切割方式:切割、仿形、切割。下面我們來分析壹下三種切割方式的區別。裁剪圖片,保留選中區域,刪除選中區域以外的部分;復制圖片,即在不破壞原圖的情況下,復制選中區域的圖片部分;剪圖和剪圖是相反的。從原圖中刪除選中的區域,保留未選中的部分。選擇壹張圖片,右鍵單擊,在彈出菜單中選擇“裁剪圖片”或在右側的樣式面板中單擊裁剪圖標。圖片周圍出現壹個虛線矩形框,拖動矩形框中的方形節點控制裁剪區域,雙擊鼠標完成裁剪。單擊設計區域右上角的裁剪、復制和剪切,選擇裁剪方法。默認為裁剪。
固定轉角範圍:顧名思義,就是固定畫面的轉角範圍。我們在拉伸圖片的時候,保持了邊角的原有風格,邊角部分不會變形。當我們在網絡中看到壹張喜歡的圖片,我們希望在原圖上做壹些小的調整,應用到我們的原型設計中,這樣也會節省我們的原型制作時間。如下圖所示,我們需要在不扭曲圖片的情況下,在密碼輸入框下方增加壹行驗證碼輸入框。選擇壹張圖片,點擊右側樣式面板中的“固定邊角範圍”,拖動圖片邊框上的紅色三角形,即可調整邊角範圍。三角形之間的空白區域是我們添加驗證碼輸入框的地方。
Axure可以用來水平和垂直翻轉圖片。右鍵單擊並從彈出菜單中選擇“水平翻轉”或“垂直翻轉”。
調整顏色:Axure RP 9可以對導入的圖片進行顏色調整,這是9.0版本中新增的實用功能。選擇壹張圖片,點擊右邊樣式面板中的“三個水平滑塊”圖標,會彈出顏色調整面板。選擇“調整顏色”復選框,拖動滑塊或輸入數值來設置圖片的顏色、飽和度、亮度和對比度。用過Photoshop的同學肯定對這個功能很熟悉。色彩、飽和度、亮度被稱為色彩三要素,通過它我們可以教授任何RGB顏色。單擊顏色調整面板中的“重置”按鈕,將圖片恢復到原始顏色。