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

news2024/9/25 15:25:19

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.coloradmin.cn/o/1989112.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

护眼灯到底有没有用?一文曝光护眼灯的三大好处!

护眼台灯进入大众的视野,但种类多样,其质量也是参差不齐。不少人一直有着”护眼灯到底有没有用?“质疑,作为学生,课业多且繁重,再加上电子设备普遍普及,眼睛受承受的压力日渐增大。因此&#xf…

如何快速实现MODBUS TCP转Profinet——泗博网关EPN-330

泗博网关EPN-330可作为PROFINET从站,支持与西门子S7-200 SMART/300/400/1200/1500全系列PLC以及具有PROFINET主站的系统无缝对接,而Modbus TCP端,可以与Modbus TCP从站设备、主站PLC、DCS系统以及组态软件等进行数据交互。 通过EPN-330&…

【算法设计题】编写算法,统计带头节点的单链表L的实际元素个数,第5题(C/C++)

目录 第5题 统计带头节点的单链表L的实际元素个数 得分点(必背) 题解:统计带头节点的单链表L的实际元素个数 代码解答 详细解释 举例说明 🌈 嗨,我是命运之光! 🌌 2024,每日百…

第二证券:沪指涨0.31%,电力、煤炭等板块拉升,卫星导航概念活跃

7日早盘,沪指盘中发力上扬,深证成指、创业板指震荡翻绿,场内超2700只个股飘绿。 到午间收盘,沪指涨0.31%报2876.17点,深证成指跌0.04%,创业板指跌0.16%,上证50指数涨0.34%,两市算计…

Leetcode每日刷题之字符串相加(C++)

在学习的同时也不要忘记适当练习,本题字符串相加主要在于字符串类型与整数类型的转化,要将字符串类型转化为整数类型计算后转化为字符串类型输出即可。 思路解析 根据题中给出的信息,我们不可以使用库函数计算大整数,也不能直接将…

代码随想录算法训练营第四天(二)|面试题 02.07. 链表相交 142.环形链表II

面试题 02.07. 链表相交 题目: 给你两个单链表的头节点 headA 和 headB ,请你找出并返回两个单链表相交的起始节点。如果两个链表没有交点,返回 null 。 图示两个链表在节点 c1 开始相交: 题目数据 保证 整个链式结构中不存在环…

视频号直播回放怎么下载?

一、如果是下载自己直播回放视频: 方法一:视频号助手 打开网址:视频号助手 登陆账号后。下面路径,先点击成回放, 后就可以在下面路径,下载全场回放 但是这种有个缺点,就是不能分段下载。这样…

C语言----计算开机时间

计算开机时间 实例说明 编程实现计算开机时间&#xff0c;要求在每次开始计算开机时间时都能接着上次记录的结果向下记录。 实现过程&#xff1a; 1. 在TC中创建一个C文件。 2. 引用头文件&#xff0c;代码如下: #include <stdio.h> 3. 定义结构体time&#xff0c;用来…

AI绘画 | Stable Diffusion后期处理—无需ControlNet也能轻松高清放大图像与老旧照片修复,SD新手必看教程

大家好&#xff0c;我是画画的小强 分享了这么多期AI绘画Stable DIffusion的入门教程和一些常用的插件玩法后&#xff0c;不知道大家有没有发现&#xff0c;SD还有一个功能&#xff0c;似乎没怎么用到过&#xff0c;它就是—后期处理。 今天就给大家分享一下SD中的 “后期处理…

python 空list如何表示

创建空列表&#xff1a; L List() 或者&#xff1a; L [] 这时L就是一个空列表。 需要注意的是&#xff0c;空列表不是None&#xff0c;因此 L [] If L is not None:# 这里的代码总是会被执行 检查列表是否为空要使用len()&#xff1a; L [] if len(L):# 这里的代码不会执…

单词拆分——LeetCode

139.单词拆分 题目 给你一个字符串 s 和一个字符串列表 wordDict 作为字典。如果可以利用字典中出现的一个或多个单词拼接出 s 则返回 true。 注意&#xff1a;不要求字典中出现的单词全部都使用&#xff0c;并且字典中的单词可以重复使用 示例 1&#xff1a; 输入: s &qu…

idea使用free流程,2024idea免费使用

1.先到官网下载&#xff0c;这里选择win系统的&#xff0c;点击下图的.exe https://www.jetbrains.com/idea/download/?sectionwindows 2.下载好后基本上就是一直点击“下一步”到直到安装好&#xff0c;安装好后先打开软件后关闭退出 3.下载配配套资料 链接: https://pan.ba…

AD域服务器中的用户和计算机管理面板中的账户显示异常

如果发现新建用户时在用户和计算机管理面板中发现显示的用户名不是预期中的效果&#xff0c;可以检查用户的完整DN&#xff0c;其中DN中的CN的值决定了你在用户和计算机管理面板中显示的内容是什么。 &#xff08;由于本人使用Python代码完成新建AD域账号时&#xff0c;发现新…

leetcode-27-移除元素

原理&#xff1a; 1、统计数组nums中出现val的次数n&#xff1b; 2、利用循环进行n次删除nums中的val; 3、返回nums的长度 代码&#xff1a;

你的Java项目还在等待吗?快来学会线程池,解放你的性能!

文章目录 你的Java项目还在等待吗&#xff1f;快来学会线程池&#xff0c;解放你的性能&#xff01;1 什么是线程池&#xff1f;为什么需要它&#xff1f;2 线程池的参数有哪些&#xff1f;3 不同类型的线程池有哪些配置&#xff1f; 你的Java项目还在等待吗&#xff1f;快来学…

ctfhub文件包含

文件包含 url http://challenge-41cbfbe04828b338.sandbox.ctfhub.com:10800/ 构造url&#xff0c;利用hackabar进行Post data修改测试 http://challenge-41cbfbe04828b338.sandbox.ctfhub.com:10800/?fileshell.txt ctfhubsystem("ls"); ctfhubsystem("ls…

【漏洞复现】常见框架漏洞复现 合集

Web框架(Web framework)或者叫做Web应用框架(Web application framework)&#xff0c;是用于进行Web开发的一套软件架构。大多数的Web框架提供了一套开发和部署网站的方式。为Web的行为提供了一套支持支持的方法。使用Web框架&#xff0c;很多的业务逻辑外的功能不需要自己再去…

HexView 刷写文件脚本处理工具-基本功能介绍(三)-导出S19/HEX

菜单 导出(Export) 此项目将一系列不同的选项组合在一起,用于将内部数据存储为不同的文件格式。每种导出都可以包含一些选项,以调整输出信息。 导出为S-Record格式(Export as S-Record) Motorola S-Record格式导出数据。 记录类型将根据最高地址信息的长度自动选择。…

Android平台如何不推RTMP|不发布RTSP流|不实时录像|不回传GB28181数据时实时快照?

技术背景 我们知道&#xff0c;Android平台不管RTMP推送、轻量级RTSP服务模块还是GB28181设备接入模块&#xff0c;早期&#xff0c;如果需要实现截图功能&#xff0c;又不想依赖Android系统接口&#xff0c;最好的办法是&#xff0c;在底层实现快照截图。 快照截图&#xff…

YOLOv8由pt文件中读取模型信息

Pytorch的pt模型文件中保存了许多模型信息&#xff0c;如模型结构、模型参数、任务类型、批次、数据集等 在先前的YOLOv8实验中&#xff0c;博主发现YOLOv8在预测时并不需要指定任务类型&#xff0c;因为这些信息便保存在pt模型中&#xff0c;那么&#xff0c;今天我们便来看看…