最近人机交互课要求用Axure制作一个软件原型,然后就接触到这个软件。最开始没有什么概念,在网上看了几个案例之后就觉得这个软件太厉害了。软件开发前期忽悠甲方必备?哈哈哈哈哈哈哈。今天就大概讲一下使用这个软件的一些心得
Axure简单来说就是将各种框框条条、图片组合起来,设计出一个软件的大致外观框架,我理解的是开发一个软件之前画的草稿,设计出这样一个原型之后就能确定大概的方向,能够尽可能地减少开发过程中出现修修改改的情况吧
这个软件总体来说入门很简单,只要有想象力、懂得常用的元件怎么用基本就可以
我认为常用的元件:
- 矩形:我认为矩形一般可以用来当作一个底板,可以设置填充颜色作为背景,然后可以在矩形内部添加其他的元件,这样做也能够很清晰地进行区域划分;也可以改变矩形的样子或者用几个矩形进行结合、相交等操作创作出喜欢的图形
- 图片:一个原型如果只是由几个矩形组合在一起来表达内容会显得很苍白无力,所以可以通过添加图片、图标来美化原型。这里推荐一个图标网站 https://www.iconfont.cn/ 这是阿里的网站,里面有很多免费的图标,而且可以自定义图标的颜色
- 按钮:设计出一个软件不能是死的,必须要能够交互,那么就肯定会用到按钮,确认、取消、保存等很多场景都会用到按钮,但有一说一,按钮和矩形也差不多
- 文本标签:软件需要有图、有文字、有交互,所以文字也很关键。文本标签可以用来写一些提示之类的简短的文字,方便用户理解
- 文本框:和文本标签不同的是,文本框既可以显示内容,也可以进行编辑,可以用来在类似登录输入账号密码的地方使用
- 水平(垂直)线:线段最好的用途就是用来划分区域,让结构更清晰
- 动态面板:可以理解成是一个页面中的页面,也可以理解为一个页面中可能出现的不同状态,动态地选择其中的一个状态显示。选择动态面板一般是因为几个状态比较相似,没有必要创建过多的新页面;还有一种可能就是模拟手机上下滑动屏幕。它的优点是切换状态比切换页面流畅。
我认为常用的交互操作:
- 打开链接:如果需要切换页面,那么就要用到打开链接,给切换页面的按钮加上鼠标单击时打开链接就可以了
- 显示/隐藏:可以用来制作弹框的出现和消失,或者进行某些操作之后显示内容都可以用显示/隐藏来解决
- 设置面板状态:动态面板的交互就用这个来处理,最常见的就是用来切换面板的不同状态
- 设置文本:可以用来切换矩形、文本标签等显示的文字,例如点击某个按钮之后修改显示的文字
- 移动:可以用来实现一些简单的动画,还可以模拟出手机屏幕上下滑动。
可能还有其他很方便的元件、交互操作我没讲到,那只是因为我在设计原型的时候没怎么用到,理解不太到位。
母版的操作:
母版就像是一个模具,提前做好一个样式之后,需要用到的页面直接拿来用就可以了,从而减少了一些重复的操作。制作母版只需要将模具做出来之后选中所有元件然后右键选择转换为母版即可,以后就把它当作一个元件来使用就可以了。
模拟手机屏幕滑动:
在页面中先创建一个动态面板,可以看作是一个屏幕
进入State1这个状态中,再创建一个长度大于屏幕的动态面板作为滑动的内容
在内容的状态里加入你想要添加的内容后效果是这样
最后给作为屏幕的动态面板添加交互操作:拖动时->移动,移动的是作为内容的动态面板,同时需要设置边界,边界上界为顶部<=0,下界要根据内容的长度确定,使用一个函数[[LVAR1.Height-LVAR2.Height]],其中LVAR1,LVAR2为变量,分别代表屏幕和内容,两个长度相减就得到应该往下滑多少距离
总结:
多学一样是一样哈哈哈哈哈