前端学习之路之Axure RP 9的下载及其简易上手(1)

汉化Axure RP 9下载地址:

链接:https://pan.baidu.com/s/1UJeCwBm9YcvG0II63fktmw?pwd=4k5l 
提取码:4k5l 

直接解压使用即可。


Axure的使用:

界面布局:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第1张图片

 顶部为工具一栏,用于实现各种主要操作。

左一为站点地图,方便看清逻辑关系。

左二为元件库,内含可以调用的所需元件。

中间为画布,在画布上可以绘制任何使用者想要的原型内容。

右侧为元件属性界面,可以改变元件名称、样式等,实现一些交互功能和添加注释。

简单操作:

鼠标在元件库中点击元件拖到画布上:

点击这些点可以改变图形的大小:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第2张图片

 黄色的三角形可以改变图形的圆角程度:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第3张图片

 双击图形可以在内部添加文字:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第4张图片

工具栏操作:

选择模式分为相交选择和包含选择,其中相交选择只要鼠标拖的框与元件任意部分接触即选中元件,而包含选择需要鼠标拖的框包含元件才可以选中元件。

点击连接功能,可以实现元件和元件之间的连接:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第5张图片

插入功能可以插入图像和形状:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第6张图片

 控点功能,通过添加控点,鼠标拖动控点来将元件变为任何形状:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第7张图片

顶层和底层是用来修改元件之间的图层顺序的:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第8张图片

 组合功能则是将多个元件变为一个元件:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第9张图片

 比例可以通过点击或者摁住Ctrl+鼠标滑轮来进行调整:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第10张图片

 点击画布左上角类似准心的小图形或者摁Ctrl+9,即可回到画布原点的位置。

(值得一提的是,当用户使用的是搜狗输入法时,点击小图形后不会发生任何反应)

当选中多个元件时,可以使用这些排列功能:

 它们分别是左侧对齐、居中对齐、右侧对齐、顶部对齐、中部对齐、底部对齐、水平等距排列、垂直等距排列。

前端学习之路之Axure RP 9的下载及其简易上手(1)_第11张图片

 红色框内的是样式和位置大小的设置,其中样式参考word即可。位置大小中x和y是元件在画布中的坐标,h和w是高和宽,当点击锁图标后,元件就会锁定高宽比。 

前端学习之路之Axure RP 9的下载及其简易上手(1)_第12张图片

样式 这一栏可以改变元件的大小、形状、字体、填充和边框等,可以看做是顶部样式的补充。

 交互这一栏用给元件添加交互,例如点击跳转、点击变色、显示隐藏等交互。

 前端学习之路之Axure RP 9的下载及其简易上手(1)_第13张图片

给该元件添加一个点击隐藏的交互,点击预览,点击该元件,发现元件消失了:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第14张图片

注释是用来给元件添加说明的,可以告知使用者该元件的注意信息:

前端学习之路之Axure RP 9的下载及其简易上手(1)_第15张图片

 前端学习之路之Axure RP 9的下载及其简易上手(1)_第16张图片

本人第一次写博客,如有错误,欢迎大家在评论区指出,谢谢各位的浏览。

你可能感兴趣的:(Axure,学习,axure)