Axure学习使用

Axure学习使用_第1张图片

1.AXure工具使用介绍

上面的页面是Axure8 Beta版本的截图

视图上面的是针对某一个个体的设置,右侧的Properties是对页面交互的设置可以实现一些动作跳转的设定,Styles是对整体页面的字体左右对齐等等的设置,notes是注释可创建添加不同的注释,当鼠标点击上去的时候会显示不同的文字

左侧是Masters是母版,所谓母版就是创建母版可以在不同的页面中直接添加使用,可以直接添加到一部分页面中使用,可以从某部分页面中删除。

(二)

Axure学习使用_第2张图片

原件库

在Widgets也就是原件库可以添加原件库,可以自己定义添加原件,保存自己的新添加的原件,同时在回到原来的原件库点击右上角的刷新原件库进行刷新,这样在这个原件库中就会出现新添加的原件啦。

可进行原件库的编辑,删除,卸载原件,Axure官网提供很多原件,可以直接添加到Axure中,会一直存在。

交互

点击原型后会触发出不同的动作,更多中会设置不同的动作,交互触发不同的事件

原件的属性和样式

了解每个原件的属性和样式便于进行动态效果的设置,原件模板在outline:page中进行原件的管理

此上是学习小楼老师的教学视频

(三)

1.制作登录页面

Axure学习使用_第3张图片

添加图片的时候可以设置图片的边框,如果添加的图片不合适,属性(Propertity)里面提供啦对图片的裁剪和切割,切割就是把图片分成几部分。

调整过图片之后需要把图片的棱角去掉,点击保留角部属性,在调整图像。

带小笔的是调整页面的边框的颜色的,拖动圆角矩形上的按钮的数字能进行按钮数字的大小改变

设置鼠标悬停时的颜色,设置按钮的属性,设置鼠标悬停时的颜色就行啦。

鼠标悬停在图片上时有提示文字:在属性最下面的工具提示tooltip里输入提示的内容就可以啦

(四)

页面事件的跳转:

Axure学习使用_第4张图片

选中添加事件的跳转链接,添加本应用内的跳转。

Axure学习使用_第5张图片

添加跳转到url.

(五)

1.设置密码是圆点

把属性的类型设置为密码,文件,日期,数字等等。

2.点击用户名光标在用户名输入框

Axure学习使用_第6张图片

给文本框起个名字,设置点击用户名的时候光标停留在name文本框上

Axure学习使用_第7张图片

如果设置页面载入第一时刻在哪个位置光标,设置页面载入时的光标位置即可。方式和之前相同

3.点击登录用户名或者密码光标回到用户名处

添加创建一个新动作,帐号和密码不为空。  顶头可以选择面试全部and,或者任意一个or

Axure学习使用_第8张图片

你可能感兴趣的:(Axure学习使用)