当前位置: 首页 > news >正文

Axure安装及面板各区域详解

目录

一、Axure简介

二、Axure安装及使用准备

2.1 Axure官网

2.2 Axure授权

2.3 Axure汉化

2.4 设置RP文件保存路径

三、Axure菜单栏的使用

3.1 新建项目

3.2 新建元件库

3.3 自动备份设置

3.4 页面画布网格设置

四、Axure工具栏

4.1 选择模式

4.1.1 相交选中

4.1.2 包含选中

4.2 连接线

4.2.1 适用场景

4.2.2 常见用处举例

4.3 顶层和底层

4.4 组合

五、Axure页面及概要区

5.1 页面

5.1.1 添加页面

5.1.2 添加子页面

5.2 概要

六、拓展

6.1 用户画像

6.2 MVP(最小可行性产品)

6.3 用户旅程

6.4 用户故事

6.5 商业画布


一、Axure简介

  1. Axure 是一款专业的交互式原型设计工具,它可以帮助用户创建高保真度的原型,并模拟出真实的用户体验。通过 Axure,用户可以快速搭建出具有复杂交互效果的原型,以便于与团队成员、利益相关者进行沟通和验证设计理念。
  2. Axure 提供了丰富的组件库,包括按钮、文本框、下拉菜单等常见的 UI 元素,用户可以直接拖拽这些组件进行快速构建。此外,Axure 还支持自定义组件库,用户可以根据自己的需求创建和管理自定义组件,提高工作效率。
  3. 在 Axure 中,用户可以为原型添加各种交互动作和状态,如点击事件、滚动效果、弹出窗口等,使得原型更加生动和具有真实性。同时,Axure 还支持导出原型为 HTML 文件,方便与他人共享和演示。
  4. 除了原型设计,Axure 还提供了一些协同工作的功能,如版本控制、注释和讨论,支持多人协作和团队合作。

总的来说,Axure 是一款功能强大、易于使用的交互式原型设计工具,被广泛应用于用户界面设计、Web 应用开发和移动应用开发等领域。它能够帮助设计师快速创建高质量的原型,并与团队成员和利益相关者进行有效的沟通和合作。

二、Axure安装及使用准备

2.1 Axure官网

前往Axure官网进行安装包下载,网址如下:Axure RP - UX Prototypes, Specifications, and Diagrams in One Toolicon-default.png?t=N7T8https://www.axure.com/

安装步骤傻瓜式安装或者自定义安装路径皆可。 

2.2 Axure授权

将Axure安装到指定目录后,我们需要对Axure进行授权操作。

具体步骤如下:

打开Axure原型设计工具,并且打开管理授权界面:

将Axure授权码粘贴到相应位置:

授权码如下:

被授权人:Axure

密钥:gjqpIxSSUUqFwPoZPi8XwBBhRE2VNmOQsrord0JqShk4QC+Xxrw6R1tTSDU4zmzU

将授权码粘贴上去后,点击提交即可。

2.3 Axure汉化

因为Axure是国外开发的软件,其软件基本语言为英语,对于内地开发人员非常不利于入门操作,所以我们需要利用汉化包对Axure进行汉化操作。

具体步骤如下:

复制汉化包内的文件:

然后将复制的文件粘贴到Axure安装路径的根目录下,将原有的文件替换成汉化包的文件,然后重启Axure即可:

汉化后效果如下:

2.4 设置RP文件保存路径

如下:

三、Axure菜单栏的使用

3.1 新建项目

3.2 新建元件库

适用场景:

当产品经理制作项目原型图时,多个界面需要用到相同的组件集合时适用(如分页条等)

3.3 自动备份设置

设置目的:

为了避免意外情况(如电脑突然关机)而导致项目丢失等情况。

3.4 页面画布网格设置

设置前:

设置后:

四、Axure工具栏

4.1 选择模式

Axure内的组件选择模式分为相交选中包含选中两种模式。

4.1.1 相交选中

相交选择:在相交选择模式下,您可以用鼠标框选一个区域,只有被完全包含在选框内的元素会被选中。这意味着只有那些完全处于选框内的元素会被选择,部分处于选框内的元素不会被选中。

实操:

4.1.2 包含选中

包含选择:在包含选择模式下,您同样可以用鼠标框选一个区域,但是这次只要被选框部分覆盖到的元素都会被选中。这意味着任何与选框相交的元素都会被选中,即使只有一小部分被选框覆盖。

实操:

4.2 连接线

4.2.1 适用场景

在 Axure 中,连接线通常用于表示页面元素之间的关联和交互。这些连接线可以帮助设计师和用户快速理解页面元素之间的关系,并可用于展示导航流程、交互过程、信息传递等场景。

4.2.2 常见用处举例

连接线在 Axure 中有以下几种常见用途:

  1. 交互流程展示: 在原型设计中,可以使用连接线来展示用户与界面元素之间的交互流程,如点击按钮后打开新页面、输入框与提交按钮之间的关联等。

  2. 导航路径标示: 连接线可以用于标示页面或组件之间的导航路径,特别是在复杂的交互设计中,可以清晰地展示用户从一个界面到另一个界面的跳转路径。

  3. 信息传递: 在流程图或数据交互设计中,连接线可以表示信息的传递和关联,如数据流向、信息交换等。

  4. 状态转换展示: 在交互设计中,连接线还可以用来表示不同状态之间的转换,比如鼠标悬停时的效果、选中状态等。

实操:

4.3 顶层和底层

  • 在 Axure 中,顶层和底层通常用于描述页面元素之间的层级关系。顶层表示当前页面元素的最上层(最前面),而底层则表示最下层(最后面)。
  • 具体来说,在 Axure 中,每个元素或组件都有其自己的层级,可以通过将其移动到不同的层级来控制其在页面中的显示顺序。最上层的元素会覆盖在下层元素的上方,因此它们会优先显示在页面中。
  • 可以理解为置顶和置底。

实操如下:

4.4 组合

在 Axure 中,组合是将多个元素或组件组合在一起形成一个整体的操作。通过组合,您可以将多个元素作为一个单元进行移动、编辑和样式设置。

实操:

五、Axure页面及概要区

5.1 页面

5.1.1 添加页面

5.1.2 添加子页面

5.2 概要

先往页面1添加部分元件,如下:

然后点击概要,就会显示该页面的所有元件,并且可以进行备注,如下:

六、拓展

6.1 用户画像

作为产品岗位,用户画像是指对目标用户进行深入研究和描绘,以便更好地理解他们的需求、偏好、行为和特征的方法和工具。用户画像是产品设计和开发过程中非常重要的一步,它帮助产品团队更加准确地把握用户需求,从而有效地设计和优化产品。

用户画像通常包括以下方面的信息:

  1. 基本信息: 用户的年龄、性别、教育背景、职业等基本信息,这些信息可以帮助产品团队了解目标用户的人口统计学特征。

  2. 需求和目标: 用户的需求、目标和期望,例如用户在使用产品时希望解决什么问题,期望产品达到什么样的效果等。

  3. 行为特征: 用户在产品使用过程中的行为特征,例如用户的购买习惯、兴趣爱好、喜欢的功能等,这有助于产品团队更好地理解用户的行为模式。

  4. 挑战和痛点: 用户在使用产品或实现目标时遇到的挑战和痛点,产品团队可以通过解决这些问题来提高产品的用户体验。

  5. 用户情境: 用户在不同情境下使用产品的场景和环境,例如用户在家中、办公室或外出时使用产品的差异。

通过综合分析用户画像,产品团队可以更好地了解目标用户的需求和特征,从而针对性地设计产品功能、界面和用户体验,提供更符合用户期望的产品。用户画像的创建通常需要通过用户调研、数据分析等方法来收集和分析用户信息,以确保用户画像的准确性和可靠性。

6.2 MVP(最小可行性产品)

  1. MVP 是指在产品开发过程中,以最小的功能集合满足用户需求和验证假设的可行性的产品版本。
  2. MVP 的目的是快速构建和发布一个产品原型,以便尽早获取用户反馈和市场验证。通过最小化可行性产品的功能,团队可以更快地将产品推向市场,降低开发成本和风险,并从用户的实际使用中学习和改进。
  3. 一个有效的 MVP 可能只包含产品最基本的核心功能,以满足关键用户需求,而其他次要或高级功能可能会在后续版本中逐步添加。MVP 提供了一个测试产品假设和用户反馈的机会,在早期阶段就能够识别问题、优化产品,并避免在完全开发之前投入大量资源和精力。
  4. MVP 的关键是找到一个平衡点,既要满足用户的基本需求,又要在可接受的时间和资源范围内进行开发。通过迭代和持续的用户反馈,产品团队可以逐步完善产品,提供更丰富和有价值的功能。

6.3 用户旅程

用户旅程着重于用户的角度,旨在深入理解用户在整个使用过程中的需求、期望和情感变化。通过细致地描绘用户旅程,产品团队可以更好地了解用户的痛点、挑战和满意度,发现改进和优化的机会。

用户旅程通常包括以下关键元素:

  1. 用户目标: 用户使用产品或服务的主要目标和愿望。
  2. 触点: 用户与产品或服务进行互动的各种渠道和平台,例如网站、移动应用、社交媒体等。
  3. 行为: 用户在每个触点上采取的具体行动和操作,包括搜索、点击、输入信息等。
  4. 情感体验: 用户在每个阶段的情感和态度变化,如满意、挫败、兴奋、焦虑等。
  5. 痛点和机会: 标识用户在旅程中遇到的困难、问题或不满意的方面,以及可能存在的改进和创新的机会。

通过细致地分析用户旅程,产品团队可以识别出关键的用户需求和关注点,并在产品设计、功能开发和用户体验方面做出相应的改进。这有助于提升用户满意度、增加用户忠诚度,并推动产品的持续改进和成功。

6.4 用户故事

作为产品岗位,用户故事是指通过描述用户的需求、期望和目标来定义产品功能并优化产品体验的一种有效方法。用户故事通常以简短的语句形式呈现,从用户的角度出发描述特定的功能、行为或目标。

产品团队可以通过编写用户故事来更好地了解用户需求,并确保产品设计和开发过程中始终以用户为中心。这包括以下步骤:

  1. 理解用户需求: 通过与用户交流、调查和研究等方式,深入了解用户需求、期望和挑战,并将其转化为具体的用户故事。

  2. 编写用户故事: 以用户的角度出发,描述特定的功能、行为或目标,并确保用户故事简洁、明确、可执行和易于理解。

  3. 优先级排序: 根据用户故事的重要性和紧急性,将其进行优先级排序,并确定哪些用户故事应该在产品开发周期的哪个阶段完成。

  4. 评估实施难度: 对于每个用户故事,评估其实施难度和可行性,并确定所需的资源和技术。

  5. 持续迭代: 在产品开发过程中,不断审视和更新用户故事,根据用户反馈和市场需求进行持续迭代和优化。

6.5 商业画布

作为产品岗位,商业画布是一种工具或框架,用于帮助产品团队分析和定义产品或服务的商业模式。它提供了一个综合的视角,涵盖了产品、市场、客户、收入来源、成本结构等关键要素,帮助产品团队从商业角度思考和规划产品。 

商业画布通常由以下九个要素组成:

  1. 客户细分(Customer Segments): 描述产品或服务的目标客户群体,包括他们的特征、需求和行为。

  2. 价值主张(Value Propositions): 描述产品或服务提供给客户的独特价值和解决方案,以满足客户需求和解决问题。

  3. 渠道(Channels): 描述产品或服务如何传达给目标客户,涵盖销售渠道、分发渠道、营销渠道等。

  4. 客户关系(Customer Relationships): 描述产品或服务与客户之间的关系类型,包括客户支持、客户服务、关怀等。

  5. 收入来源(Revenue Streams): 描述产品或服务的收入来源,包括直接销售、订阅费、广告收入等。

  6. 关键资源(Key Resources): 描述产品或服务所需的关键资源,包括技术、人力、资金等。

  7. 关键活动(Key Activities): 描述为实现产品或服务的商业模式而需要进行的关键活动,如研发、生产、营销等。

  8. 合作伙伴(Key Partners): 描述与产品或服务相关的合作伙伴,包括供应商、分销商、合作机构等。

  9. 成本结构(Cost Structure): 描述产品或服务所涉及的成本和费用,包括固定成本、可变成本等。

通过填充商业画布的各个要素,产品团队可以全面了解产品的商业模式,并进行优化和创新。商业画布可以帮助产品团队更好地理解产品在市场中的定位、用户需求、盈利模式等,从而制定出更具竞争力和可持续发展的商业策略。 


最后Axure安装及面板各区域详解就到这里,祝大家在敲代码的路上一路通畅!

感谢大家的观看 !

相关文章:

  • 【ArcGIS Pro微课1000例】0053:基于SQL Server创建与启用地理数据库
  • 数据结构:栈(Stack)的各种操作(入栈,出栈,判断栈非空,判断栈已满,附源码)
  • 第十六届山东省职业院校技能大赛高职组“应用软件系统开发”赛项样题
  • 【EI会议征稿】第三届电气、电力与电网系统国际会议(ICEPGS 2024)
  • DAP数据集成与算法模型如何结合使用
  • JAVA基础知识:泛型
  • python 爬虫 m3u8 视频文件 加密解密 整合mp4
  • adb命令学习记录
  • 软件崩溃时Visual Studio中看不到有效的调用堆栈,使用Windbg动态调试去分析定位
  • 大数据Vue项目必备|Window下安装并使用nvm(含卸载node、卸载nvm、全局安装npm)
  • c++ 冒泡排序
  • SpringBoot集成swagger2配置权限认证参数
  • 《地理信息系统原理》笔记/期末复习资料(13. 地理信息系统的发展趋势)
  • 持续集成交付CICD:使用Maven命令上传Nexus制品
  • 多合一iPhone 解锁工具:iMyFone LockWiper iOS
  • 【Under-the-hood-ReactJS-Part0】React源码解读
  • 〔开发系列〕一次关于小程序开发的深度总结
  • 30天自制操作系统-2
  • C++回声服务器_9-epoll边缘触发模式版本服务器
  • ES6--对象的扩展
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • JavaScript的使用你知道几种?(上)
  • Java知识点总结(JDBC-连接步骤及CRUD)
  • React as a UI Runtime(五、列表)
  • Sass Day-01
  • Spring框架之我见(三)——IOC、AOP
  • SQL 难点解决:记录的引用
  • vue--为什么data属性必须是一个函数
  • windows下如何用phpstorm同步测试服务器
  • 给初学者:JavaScript 中数组操作注意点
  • 开发基于以太坊智能合约的DApp
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 聊聊spring cloud的LoadBalancerAutoConfiguration
  • 三栏布局总结
  • 物联网链路协议
  • 原创:新手布局福音!微信小程序使用flex的一些基础样式属性(一)
  • Salesforce和SAP Netweaver里数据库表的元数据设计
  • 如何在 Intellij IDEA 更高效地将应用部署到容器服务 Kubernetes ...
  • #window11设置系统变量#
  • (2)(2.4) TerraRanger Tower/Tower EVO(360度)
  • (2024,Flag-DiT,文本引导的多模态生成,SR,统一的标记化,RoPE、RMSNorm 和流匹配)Lumina-T2X
  • (2024,LoRA,全量微调,低秩,强正则化,缓解遗忘,多样性)LoRA 学习更少,遗忘更少
  • (Redis使用系列) SpringBoot中Redis的RedisConfig 二
  • (翻译)Entity Framework技巧系列之七 - Tip 26 – 28
  • (附源码)springboot 智能停车场系统 毕业设计065415
  • (含笔试题)深度解析数据在内存中的存储
  • (转载)VS2010/MFC编程入门之三十四(菜单:VS2010菜单资源详解)
  • .bat批处理(一):@echo off
  • .mat 文件的加载与创建 矩阵变图像? ∈ Matlab 使用笔记
  • .Net Core 中间件与过滤器
  • .NET 中 GetProcess 相关方法的性能
  • .net反编译的九款神器
  • .NET连接MongoDB数据库实例教程
  • .NET与 java通用的3DES加密解密方法
  • .NET与java的MVC模式(2):struts2核心工作流程与原理