Discuz! Board

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 2|回复: 0

盘点:Axure基础使用技术详情

[复制链接]

29万

主题

0

回帖

89万

积分

超级版主

Rank: 8Rank: 8

积分
890496
发表于 2025-3-3 20:21:33 | 显示全部楼层 |阅读模式


对于Axure原型工具,在工作的过程中有许多好用的技巧可以运用,使得工作效率更加高速。本文整理了Axure9的使用技巧,包括连接线、预览刷新、自适应文本高度宽度、浏览器字体大小、速对齐调整间距等内容。?

Axure这个软件功能强大,可以做出很多交互效果,直接通过拖拽画出原型、生成页;

通过打开Axure软件,原型文件后缀是*rp。通过后续的教学可以梳理出以下要点:当与甲方沟通时,可以有以下种方式:



*rp文件

菜单栏-文件-导出图片

菜单栏-发布-生成HTML文件



1、菜单栏



其中,经常使用的菜单功能有:



文件-导出图片:当前打开页面对应的单张图片、所有页面

编辑-捷键:保存、撤销

视图-重置视图:当关闭某个窗口,可通过此次菜单速恢复窗口视图

布局-组合、对齐、分布,在工具栏也有速按钮,包含shift键多选元件、组合后右键或者概要中进行重命

布局-显示格和对齐辅助线

发布-预览、预览选项、生成HTML文件,在工具栏也有速按钮

2、工具栏

工具栏中基本工具有一些是菜单栏中的速按钮,样式工具是功能设置中的样式。其中特殊的有:



缩放,也可Ctrl和+或者-进行放大或者缩小

连接线

对两个元件进行连接,有自动聚焦功能,且连接线可进行设置:线条颜色、线条粗细、线条样式、箭头样式。根据不同的业务进行对应的连接线设置。





3、页面导航

页面是项目页面的导航面板,在这里面可以对所有设计的页面进行添加、删除、重命和组织等。



页面视图要有项目结构,便于管理。概要是针对一个页面中所有元件的浏览与设置。





4元件库

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

这里显示的是所有的组件,后面的一部分是流程图组件。系统默认显示的线框图类型的部件。









还可以使用iconfont图标库里的图标



使用iconfont图标需要在google浏览器中安装axhub插件,安装完成后,直接复制自己喜欢的图标即可





5母版

作用:风格的统一、元件的复用



新建母版:已有元件,右键生成母版



左下角新建母版



使用:从左下角拖拽使用



行为方式:任意位置、固定位置



只要修改母版,每个页面的引用的母版内容就会改变





二、表单案例

设置表单内容





、自适应

可以根据窗口的分辨率自动调整页面样式。我们需要在页面属性中开启自适应:



四、交互

交互类型

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



交互样式(仅对当前元件的样式进行更改):选中元件,鼠标右键,选择【交互样式…】,选择交互触发类型,选择要更改的交互样式。



交互动作(带有逻辑性):选中元件,在右侧交互面板选择交互事件类型,设置动作。



交互情形(带有逻辑性):设置交互动作,在交互动作中添加情形并设置情形对应的动作;当某个元件的值满足A情形的时候做A动作,满足B情形的时候做B动作。





选择对应的交互事件



选择交互事件后,选择要执行的动作



设置对应的交互事件





定义链接

定义链接可以让一个组件响应一个动作时(如鼠标点击、飘过)链接到其他页面。

在Axure里提供了四种链接方式:

1、链接到设计中的页面;

2、连接到外部址或文件;

3、重新载入当前页面;

4、上个页面。





五、菜单互斥效果

点击某个元件,右键选择样式效果,可设置某个动作后元件的样式



选中需要互斥效果的元件,右键选择指定选择组,设置组,可将选中的元件设置互斥效果









通过对比可以看出Axure 原型库更具有一定的优势,同时也拥有很大的性价比。Axure模板网为产品经理提供各种软件开发Axure RP产品原型模板下载,Axure组件及素材免费下载,为产品经理提高设计效率,保持产品一致性。https://www.axure9.com

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|足球新闻网

GMT+8, 2025-3-15 19:02 , Processed in 0.112240 second(s), 18 queries .

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表