Axure RP9基础

685 阅读4分钟

今天刚开始用Axure RP9 来设计交互原型 也简单的整理和记录一下基础功能以及自己做图时一些解决方式

因为之前没用过这款软件,所以在此谈谈基础的用法。如果想知道交互怎么用 可以直接拉到最下! (排版很丑,大家先将就将就!)

界面介绍

(从应用上方的工具栏 从左到右介绍)

一、复制,剪切及粘贴区域

使用方式和win电脑的快捷键相同,Ctrl X为剪切,Ctrl C为复制,Ctrl V为粘贴。不同于Axure 8 的格式刷,你只要选择某个元件,按下复制按钮或快捷键,然后选中另一个元件按下Ctrl Alt V即可将前一个元件的格式及公共交互部分复制并粘贴到后一个元件上,这就是Axure RP 9的神秘格式刷。

二、选择模式

这个是应用左上角的选择模式,当界面上画了很多很多方框的时候,很难精确批量的选择我们想要选中的元件。所以需要用到不同的模式帮助我们。

第一个,一个小虚线框里边装着三个小框的模式是指当我们的鼠标范围选中元件的任意面积,即可选中当前元件;

第二个一个小虚线框中间放着一个小方框的模式是指当我们鼠标选取完全覆盖当前元件的所有面积的时候,才能选中元件。

后边那个一个框连着一个框的是指连接线,Axure可以用于画流程图,画流程图,连接线就必不可少啦。

三、插入形状

这里可以选择如图的几个工具,基本用途和图片编辑没太大区别,在选择矩形、椭圆或直线工具的时候,在绘制的同时按住Shift键,可以绘制正方形、圆形、水平线或垂直线

四、点

选中元件,选择点,元件四周会出现菱形的小方块儿,拖动方块就可以任意改变元件的形状,右键元件,选择编辑控点也可以达到同样的效果。

五、置顶和置底

这个就是将选中的元件至于最下层或最上层,类似权重,最上层就离屏幕最近,最底层就离屏幕最远(反正我是点击右键- 选择顺序来操作)

六、组合和取消组合

它可以方便管理大量元件,选中多个元件,可以组合起来变成一个组,可以一起操作(比如你需要一起隐藏它们,就都组合起来)组合快捷键Ctrl+G,取消组合是Ctrl+Shift+G

七、调整大小

按住Ctrl,可以通过鼠标滚轮来放大缩小视距, 不同的是这里可以选择:

Fit Selection(放大显示你当前的元素,会尽可能装下它)

Fit All(显示你的所有内容)

大家可以自行体会!

八、对齐

强迫症当然需要它啦!提供了8种对齐方式,分别是左对齐、居中对齐、右对齐、顶部对齐、居中、底部对齐、横向均与分布、垂直均匀分布。

注意:每一种对齐方式都需要选中多个元件,以第一个选中的元件为标准,将后面选中的元件与第一个选中的元件对齐

九、元件样式

选择不同的样式有不同的效果,比如标题、文本等,不做详细介绍,在使用过程中自行体会

十、文本设置

用来调整字体,字号,对齐方式等等

十一、元件样式

可以填充颜色,边框颜色,边框大小,边框线类型和元件的坐标

十二、左侧面板

这一部分还挺多的,一开始被这里难住了。(不小心手滑叉掉了页面栏,大家可以通过左上角视图来打开它们)

十三、右侧面板

有样式,交互,注释三栏

样式
  • 可以控制元件的样式,有位置和尺寸,默认隐藏(小眼睛),透明度,排版,背景颜色,边框设置,阴影,圆角,边距

交互

  • 用来写逻辑的,为元件绑定事件,去完成对应的逻辑。
    你可以右键点击事件来添加用例,然后去设置用例的条件,我这里的变量可以设置,(点击左上角项目-全局变量来设置),通过变量来完成条件,(注意条件的if和else可以通过右键 IF 那一栏来转换),最后通过点击条件下面的 加号 来链接事件,完成操作。

注释

注释就是注释咯,兄弟萌都知道!

最后:如果也是刚接触的小伙伴,可以像我一样,在元件上多点击右键来查看需要的操作,还有操作元件的时候一定要点到它们的[小方框]出来之后再操作,希望大家都可以快速上手!