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 操作秘籍,希望对你有所帮助。

相关推荐
军训猫猫头1 小时前
20.抽卡只有金,带保底(WPF) C#
ui·c#·wpf
wuningw2 小时前
ant-design-ui的Select选择器多选时同时获取label与vaule值
ui·arcgis
SoraLuna7 小时前
「Mac畅玩鸿蒙与硬件47」UI互动应用篇24 - 虚拟音乐控制台
开发语言·macos·ui·华为·harmonyos
晓纪同学17 小时前
QT创建一个模板槽和信号刷新UI
开发语言·qt·ui
程序视点2 天前
【安全漏洞】Vue UI库Vant组件遭恶意投毒,字节RspacK也中招!请紧急修复!
前端·vue.js·ui
m0_748238782 天前
前端使用 Konva 实现可视化设计器(20)- 性能优化、UI 美化
前端·ui·性能优化
m0_748239332 天前
随手记录第十四话 -- 在 Spring Boot 3.2.3 中使用 springdoc-openapi-starter-webmvc-ui
spring boot·后端·ui
Ke-Di2 天前
Unity-URP设置单独渲染UI相机
ui·unity
Tester_孙大壮2 天前
从想法到实践:Excel 转 PPT 应用的诞生之旅
ui·powerpoint·excel
三天不学习2 天前
uni-app 跨端开发精美开源UI框架推荐
ui·uni-app·开源