web前段Axure的初步认识和应用

2022-08-01,

Axure的初步认识和应用

Axure RP是一款专业的快速原型设计工具。Axure(发音:Ack-sure),代
表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

优势:
1.Axure这个软件功能强大,可以做出很多交互效果,直接通过拖拽画出原型、生成网页;
2.Axure这个软件效果高,只有遵循一些可用性原创,很快模拟出高保真页面原型。

一、认识Axure页面

(1)菜单栏
File文件 Edit 编辑 view视图 project项目 arrange布局 publish发布
team团队 account账户 help帮助

(2)工具栏
Select选择 connect链接
Pen钢笔(1.闭合自动结束 2.弧度 鼠标按住不动)

(3)地图站点目录结构
页面是项目页面的导航面板, 在这里面可以对所有设计的页面进行添加、
删除、重命名和组织等。

(4)元件库
组件面板中包括有线框图组件和流程图组件两种类型,用这些组件可以
进行线框图和流程图的相应设计。

链接文本框:创建链接在properties中的create link
单选框(设置排斥性 设置到统一的组合中 eg——男女 gender)

载入元件库/创建元件库/卸载元件库(元件库排头右边三杠)

Iconfont 和fontawesome有官方图标元件 可以下载使用
(5)母版
母版是一种可重复利用的页面,比如页面的模板、导航栏、页首、页脚等这些类似的元素都可以通过模块来调用。使用母版的好处是:修改模块时,原型中所有使用该模块的地方都会跟着一起修改。这样在设计时可以提高效率并且易于管理。母版的面板和站点地图有点类似,可以添加、组织、编辑。

可将元件创造为母版:

母版的行为包括:正常、作为背景、自定义组件三种类型。
正常:这是默认状态,就是修改模块时,引用到页面的模块会跟着一起修改。
作为背景:当把模块调用到页面时会放置底层并且锁定。
自定义:这种模块可以在页面中进行修改而不会引起其他模块变化,类似于复制。

母版在Axure的使用非常普遍,它可以帮助我们去复用模块,我们通常把软件中一些多次重复使用的模块转化为母板
(6)属性 注释 样式

1.注释有根据页面能做出的全局解释,也有对单个元件做出解释
2.样式包括线条的颜色 粗细 填充的颜色 字体粗细大小等
!填充:填充是指图片和边框的距离 间隙:是指图片和图片 或元件与元件之间的距离
3.属性
自适应(在属性下方)
设置在屏幕范围之内或之外,内容显示可以转变适应页面。

元件的事件交互情况
Axure里的交互动作大致包括:定义链接、设置动作、多个条件场景、页面上的交互四种类型。

设置菜单eg衣服:连衣裙衬衫裤子
1.做好事件元件
2.页面视图改好备注
3.设置鼠标点击事件

设置点击衣服一级项目显示二级项目并推动电子元件下滑

运行效果
1-1

1-2

按赞数的运行
1.做好点赞和点赞数元件
2.目标是鼠标到拇指上会变大 点击拇指按赞数会增加

(7)页面视图
页面内包括的元件,组合都在页面视图
可以双击或者rename改名注释 方便操作

二、其他

1.选项组:我们可以把一组按钮或者一列菜单设置为一个选项组,当设置为选项组后,那么该选项组中的元件只有一个能被选中。
2.动态面板:动态面板在axure里经常被使用到,它是一个多层容器。举例来说,好比一本书有很多页面,每一个页面(层)放不同内容,他可以与其它元件组合使用,实现动态切换改变面板状态。
3.中继器:它可以帮助你在原型页面中保存数据,并且提供增删改查等功能,帮助你完成复杂的交互场景。例如:添加一个好友后,好友列表里就新增一行对应的记录。

三、矢量图标网站
1.矢量图标字体font-awesome中文网 http://www.fontawesome.com.cn
2.阿里巴巴矢量图标库 http://iconfont.cn/home/index

本文地址:https://blog.csdn.net/Ann1223/article/details/107497698

《web前段Axure的初步认识和应用.doc》

下载本文的Word格式文档,以方便收藏与打印。