建材秒知道
登录
建材号 > 设计 > 正文

使用 Axure绘制原型

粗犷的唇膏
重要的橘子
2022-12-31 00:12:56

使用 Axure绘制原型

最佳答案
冷艳的睫毛膏
要减肥的保温杯
2026-03-25 08:46:51

Axure是最常用的原型制作工作之一。无须任何HTML/CSS/JavaScript基础,你都可以使用Axure制作出具备良好交互效果的原型图。本系列笔记以金乌的《Axure RP7 网站和APP原型制作从入门到精通》一书为参考教材,系统地学习一下Axure这款原型工具软件及其背后的设计思想。

开篇之前先提几个基础问题:

(1)什么是用户体验设计?什么是交互设计?什么是视觉设计?它们之间有着怎样的关系?

(2)什么是 UE ?什么是 UX ?User Experience?Usability?衡量“用户体验”有哪些指标和要素?怎么理解“可用性”?

(3)线框图、原型、视觉稿这三者有哪些区别?使用场景是怎样的?

线框图: 低保真图,通常以“黑白灰”线条来表达,制作速度快。

原型图: 中高保真图,可以代表最终的产品,用于在利益相关者之间的沟通。

视觉稿: 高保真图,具备良好的视觉效果。

在大多数的公司中,企业对产品经理和用户体验设计师并没有明确的界限,甚至你可以把二者看成相同性质的角色。

产品经理“斡旋”于开发工程师、系统功能、视觉设计、用户、业务逻辑、项目经理、投资人之间,协调资源并推动产品的发展。作为产品经理,必须深刻理解利益相关者的视角(他们到底想要什么)并与其密切沟通,以营造无障碍的协作环境,让产品在可控范围内推进发展。

身为产品经理,我们必须综合表达许多不同的信息,而这些信息常常会相互矛盾或冲突。我们不仅要熟悉业务流程,要了解技术约束、资源约束等,要了解用户体验对软件程序性能的影响,还要反复地做用户研究和数据分析等。我们要在纷乱的多条件模式下找到至关重要的平衡,并创建出最佳的可行的用户体验。

事实上,任何工具都不过是一种为了实现产品目标的手段而已,Axure同样只是一款工具,在工作中最重要的元素恰恰不是这些工具,而是你本人和你的思想。

1、Axure工作台上常用功能区域划分

菜单栏、工具栏、站点地图、部件面板、母版面板、部件交互和注释面板、部件属性和样式面板、部件管理面板、页面属性面板(包含页面注释、页面交互和页面样式3个选项卡)。 视图 >重置视图 ,可以重置Axure工作台。

(1) 站点地图 :用于增加、删除和组织原型中的页面。

(2) 部件面板 :用于管理Axure内建的部件库、第三方部件库、自定义的部件库。

2、Axure有哪些内置的常用部件?

线框图就是由一系列的部件组合而成,这和前端页面是一样的,页面由一系列的UI组件组合而成。不同的部件有着不同的功能属性,绘制原型的过程中要恰当选用这些部件。

3、对Axure部件可以执行哪些操作?

4、页面样式 Page Style 有哪些常用的操作?

5、Axure中的交互基础

在Axure中创建 交互 Interactions需要包含以下3个构造模块,分别是: 事件 Events、 用例 Cases、 动作 Actions。交互是由事件触发的,事件是用来执行动作的;交互设计的目的把静态的元素变成动态的,以提升产品的用户体验。

交互是Axure中的构建模块,用来把静态的线框图转换为可交互的HTML原型。每一个 交互 都是由3个最基本的单元构成,即 什么时候When(事件) 、 在哪里Where(用例) 、 做什么What(动作) 。

(1) 事件Events(When) :交互在什么时候发生?交互由事件Events来驱动。在Axure中的事件可以分为两大类,其一是页面事件,其二是部件事件。一个事件中可以包括多个用例,多用例根据条件判断来决定执行哪一条用例路径。

(2) 用例Cases(Where) :用例是用户与应用程序或网站之间交互流程的抽象表达,每个用例中可以封装一个独立的路径。通常情况下,我们让原型按主路径来执行动作,但是为了响应用户的不同操作或其它条件,我们还需要制作可选路径来执行其它动作。Axure中的用例,正是用来给事件Event创建不同的执行路径。 一个事件中可以包含一个或多个用例(多用例时需要根据条件逻辑来判断执行),一个用例又包含一个或多个动作。事实上,你可以把用例看成动作Actions的容器 。

(3) 动作Actions(What) :动作是由用例定义的对事件的响应。Axure中的动作分为六大类,分别是链接、元部伯、变量、中继器和杂项。

最新回答
精明的大炮
漂亮的毛巾
2026-03-25 08:46:51

Axure RP是一个专业的快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 。

Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。

瘦瘦的帆布鞋
辛勤的小熊猫
2026-03-25 08:46:51
Sketch画原型和Axure画原型两者相比较,在功能方面没办法做出对比,更多的还是看个人的使用习惯。如需设计软件更推荐选择Pixso协同设计。

sketch是一款轻量、易用的矢量设计工具,Axurerp是一款专业的快速原型设计工具。

Pixso聚焦智能化矢量设计,支持Figma、Sketch文件导入,支持创建响应式的动态框架自动布局、智能化选择,并提供全新的钢笔工具、画板工具和形状工具,大大提升设计效率。用户调整内容时画板将自动调整尺寸和布局,可批量调整图层间距,灵活调换图层位置,还可灵活调整节点、图形填色、复杂形状、快速转换获得多种图形。

想要了解更多关于设计工具的相关信息,推荐选择Pixso协同设计。该工具不仅是一站式产品设计协作工具,更是一款专业的UI/UX设计工具。更多矢量网格、布尔运算、样式创建、智能排版等高阶功能,组件级自动布局,增加或删除内容都无需手动调整,智能排版,且自适应不同屏幕尺寸,使设计师真正专注于创造本身,值得选择。

活力的裙子
痴情的蜜蜂
2026-03-25 08:46:51
axure原型可以做成线框的低保真原型和呈现出图文效果的高保真原型,如果产品经理需要通过颜色对比等来展现出原型设计的效果时,就需要使用高保真的交互原型了。

同时,可以将axure的原型文件上传至蓝湖,可以实现手机上预览,也可直接在蓝湖上生成代码给工程师使用

炙热的饼干
满意的绿茶
2026-03-25 08:46:51
AxureRP(AxureRapidPrototyping)是一款快速实现、准确表达、带有交互效果且易于上手的原型设计工具。本人在曾参与某系统需求分析时开始接触AxureRP,初步掌握了一定的开发基础,成功制作出系统需求原型,对需求分析工作产生了积极效应。在此经验的基础上,后续又在其他项目中进行了较为成功的运用,并获得了良好的效果。就个人的经验而言,使用AxureRP进行原型开发,一旦掌握了一定的开发技巧后,加上一个良好的规划,那么很多东西都可以信手拈来。好的东西需要分享并使人获益,给实际工作带来效益,这样才能得以体现其价值。对此,本人在此分享使用AxureRP进行原型开发的一些经验,与各位一起探讨,也希望人能够分享自身使用AxureRP的相关经验。AxureRP就其本身而言,其实仅是一个工具,大部分人都可以很快学习并掌握之,但要做出好的原型,会用只是一个最基本要求,关键是要有一套良好的原型开发思想,这套开发思想除了要有整体规划之外,还需要充分结合实

清爽的羊
魁梧的乐曲
2026-03-25 08:46:51
axure RP是一款快速原型设计工具,它不需要任何编程或写代码基础,就可以设计出交互效果良好的产品原型,常用于互联网产品设计、网页设计、UI设计等领域。

作为一款热门的原型设计工具,它可以完成很多纸和笔画不出来的事情,特别是高交互的页面,用动画效果展现让人瞬间清楚你要表达的内容。

原型:用线条、图形描绘出的产品框架,也称线框图。

原型设计在整个产品流程中处于最重要的位置,有着承上启下的作用。何出此言?原型设计之前需求或是功能信息都相对抽象,原型设计的过程就是将抽象信息转化为具象信息的过程,之后的产品需求文档(PRD)是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说,原型设计的重要性无可替代,产品经理应当要对此有绝对的控制和驾驭能力。

话说回来,原型设计虽然很重要也应当是有限度的,原型设计的作用有以下几点:

1、因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。

2、因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。