❶ Axure RP 9中关于图片的那些神操作,你真的都知道吗
我们经常会有这样的一个需求,看到了一张喜欢的图片,希望在图片上方能够加上一段营销文案。Axure RP 9为我们提供了这样的功能,能够满足我们的需求。选中图片,鼠标右键菜单选择“编辑文本”,这个时候我们就可以在图片上编辑文字了,还可以调整文字的大小、字体及颜色等。
切割图片俗称切图。Axure 提供了3种切图模式,十字架切割、水平切割和垂直切割。选中图片,鼠标右键单击,在弹出菜单中选择“切割图片”或在右侧样式面板中点击“刀子”形状的图标,这个时候图片上方会出现十字架虚线,十字架交叉处即为切点。移动鼠标,切点随鼠标一起移动,切割模式下,鼠标的光标变成了一把“刀子”。点击鼠标,完成切图,原来的一张图片被分割成了4张图片。切割模式下,可以根据实际的需求,点击右上角状态栏中的水平线或垂直线,选择水平切割或垂直切割,找准切点,点击鼠标,完成切割,将一张图片分割成两张图片。点击右上角的“关闭”按钮,取消切割,退出切割模式。
Axure RP 9为我们提供了三种裁剪方式:裁剪、复制、剪切。我们来分析下三种裁剪方式的不同。裁剪图片,保留选定区域,删除选区以外的部分;复制图片,在不破坏原图的情况下,复制选定区域的图片部分;剪切图片与裁剪图片相反,从原图中删除选定的区域,保留未选定的部分。选中图片,鼠标右键单击,在弹出菜单中选择“裁剪图片”或在右侧样式面板中点击裁剪图标,图片周围出现了一个虚线矩形框,拖拽矩形框中的方形节点,控制裁剪区域,双击鼠标,完成裁剪。点击设计区域右上角的裁剪、复制和剪切可以选择剪裁的方式,默认为剪裁。
固定边角范围:顾名思义就是固定图片边角的范围,当我们拉伸图片时,保留边角原有的样式,边角部分不会出现变形。当我们在网络中看到一张喜欢的图片,希望在原图上作出一些小的调整即可运用到我们的原型设计中,这样也能节省我们的原型制作时间。如下图所示,我们需要在密码输入框下方增加一行验证码输入框而又使得图片不变形。选中图片,点击右侧样式面板中的“固定边角范围”,拖动图片边框上的红色三角形,调整边角范围,三角形之间的空白区域即为我们添加验证码输入框的位置。
利用Axure可以对图片进行水平翻转和垂直翻转。鼠标右键单击,在弹出菜单中选择“水平翻转”或“垂直翻转”。
调整颜色:Axure RP 9可以为导入的图片调整颜色了,这是9.0版本新增的一项实用功能。选中图片,点击右侧样式面板中的“三个水平滑竿”图标,弹出调整颜色面板,选中“调整颜色”复选框,拖动滑竿或输入数值设置图片的颜色、饱和度、亮度和对比度。用过Photoshop的同学,相信对这个功能一定不会陌生。颜色、饱和度和亮度被称之为颜色的三要素,通过颜色三要素我们跳调教出任何一种RGB颜色。点击调整颜色面板中的“重置”按钮,将图片恢复为原来的颜色。