本文介绍Axure RP9的原型预览方式和SVG图片操作设置;属于基础功能。
目录
I.原型预览方式
II.SVG图片操作设置
I.原型预览方式
1.导出为图片
点击【文件】-下拉选择【导出XXX为图片】即可
2.快捷键操作
F5直接预览
F6预览设置:可以设置预览模式打开的方式;
3.生成本地文件夹
生成原型页面到本地文件夹中,打开start.html文件;
4.发布到axure sahre中,生成链接。
(1)首先要确保账户是登录状态(输入自己的账户就行)
(2)点击发布到云
(3)进行对应设置后发布即可;可以直接复制URL链接进行共享。
II.SVG图片的操作设置
1.SVG图标资源库
http://www.iconfont.cn/collections/index 阿里巴巴矢量图标库
可找到对应的图标,进行下载
在这个界面中,可以调整颜色,选择下载的图标文件格式
2.举个栗子
(1)下载一个SVG格式的位置图标,并拖动到软件中
可以使用新浪微博账号和Github账号登录,登录之后才能够下载图标文件。
该图库支持导出SVG,AI,PNG三种格式的文件。
(2)选中图标——鼠标右键——【变换图片】——【转换SVG图片为形状】
进行颜色更改等操作
注:形状可以进行编辑,设置颜色等操作
3.简单方法
用谷歌浏览器的插件,打开阿里巴巴矢量库网址,可以一键复制所选图标到axure中
(1)打开谷歌浏览器,点击右上角的,【更多】——【扩展程序】
(2)找到axhub 这个插件,添加到扩展程序中
(3)届时打开阿里巴巴矢量库网站,找到所需图标,看到该图标上多了一个选框,点击并粘贴到axure中即可。
(4)这时按照2.(2)进行操作,即可更改颜色。
4.图片功能
除上述操作外,还提供了其他图片设置功能。
(1)图片切割——切图
提供了3种切图模式:
十字架切割
水平切割
垂直切割
(2)图片裁剪
3种:
裁剪
复制
剪切
(3)固定边角范围
其实就是固定图片边角的范围,当我们拉伸图片时,保留边角原有的样式,边角部分不会出现变形。
(4)图片翻转
可以进行水平翻转、垂直翻转。
内容很简单,可手动操作进行一些图片的设置。
有疑问可留言call me。