摘要：Axure 作為一款原型設(shè)計(jì)工具纽谒，在進(jìn)行原型制作過(guò)程中經(jīng)常需要使用圖片，并且還會(huì)對(duì)圖片進(jìn)行一些加工操作如输。本文總結(jié)Axure RP 9中那些與圖片有關(guān)的操作功能并介紹其使用方法鼓黔，大家也可以對(duì)照查看，這些功能你真的用對(duì)了嗎不见，或者有哪些是你不曾留意的強(qiáng)大功能澳化。
| 文字編輯
我們經(jīng)常會(huì)有這樣的一個(gè)需求，看到了一張喜歡的圖片稳吮，希望在圖片上方能夠加上一段營(yíng)銷文案缎谷。Axure RP 9為我們提供了這樣的功能，能夠滿足我們的需求灶似。選中圖片列林，鼠標(biāo)右鍵菜單選擇“編輯文本”，這個(gè)時(shí)候我們就可以在圖片上編輯文字了酪惭，還可以調(diào)整文字的大小希痴、字體及顏色等。
| 圖片切割
切割圖片俗稱切圖撞蚕。Axure 提供了3種切圖模式润梯，十字架切割、水平切割和垂直切割甥厦。選中圖片纺铭，鼠標(biāo)右鍵單擊，在彈出菜單中選擇“切割圖片”或在右側(cè)樣式面板中點(diǎn)擊“刀子”形狀的圖標(biāo)刀疙，這個(gè)時(shí)候圖片上方會(huì)出現(xiàn)十字架虛線舶赔，十字架交叉處即為切點(diǎn)。移動(dòng)鼠標(biāo)，切點(diǎn)隨鼠標(biāo)一起移動(dòng)，切割模式下腕够，鼠標(biāo)的光標(biāo)變成了一把“刀子”坛怪。點(diǎn)擊鼠標(biāo)，完成切圖挡毅，原來(lái)的一張圖片被分割成了4張圖片。切割模式下，可以根據(jù)實(shí)際的需求桶略，點(diǎn)擊右上角狀態(tài)欄中的水平線或垂直線，選擇水平切割或垂直切割诲宇，找準(zhǔn)切點(diǎn)际歼，點(diǎn)擊鼠標(biāo)，完成切割姑蓝，將一張圖片分割成兩張圖片鹅心。點(diǎn)擊右上角的“關(guān)閉”按鈕，取消切割纺荧，退出切割模式旭愧。
| 圖片裁剪
Axure RP 9為我們提供了三種裁剪方式：裁剪、復(fù)制宙暇、剪切榕茧。我們來(lái)分析下三種裁剪方式的不同。裁剪圖片客给，保留選定區(qū)域用押，刪除選區(qū)以外的部分；復(fù)制圖片靶剑，在不破壞原圖的情況下蜻拨，復(fù)制選定區(qū)域的圖片部分；剪切圖片與裁剪圖片相反桩引，從原圖中刪除選定的區(qū)域缎讼，保留未選定的部分。選中圖片坑匠，鼠標(biāo)右鍵單擊血崭，在彈出菜單中選擇“裁剪圖片”或在右側(cè)樣式面板中點(diǎn)擊裁剪圖標(biāo)，圖片周圍出現(xiàn)了一個(gè)虛線矩形框，拖拽矩形框中的方形節(jié)點(diǎn)夹纫，控制裁剪區(qū)域咽瓷，雙擊鼠標(biāo)，完成裁剪舰讹。點(diǎn)擊設(shè)計(jì)區(qū)域右上角的裁剪茅姜、復(fù)制和剪切可以選擇剪裁的方式，默認(rèn)為剪裁月匣。
| 固定邊角范圍
固定邊角范圍：顧名思義就是固定圖片邊角的范圍钻洒，當(dāng)我們拉伸圖片時(shí)，保留邊角原有的樣式锄开，邊角部分不會(huì)出現(xiàn)變形素标。當(dāng)我們?cè)诰W(wǎng)絡(luò)中看到一張喜歡的圖片，希望在原圖上作出一些小的調(diào)整即可運(yùn)用到我們的原型設(shè)計(jì)中萍悴，這樣也能節(jié)省我們的原型制作時(shí)間头遭。如下圖所示，我們需要在密碼輸入框下方增加一行驗(yàn)證碼輸入框而又使得圖片不變形退腥。選中圖片任岸，點(diǎn)擊右側(cè)樣式面板中的“固定邊角范圍”，拖動(dòng)圖片邊框上的紅色三角形狡刘，調(diào)整邊角范圍享潜，三角形之間的空白區(qū)域即為我們添加驗(yàn)證碼輸入框的位置。
| 圖片翻轉(zhuǎn)
利用Axure可以對(duì)圖片進(jìn)行水平翻轉(zhuǎn)和垂直翻轉(zhuǎn)嗅蔬。鼠標(biāo)右鍵單擊剑按，在彈出菜單中選擇“水平翻轉(zhuǎn)”或“垂直翻轉(zhuǎn)”。
| 調(diào)整顏色
調(diào)整顏色：Axure RP 9可以為導(dǎo)入的圖片調(diào)整顏色了澜术，這是9.0版本新增的一項(xiàng)實(shí)用功能艺蝴。選中圖片，點(diǎn)擊右側(cè)樣式面板中的“三個(gè)水平滑竿”圖標(biāo)鸟废，彈出調(diào)整顏色面板猜敢，選中“調(diào)整顏色”復(fù)選框，拖動(dòng)滑竿或輸入數(shù)值設(shè)置圖片的顏色盒延、飽和度缩擂、亮度和對(duì)比度。用過(guò)Photoshop的同學(xué)添寺，相信對(duì)這個(gè)功能一定不會(huì)陌生胯盯。顏色、飽和度和亮度被稱之為顏色的三要素计露，通過(guò)顏色三要素我們跳調(diào)教出任何一種RGB顏色博脑。點(diǎn)擊調(diào)整顏色面板中的“重置”按鈕憎乙，將圖片恢復(fù)為原來(lái)的顏色。
