当前位置: 移动技术网 > IT编程>开发语言>JavaScript > web学习Day1——Axure的初步认识和应用

web学习Day1——Axure的初步认识和应用

2020年07月22日  | 移动技术网IT编程  | 我要评论

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

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网