❶ Axure RP 9中關於圖片的那些神操作,你真的都知道嗎
我們經常會有這樣的一個需求,看到了一張喜歡的圖片,希望在圖片上方能夠加上一段營銷文案。Axure RP 9為我們提供了這樣的功能,能夠滿足我們的需求。選中圖片,滑鼠右鍵菜單選擇「編輯文本」,這個時候我們就可以在圖片上編輯文字了,還可以調整文字的大小、字體及顏色等。
切割圖片俗稱切圖。Axure 提供了3種切圖模式,十字架切割、水平切割和垂直切割。選中圖片,滑鼠右鍵單擊,在彈出菜單中選擇「切割圖片」或在右側樣式面板中點擊「刀子」形狀的圖標,這個時候圖片上方會出現十字架虛線,十字架交叉處即為切點。移動滑鼠,切點隨滑鼠一起移動,切割模式下,滑鼠的游標變成了一把「刀子」。點擊滑鼠,完成切圖,原來的一張圖片被分割成了4張圖片。切割模式下,可以根據實際的需求,點擊右上角狀態欄中的水平線或垂直線,選擇水平切割或垂直切割,找准切點,點擊滑鼠,完成切割,將一張圖片分割成兩張圖片。點擊右上角的「關閉」按鈕,取消切割,退出切割模式。
Axure RP 9為我們提供了三種裁剪方式:裁剪、復制、剪切。我們來分析下三種裁剪方式的不同。裁剪圖片,保留選定區域,刪除選區以外的部分;復制圖片,在不破壞原圖的情況下,復制選定區域的圖片部分;剪切圖片與裁剪圖片相反,從原圖中刪除選定的區域,保留未選定的部分。選中圖片,滑鼠右鍵單擊,在彈出菜單中選擇「裁剪圖片」或在右側樣式面板中點擊裁剪圖標,圖片周圍出現了一個虛線矩形框,拖拽矩形框中的方形節點,控制裁剪區域,雙擊滑鼠,完成裁剪。點擊設計區域右上角的裁剪、復制和剪切可以選擇剪裁的方式,默認為剪裁。
固定邊角范圍:顧名思義就是固定圖片邊角的范圍,當我們拉伸圖片時,保留邊角原有的樣式,邊角部分不會出現變形。當我們在網路中看到一張喜歡的圖片,希望在原圖上作出一些小的調整即可運用到我們的原型設計中,這樣也能節省我們的原型製作時間。如下圖所示,我們需要在密碼輸入框下方增加一行驗證碼輸入框而又使得圖片不變形。選中圖片,點擊右側樣式面板中的「固定邊角范圍」,拖動圖片邊框上的紅色三角形,調整邊角范圍,三角形之間的空白區域即為我們添加驗證碼輸入框的位置。
利用Axure可以對圖片進行水平翻轉和垂直翻轉。滑鼠右鍵單擊,在彈出菜單中選擇「水平翻轉」或「垂直翻轉」。
調整顏色:Axure RP 9可以為導入的圖片調整顏色了,這是9.0版本新增的一項實用功能。選中圖片,點擊右側樣式面板中的「三個水平滑竿」圖標,彈出調整顏色面板,選中「調整顏色」復選框,拖動滑竿或輸入數值設置圖片的顏色、飽和度、亮度和對比度。用過Photoshop的同學,相信對這個功能一定不會陌生。顏色、飽和度和亮度被稱之為顏色的三要素,通過顏色三要素我們跳調教出任何一種RGB顏色。點擊調整顏色面板中的「重置」按鈕,將圖片恢復為原來的顏色。