工具篇之Axure RP 10的使用

news2024/11/18 0:17:47

引言

最近在学习原型图,针对画原型图的工具,反复对比墨刀、Axurexiaopiu后,最终选择Axure

接下来,我便从Axure RP 10的下载、安装、中文字体、授权等几个方面,来介绍Axure

一、背景

Axure是一款强大的原型设计、交互设计工具,可用于设计和创建高保真度、交互动态的网站、移动应用、桌面应用等产品原型。它提供了丰富的交互组件和样式库,用户可以根据需要自定义组件和样式,也可以通过Axure云服务进行多人协作。Axure具有易于学习、高效性、灵活性等特点,被广泛应用于产品设计、用户体验设计、项目管理、开发预览等领域。

1.1主要产出内容

 线框原型图

线框原型图是一种表示界面结构和功能的简化图形,通常是黑白色的线条和简单的形状组成。它可以帮助设计师和开发人员快速确定应用程序或网站的结构、功能和布局,以便更好地进行开发工作。线框原型图通常不包括色彩、图片和文本等细节,以便更专注地讨论功能和布局。

 同类软件

1.2Axure的主要缺点

  • 交互体验不佳,操作极其繁琐
  • 进阶功能在实际项目中使用极少
  • 无法和设计阶段衔接重复劳动
  • 不能进行团队云端实时协作
  • 价格昂贵,个人和团队压力很大

完整的交互操作仅在必要的情况下制作实际项目中优先确保线框和描述内容的完成度

1.3功能模块

1.4Axure10的界面布局和模块认识

它的界面主要由以下几个部分组成:

  • 站点地图:在这里你可以管理和组织你的页面结构,添加、删除、重命名和排序页面。
  • 画布区:在这里你可以绘制和编辑你的原型页面,使用各种元件、样式和交互效果。
  • 元件库:在这里你可以找到Axure pR10提供的各种默认元件、流程图元件和图标元件,也可以载入或创建自己的自定义元件库。
  • 母版区:在这里你可以创建和管理母版,母版是一种可以重复使用的组件集合,可以让你在多个页面中共享相同的内容和布局。
  • 样式栏:在这里你可以设置你的元件的字体、对齐、填充、边框、阴影等样式属性,也可以调整元件的位置和大小。
  • 交互设计管理器:在这里你可以为你的元件添加各种交互事件和动作,实现原型的逻辑和功能。

 二、APP设计

 2.1用工具和属性栏制做APP界面

以下是使用工具和属性栏制作APP界面的步骤:

1. 创建新页面:打开Axure RP 10并创建一个新的页面,选择适当的设备尺寸,如iPhone X、iPad Pro等。

2. 添加组件:从左侧的工具栏中选择所需的组件,如按钮、文本框、下拉框等,并将其拖放到画布上。

3. 调整属性:在右侧的属性栏中,可以调整组件的各种属性,如大小、颜色、字体、边框等,以满足设计需求。

4. 添加交互:在画布上选择组件,然后右键单击并选择“交互”选项。然后,可以设置组件的交互功能,例如链接到其他页面、显示窗口等。

5. 预览设计:使用Axure RP 10内置的预览功能,可以在不离开应用程序的情况下查看和测试设计。

6. 导出设计:完成设计后,可以导出设计,保存为HTML文件,或者生成可执行的原型文件。

这些步骤可以帮助使用Axure RP 10制作高质量的APP界面。

 2.2实现基本的页面跳转交互功能

1.Axure交互的操作逻辑解析
2.Axure的交互触发事件认识
3.Axure的交互反馈操作认识

 动态面板

Axure RP 10动态面板是一种新的功能,它可以让用户更轻松地创建交互式原型。动态面板允许用户将多个页面或视图组合在一个单一的容器中,同时保持这些页面或视图之间的相对位置和大小不变。这样,用户就可以在不离开主画布的情况下,进行页面切换和交互效果的设计。

动态面板还可以与重复元件和数据集配合使用,从而快速创建重复的元素或数据列表,并通过更改数据,实现快速更新和修改。

在Axure RP 10中,用户可以通过直接将页面或视图拖动到动态面板中来创建新的面板,也可以使用快速面板创建器快速创建新的面板。此外,还可以使用“条件状态”设置来实现不同状态之间的切换,并在需要的时候自动显示或隐藏面板中的元素。

总的来说,Axure RP 10动态面板是一个非常有用的功能,它可以使用户更快速、更直观地创建交互式原型,提高设计效率和交互效果的体验。

 热区

Axure RP 10热区是指在Axure RP 10中创建的可交互区域,用于定义用户可以点击、悬停或其他交互操作的部分。热区可以用于创建原型、模拟用户界面和测试用户体验。

在Axure RP 10中,您可以通过以下步骤创建热区:

  1. 打开Axure RP 10并创建一个新的页面或打开现有的页面。
  2. 在页面上选择一个元素,例如按钮、链接或图像。
  3. 在右侧的“交互”选项卡中,您可以选择不同的交互类型,例如点击、悬停、按下等。
  4. 选择所需的交互类型后,您可以定义热区的位置和大小。您可以使用鼠标拖动和调整热区的大小,也可以手动输入具体的位置和尺寸。
  5. 完成热区的设置后,您可以预览和测试热区的交互效果。

通过创建热区,您可以模拟用户与界面的交互,例如点击按钮打开弹出窗口、悬停在链接上显示提示信息等。这有助于设计师和开发人员更好地理解和评估用户体验,并进行相应的优化和改进。

2.3中继器的使用

在Axure RP 10中使用中继器,可以帮助您更好地组织和管理您的交互设计工作。中继器可以将某个部件的交互事件转发到其他部件,以达到一些特定的设计需求。

以下是在Axure RP 10中使用中继器的步骤:

1. 在页面中选中需要设置中继器的部件。

2. 右键点击该部件,在弹出菜单中选择“设置中继器”。

3. 在弹出的“设置中继器”窗口中,点击“添加中继器”按钮,创建一个新的中继器。

4. 输入中继器的名称,并为中继器指定一个触发事件。

5. 选择需要接收中继器触发事件的部件。可以选择多个部件,以同时触发多个部件的交互事件。

6. 点击“确定”按钮,保存中继器设置。

7. 在编辑模式下,测试中继器的交互效果,确保所有部件的交互事件被正确触发。

通过使用中继器,您可以更加灵活地设计交互效果,并且能够更容易地维护和修改设计。

2.4表单

2.5制作C端PRD文档

 https://www.axureshop.com/

人人都是产品经理 | 产品经理、产品爱好者学习交流平台 (woshipm.com) 

页面解释

 

快照

使用快照操作的步骤如下:

  1. 打开Axure RP 10软件,并打开你要捕捉快照的原型页面。
  2. 在工具栏上找到"快照"按钮,点击它。快照按钮通常是一个相机图标。
  3. 鼠标会变成一个十字形的图标,点击页面上你想要捕捉快照的位置。
  4. 弹出一个对话框,询问你想要保存快照的文件名和位置。选择一个合适的文件名和保存位置,并点击"保存"按钮。
  5. Axure RP 10会自动将当前页面的快照保存为一个图片文件,并将其保存到你选择的位置。

通过快照操作,你可以方便地保存原型页面的快照,以便与他人分享、存档或用于文档制作等用途。

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

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

相关文章

【XSS_MSN】基于GCN的web攻击Payload识别与可解释性分析

原文标题:Web Attack Payload Identification and Interpretability Analysis Based on Graph Convolutional Network 原文链接:https://ieeexplore.ieee.org/document/10076547/ 作者单位:四川大学网络安全学院 相似原理论文&#xff1…

Excel拆分单元格怎么操作?学会这4招,工作效率倍涨!

“刚刚在做一份Excel的报表,需要将某些单元格进行拆分,但是我不知道应该如何处理,大家在使用Excel时有什么比较简单的单元格拆分方法吗?” 当我们需要使用Excel处理大量数据或者创建专业报表时,可能需要对单元格进行拆…

【试题011】C语言多个运算符计算例题

1.题目&#xff1a;表达式1!23/45%6(78)9的值是&#xff1f; 2.代码&#xff1a; #include <stdio.h> int main() {//表达式1 !2 3 / 4 5 % 6 (7 8) 9的值printf("%d\n", (1 !2 3 / 4 5 % 6 (7 8) 9));//分析&#xff1a;多个运算符先考虑优先级…

如何用R语言优雅地玩转PubMed-RISmed包的使用

PubMed是最大的生命科学文献数据库之一&#xff0c;在开展课题使用关键词搜索时&#xff0c;会检索出大量文献。如何对这些文献进行筛选&#xff0c;出了巧妙使用关键词组合外&#xff0c;还可以使用R将相关文献信息一键提取&#xff0c;实现文献的快速浏览。RISmed是一个用于从…

淘宝卖家如何批量采集竞品sku进行分析?推荐2个商品sku获取API

item_sku-获取sku详细信息 请求参数 请求参数&#xff1a;num_iid572050066584&sku_id3880971359554&is_promotion0 参数说明&#xff1a;sku_id:SKU ID num_iid:商品ID is_promotion:是否获取取促销价 API测试页 获取key&secret 响应参数 Version: Date: 名…

实现自动推送:工具助力公众号运营

公众号的运营离不开定期推送内容给用户&#xff0c;但手动推送过程繁琐且耗时。现在&#xff0c;借助乔拓云公众号助手工具&#xff0c;你可以轻松实现自动推送消息的功能。下面&#xff0c;我们一步一步教你如何操作。 首先&#xff0c;我们需要注册并登录乔拓云公众号助手工具…

MATLAB中 tf2zp函数用法

目录 语法 说明 示例 连续时间系统的零点、极点和增益 tf2zp函数的功能是将传递函数滤波器参数转换为零极点增益形式。 语法 [z,p,k] tf2zp(b,a) 说明 [z, p, k] tf2zp(b, a) 从传递函数参数 b 和 a 中找到零点矩阵 z&#xff0c;极点向量 p&#xff0c;以及相关的增益…

uniapp开发多端应用项目时的常见跨端兼容处理

一、跨端兼容 每个端有每个端的特点&#xff0c;有的能被抹平&#xff0c;有的不可能被抹平。 跨端&#xff0c;不是把web的习惯迁移到全平台。而是按照uni的写法&#xff0c;然后全平台使用。 按照uniapp规范开发可以保证多平台兼容&#xff0c;但每个平台有自己的一些特性。…

实用的数据集成方式

随着企业数字化转型的加速推进&#xff0c;数据集成变得愈发重要&#xff0c;它是实现信息流动和系统协同的关键步骤。 数据集成是企业数字化转型的重要一环。利用实用的数据集成方式&#xff0c;企业能够高效地实现信息流动和系统协同&#xff0c;提升企业运营效率和决策能力…

重庆东微电子推出高性能抗射频干扰MEMS硅麦放大器芯片

专业的模拟及混合信号芯片设计企业重庆东微电子股份有限公司日前宣布&#xff1a;成功开发并推出其第三代硅基微机电系统麦克风&#xff08;Silicon MEMS Microphone&#xff0c;以下简称“MEMS麦克风”&#xff09;模拟接口放大器芯片EMT6913。该芯片针对低功耗MEMS麦克风应用…

中科芯与IAR共建生态合作,IAR集成开发环境全面支持CKS32系列MCU

中国上海–2023年10月18日–嵌入式开发软件和服务的全球领导者IAR今日宣布&#xff0c;与中科芯集成电路有限公司&#xff08;以下简称中科芯&#xff09;达成生态合作&#xff0c;IAR已全面支持CKS32系列MCU的应用开发。这一合作将进一步推动嵌入式系统的发展&#xff0c;并为…

asp.net乒乓球场地管理系统VS开发sqlserver数据库web结构c#编程Microsoft Visual Studio

一、源码特点 asp.net乒乓球场地管理系统是一套完善的web设计管理系统&#xff0c;系统具有完整的源代码和数据库&#xff0c;系统主要采用B/S模式开发。开发环境为vs2010&#xff0c;数据库为sqlserver2008&#xff0c;使用c#语 言开发 asp.net 乒乓球场地管理系统 二…

tensorrt安装使用教程

一般的深度学习项目&#xff0c;训练时为了加快速度&#xff0c;会使用多GPU分布式训练。但在部署推理时&#xff0c;为了降低成本&#xff0c;往往使用单个GPU机器甚至嵌入式平台&#xff08;比如 NVIDIA Jetson&#xff09;进行部署&#xff0c;部署端也要有与训练时相同的深…

WEB网络渗透的基础知识

网络渗透 1.什么是网络渗透 网络渗透是攻击者常用的一种攻击手段&#xff0c;也是一种综合的高级攻击技术&#xff0c;同时网络渗透也是安全工作者所研究的一个课题&#xff0c;在他们口中通常被称为”渗透测试&#xff08;Penetration Test&#xff09;”。 网络渗透的目的…

光模块对网络延迟的影响如何?

网络的延迟是网络运作过程中经常碰到的问题&#xff0c;光纤传输环节的光模块是影响网络延迟的关键因素之一。作为光通信的核心组件&#xff0c;光模块的性能直接影响到数据传输的速率、稳定性和可靠性&#xff0c;从而影响网络的延迟情况。 首先&#xff0c;传输速率越高的光…

php对接飞书机器人

有同事接到对接飞书机器人任务&#xff0c;开发中遇到响应错误&#xff1a; {"code": 19021,"msg": "sign match fail or timestamp is not within one hour from current time" } 意思应该就是签名错误或者时间戳不在有效范围内等&#xff0c…

一键更新图像或表格号

一键更新图像或表格号 首先&#xff0c;在图像或者表格处插入题注 第二步&#xff1a;在对图像描述处&#xff0c;插入交叉编译 第三步&#xff1a;如果图标编号改变了&#xff0c;右击更新域

受邀参加第 60 届中国高博会 星辰天合以 SDS 助力高校数字化转型

近日&#xff0c;第 60 届中国高等教育博览会&#xff08;以下简称&#xff1a;高博会&#xff09;在山东青岛开幕。中国高等教育学会会长杜玉波&#xff0c;山东省人民政府副省长王桂英出席开幕式并致辞。 本届高博会由中国高等教育学会主办&#xff0c;以“职普融通•产教融…

Python数据挖掘:自动售货机销售数据分析与应用

&#x1f4d5;作者简介&#xff1a;热爱跑步的恒川&#xff0c;致力于C/C、Java、Python等多编程语言&#xff0c;热爱跑步&#xff0c;喜爱音乐的一位博主。 &#x1f4d7;本文收录于恒川的日常汇报系列&#xff0c;大家有兴趣的可以看一看 &#x1f4d8;相关专栏C语言初阶、C…