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文件可以在实时设计中导入,然后自由进行二次布局、评估、演示和共享。此外,即时设计支持添加组件使用说明,可以注明文本或添加网站链接。

低保真原型图-低保真原型图模板icon-default.png?t=N7T8https://js.design/special/resource-tag/low-fidelity-prototype.html

2.5 、页面属性

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/393597.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

OpenCV专栏介绍

在当今人工智能和计算机视觉领域,OpenCV作为一个功能强大的开源库,已经成为实现各种视觉算法的基石。本“OpenCV”专栏致力于帮助读者深入理解并掌握OpenCV的使用,从而在计算机视觉项目中发挥关键作用。 专栏导读 随着技术的不断进步&#…

e6.利用 docker 快速部署自动化运维平台

利用 docker 快速部署自动化运维平台 1. 安装docker2. 拉取镜像3. 启动容器4. 初始化5. 访问测试 Spug 面向中小型企业设计的轻量级无 Agent 的自动化运维平台,整合了主机管理、主机批量执行、主 机在线终端、文件在线上传下载、应用发布部署、在线任务计划、配置中…

Java程序员接单分享

作为一名Java程序员,这阵子通过承接些小型项目,我顺利跨过了月薪破万的门槛。这些项目虽小,却如同磨刀石般,让我在实战中发现了自身技术栈的棱角与不足,尤其是意识到了在Java这一浩瀚技术海洋中的诸多未知领域。我深知…

pytorch和deep learning技巧和bug解决方法短篇收集

有一些几句话就可以说明白的观点或者解决的的问题,小虎单独收集到这里。 torch.hub.load how does it work 下载预训练模型再载入,用程序下载链接可能失效。 model torch.hub.load(ultralytics/yolov5, yolov5s)model torch.hub.load(ultralytics/y…

WPF学习(10)-Label标签+TextBlock文字块+TextBox文本框+RichTextBox富文本框

Label标签 Label控件继承于ContentControl控件,它是一个文本标签,如果您想修改它的标签内容,请设置Content属性。我们曾提过ContentControl的Content属性是object类型,意味着Label的Content也是可以设置为任意的引用类型的。 案…

我的cesium for UE踩坑之旅(蓝图、UI创建)

我的小小历程 过程创建对应目录,并将要用到的图片、资源放入对应目录下内容浏览器 窗口中右键,创建一个控件蓝图,用来编辑界面UI绘制画布面板(canvas)调整整体布局加入对应的控件将UI加入到关卡中 备注搜索不到 Add To…

如何在Zoom中集成自己的app?一个简单的例子

一、注册zoom 账号、以便在zoom app maketplace创建app。 二、安装git、node.js、vscode开发环境(略)。 三、注册ngrok账号,获得一个免费的https静态域名。 四、配置zoom app(wxl),设置上一步获得的https静态域名,验证…

进阶学习-----练习线程思维解决实际问题

线程在IT行业的实际应用 1. 多线程编程 在软件开发中,多线程编程是一种常见的技术,它允许程序同时执行多个任务。以下是多线程编程的一些具体应用: 任务分解:将一个大的任务分解为多个小任务,每个小任务由一个线程执…

C#基础——泛型

泛型 C# 中的泛型是一种强大的编程特性,它允许你编写类型安全且灵活的代码。泛型允许你定义类、结构体、接口、方法和委托,而不必在编译时指定具体的数据类型。相反,你可以使用类型参数来定义泛型类型或方法,然后在使用时指定具体…

springboot高校实验室安全管理系统-计算机毕业设计源码73839

目 录 摘要 1 绪论 1.1 研究背景 1.2 选题意义 1.3研究方案 1.4论文章节安排 2相关技术介绍 2.1 B/S结构 2.2 Spring Boot框架 2.3 Java语言 2.4 MySQL数据库 3系统分析 3.1 可行性分析 3.2 系统功能性分析 3.3.非功能性分析 3.4 系统用例分析 3.5系统流程分析…

算法板子:最短路问题——包含朴素Dijkstra算法、堆优化版的Dijkstra算法、SPFA算法、Floyd算法

目录 1. 几种算法的用途2. Dijkstra算法——求源点到其他所有点的最短路径(不能处理负边权)(1)朴素Dijkstra算法——适用于稠密图(2)堆优化版的Dijkstra算法——适用于稀疏图 4. SPFA算法——求源点到其他所有点的最短路径、判断是…

WordPress原创插件:disable-gutenberg禁用古腾堡编辑器和小工具

WordPress原创插件:disable-gutenberg禁用古腾堡编辑器和小工具 disable-gutenberg插件下载:https://download.csdn.net/download/huayula/89616495

SpringBoot快速学习

目录 SpringBoot配置文件 多环境配置 SpringBoot整合junit SpringBoot整合mybatis 1.在创建时勾选需要的模块 2.定义实体类 3.定义dao接口 4.编写数据库配置 5.使用Druid数据源 SpringBoot 是对 Spring 开发进行简化的。 那我们先来看看SpringMVC开发中的一些必须流…

翻译: 梯度下降 深度学习神经网络如何学习一

在上一节影片里我讲解了神经网络的结构 首先我们来快速回顾一下 在本节影片里,我们有两个目标 首介绍梯度下降的概念 它不仅是神经网络工作的基础 也是很多其他机器学习方法的基础 然后我们会研究一下这个特别的网络是如何工作的 以及这些隐藏的神经元层究竟在寻找什…

使用Openvino部署C++的Yolov5时类别信息混乱问题记录

使用Openvino部署C的Yolov5时类别信息混乱问题记录 简单记录一下。 一、问题描述 问题描述:在使用Yolov5的onnx格式模型进行C的Openvino进行模型部署时,通过读取classes.txt获得类别信息时,出现模型类别混乱,或者说根本就不给图…

如何将avi格式转换为flv格式呢?

FLV是随着FLASH MX的推出发展而来的一种视频格式,目前被众多新一代视频分享网站所采用,是目前增长较快,也较为广泛的视频传播格式。 FLV格式可以轻松导入FLASH播放器中,另外它还能起到保护版权的作用,非常受欢迎。那么…

在优化微信、支付宝小程序用户体验时有哪些关键指标

在优化小程序用户体验时,有几个关键指标需要特别关注,这些指标不仅能够帮助评估当前的用户体验状况,还能为后续的优化工作提供明确的方向。以下是一些关键指标及其解释: 1. 日活跃用户(DAU) 是指每天使用…

『 Linux 』网络基础

文章目录 协议分层OSI 七层模型TCP/IP 四层(五层)模型网络协议栈与操作系统的联系报文TCP/IP 通讯过程以太网通信的过程以太网的数据碰撞 协议分层 协议分层是计算机网络中奖网络协议进行组织和管理的方法; 通过将网络通信过程分成多个层次,每个层次负责特定的功能从而简化网络…

触屏交互设备的安全风险

现实中的绝大多数电子设备都具有交互性,而现在越来越多的公共场合有布置越来越多的带触屏的交互设备,功能有简单的,有复杂的,布置的场所和应用的场合也各有不同,几乎在任何一个大型公共场合都可以看到这样的设备&#…

【算法 03】雇佣问题

“雇用问题”及其算法优化 在日常生活和工作中,我们经常会遇到需要从多个选项中做出选择的情况,而“雇用问题”正是这样一个典型的例子。在这个问题中,我们不仅要考虑如何高效地找到最佳候选人,还要关注整个过程中的成本。今天&a…