Axure RP界面设计初探:基础操作与实用技巧

Axure RP是目前流行的设计精美的用户界面和交互软件。Axure RP提供了一组丰富的RP。 UI 控件,这些控件根据它们的应用领域进行分类。作为Axure的国产替代品,它可以在线协同工作,浏览器可以在不下载客户端的情况下立即打开和使用。如果以前用Axure,想切换到即时设计,直接拖Axure是很简单的。即时设计工作台上的RP文件,可以一键导入Axure文件,云加载流畅,省时省力,高效迁移。

1、什么软件是Axure?

即时设计------可实时在线编辑的专业设计工具

Axure是目前流行的设计精美的用户界面和交互软件。Axure已经存在了近十年,它使UX设计者能够很容易地了解软件原型的创建细节。作为一种原型设计工具,Axure拥有一个强大的社区,通过许多例子和熟练的交互为UX世界做出了贡献。

从更高的层次来看,下面是 Axure 提供的功能:

图表及文档:有效原型设计采用动态内容。

条件流:精美的动画增强互动性

适应视图:支持 Windows 和 Mac

对快速原型的制作,Axure RP提供了各种各样的工具和技术,总是帮助分析师和用户体验设计师实现最终目标。

2、使用Axure教程

安装 Axure 之后,您将看到下面屏幕截图所示的界面。在你选择不显示之前,这个屏幕将永远显示在启动时。

您可以选择Axure屏幕上的以下选项:

在 Axure 在中间创建一个新文件

打开现有的Axure项目

作为Axure的国产替代新的即时设计,可以在线协同工作,浏览器可以在不下载客户端的情况下打开和使用。即时设计支持团队成员同步编辑设计,产效翻倍。

让我们用Axure来创建一个新的文件。

当你单击"NEW FILE"按下按钮,你会看到下面的屏幕来创建新的原型。

如下图所示,工作区分如下:

2.1、页面导航栏

这部分显示了Axure正在处理的页面。这些页面显示在默认的树木结构中,如下所示。主页上有以下子页面。您可以继续使用给定的结构或根据需要更改它们。因此,右键单击任何页面,然后您将看到添加、移动、删除、重命名和复制等选项。这部分允许与原型中的页面互动,就像大多数可用的不同工具一样。您可以使用它来规划预期原型中的屏幕。

假如以前使用Axure,想要切换到即时设计,那就很简单了。将Axure文件直接拖到即时设计工作台,可以一键导入Axure文件,云端加载流畅,省时省力,高效迁移。

**第一模块:**是 Axure 的菜单栏,也是原型设计工具的基本内容。我们在菜单栏可以进行文件的导入和导出,还可以更改文件的不同格式,便于文件的传输。

  • **Edit (编辑):**就是关于文件的最基础的操作,我们可以复制粘贴文件,可以撤销操作记录等。

  • **View (视图):**可以编辑可收起面板的大小和占据空间。

  • **Project(工程):**可以完成各种工程类项目,允许团队成员协同工作。

  • **Arrange (布局):**对齐、分布在工具栏也有快速按钮,包含 Shift 键多元件,组合后进行重命名。

  • **Publish(发布):**我们可以进行预览选项、生成 HTML 文件,在工具栏也有快速按钮。

  • **Team(团队):**点击这个选项,就可以邀请团队成员共同编辑项目,文件扩展名为 rpteam。

  • **Account & Help:**是账号管理和帮助中心,这里可以解决关于账号和答疑的内容。

**第二模块:**是 Axure 的站点地图,它相当于我们产品的一个架构。在这个模块,可以区分一级页面、二级页面。

**第三模块:**是 Axure 的部件库,我们使用鼠标直接拖拽到编辑区域即可。这里可以使用默认的部件库,也可以使用其他人共享的,我们在学习的时候,可以在网站上找一个适合自己的,到了后期,我们还可以自己制作部件库。

**第四模块:**是 Axure 的工作区域,这里就是创作中心。

**第五模块:**是 Axure 的部件管理区域,在这一区域有部件的交互、注释、属性、样式和管理功能。

Axure 的免费版是有为期 30 天的试用期,新手朋友们在使用的时候,可以每天使用 Axure,学习的过程中就可以考虑后续是否要购买

  • 个人版为每月 29 美元,年订阅价格为每年 288 美元;

  • 团队版为每月 49 美元,年订阅价格为每年 588 美元。

2.2 、元件库

原型所需的大部分控件都可以用于元件区域。Box是一种典型的可用控件。、Image、Placeholder、Buttons等等。Axure RP提供了一组丰富的RP。 UI 控件,这些控件根据其应用领域进行分类。组件区域的类别如下:Common、Forms、Menus and Table和Markup。

一般库存包括基本形状、按钮、标题文本、热点、动态面板等。使用Axure RP,根据您所有的原型设计要求,提供了一种非常有效的控制方法,称为Hot。 Spot。使用这个控件,您可以为UI中几乎任何一个控件提供单击交互。

即时设计具有非常成熟的原型设计功能,内置编辑页面的组件库可以让小白快速搭建APP产品的低保真原型。同时提供多种互动动作,可以直接在编辑页面演示动态效果。

2.3 、母版区

母版是一个可重复使用的线框,将创建一次并广泛应用于后续页面。使用Axure RP,当我们创建母页时,页面的变化将应用到正在使用的页面上。如果你想开始使用Masters,你可以专注于Masters部分,如下面的屏幕截图所示。原型的母版可以通过添加、删除或编辑母页/文件夹来组织,也可以选择特定的母版进行编辑。

2.4 、页面编辑区

在这个区域,您可以将所需的控件从元件区域拖放。让我们用这个数据库创建一个快速菜单栏。从元件区域,Classic Menu - Horizontal control拖动到设计区域。当控件被拖动到设计区域时,你会看到下面的屏幕。

如图所示,Axure RP足够智能,可以在菜单上显示预期文本。考虑到这是一个菜单栏,Axure File在控件中自动创建RP、Edit和View是菜单。右边检查器部分显示控件的属性。在创建复杂原型时,使用这一部分为您的控件创建一个名称,以获得唯一的标记。

美中不足的是,Axure的设计空间相对封闭,Axure文件可以在实时设计中导入,然后自由进行二次布局、评估、演示和共享。此外,即时设计支持添加组件使用说明,可以注明文本或添加网站链接。

低保真原型图-低保真原型图模板https://js.design/special/resource-tag/low-fidelity-prototype.html

2.5 、页面属性

在规划原型时,对用户有一个清晰的认识是有意义的,所以对原型上显示/检查的设备有一个清晰的认识。为了获得与原型互动的最佳体验,Axure提供了设置页面属性的功能。

通过Adaptive部分,将Axure文件导入即时设计,然后进入响应网页设计。即时设计以智能矢量设计为重点,还支持创建响应动态框架的自动布局和智能选择,并提供全新的钢笔工具、画板工具和造型工具,大大提高了设计效率。

不同的自适应视图由不同的屏幕尺寸和布局查看的同一页面组成。一般来说,自适应视图是为手机和平板电脑设计的。Axure提供了自适应视图的功能,所以UX设计师可以从零开始掌握原型的反应。

可实时在线编辑的专业设计工具------即时设计https://ad.js.design/online/prototype/?source=csdn&plan=xy806学习 Axure 时,我们需要不断地去操练每个模块的功能,我们也可以每次只学习一个模块,分成 5 个时间段来学习,专项操练或许是最省事最省钱的方法了。好啦,以上就是关于关于新手入门必看的 Axure 操作秘籍,希望对你有所帮助。

相关推荐
槐月杰5 小时前
2025ArkTS基础UI(一)——Column、Row、Text组件
ui·arkts·鸿蒙·鸿蒙系统
Quz13 小时前
QML输入控件: TextArea的应用(带行号的编辑器)
qt·ui
Quz20 小时前
QML Loader:延迟加载与动态切换
qt·ui
江沉晚呤时3 天前
C# 状态模式深度解析:构建灵活的状态驱动系统
开发语言·javascript·数据库·ui·ajax·c#·ecmascript
benben0444 天前
Unity3D仿星露谷物语开发34之单击Drop项目
游戏·ui·unity·游戏引擎
benben0444 天前
Unity3D仿星露谷物语开发33之光标位置可视化
游戏·ui·unity·游戏引擎
ailinghao4 天前
使用Cusor 生成 Figma UI 设计稿
ui·ai·figma
湛谷Gooyuit5 天前
LVGL修改标签文本,GUI Guider的ui不生效
ui
baivfhpwxf20235 天前
WPF 免费UI 控件HandyControl
ui·wpf
夏之小星星5 天前
element-ui自制树形穿梭框
前端·javascript·ui·elementui·vue