Axure 的使用方法和原型制作规范
axure 使用方法

axure 使用方法
Axure RP是一个专业的原型设计工具,可以帮助用户创建出高品质的原型,以演示产品功能和交互。
以下是一些使用Axure的基本步骤:
1. 创建页面:在开始设计之前,需要先创建页面。
在Axure中,可以通过点击顶部菜单栏的“文件”->“新建”来创建一个新的页面。
2. 设计布局:在页面中,可以添加各种元素,如文本框、按钮、图片等。
这些元素可以通过拖拽的方式添加到页面中,并可以通过调整它们的大小和位置来设计布局。
3. 设置交互:Axure支持为元素添加各种交互效果,如点击、鼠标悬停等。
可以通过选择元素,然后在右侧的“属性”面板中添加交互事件,并设置相应的动作来实现。
4. 添加样式:可以通过样式面板来设置元素的样式,如字体、颜色、背景等。
5. 预览原型:在完成设计后,可以通过点击顶部菜单栏的“预览”按钮来查看原型的效果。
预览模式下,可以查看页面的所有交互效果,以便发现和修改问题。
6. 发布原型:当原型设计完成后,可以将其发布到Axure的云服务器上,以便其他人查看和测试。
发布后,可以通过生成的链接分享原型给其他人。
以上是使用Axure的基本步骤,当然还有很多高级功能和技巧可以学习。
建议查阅Axure 的官方文档或参加相关的培训课程来深入学习。
Axure设计规范与最佳实践

Axure设计规范与最佳实践在当今的设计领域中,Axure已成为了一款备受推崇的原型设计工具。
它的强大功能和灵活性使得设计师能够更好地展示和演示自己的设计想法。
然而,要充分发挥Axure的潜力,设计师需要遵循一些设计规范和最佳实践。
本文将介绍一些关键的设计规范和最佳实践,帮助设计师更好地运用Axure进行原型设计。
1. 界面布局的一致性在设计过程中,保持界面布局的一致性非常重要。
这意味着相似的元素应该以相似的方式排列,相同的功能应该以相同的方式呈现。
通过使用Axure的“母版”功能,设计师可以轻松地创建和管理界面布局。
母版可以用于定义整个项目的样式和布局,确保整个设计的一致性。
2. 使用合适的交互效果Axure提供了丰富的交互效果,如过渡动画、弹出框等。
然而,设计师需要谨慎使用这些效果,以避免过度使用或不必要的效果。
交互效果应该有助于提升用户体验,而不是仅仅为了装饰。
在选择交互效果时,设计师应该考虑用户的需求和行为习惯,以确保设计的可用性和易用性。
3. 注意可访问性在设计过程中,设计师应该始终关注可访问性。
Axure提供了一些工具和功能,可以帮助设计师创建可访问的原型。
例如,设计师可以使用“无障碍部件”来创建符合无障碍标准的交互元素。
此外,设计师还可以使用Axure的“键盘导航”功能来测试原型的可用性,确保所有用户都能够轻松地与原型进行交互。
4. 优化性能当设计师创建复杂的原型时,性能可能成为一个问题。
为了确保原型的流畅运行,设计师应该注意以下几点。
首先,设计师应该尽量减少页面中的元素数量和复杂度,以减少加载时间。
其次,设计师可以使用Axure的“条件加载”功能,根据需要加载特定的元素,以提高性能。
最后,设计师应该定期检查原型中的链接和交互,确保其正常运行。
5. 团队协作在多人协作的项目中,设计师需要与其他团队成员进行有效的沟通和协调。
Axure提供了一些功能,可以帮助设计师更好地与团队合作。
例如,设计师可以使用Axure的“共享链接”功能将原型分享给团队成员,并收集他们的反馈和意见。
如何使用Axure创建响应式设计原型

如何使用Axure创建响应式设计原型在现今移动设备的普及和互联网的发展下,响应式设计已经成为了网页设计的重要方向之一。
而在设计响应式网页时,创建一个合适的原型是至关重要的。
Axure RP是一款功能强大的原型设计工具,它可以帮助设计师快速创建响应式设计原型。
本文将介绍如何使用Axure来创建响应式设计原型,并提供一些实用的技巧和建议。
1. 确定设计目标和用户需求在开始使用Axure创建响应式设计原型之前,首先需要明确设计目标和用户需求。
了解用户的使用场景和期望,可以帮助设计师更好地规划和设计原型。
同时,也要考虑不同设备的特点和限制,以确保原型在不同屏幕尺寸上的良好表现。
2. 创建页面结构和布局在Axure中,可以使用页面和母版来创建网页的结构和布局。
首先,根据设计需求创建页面,并确定页面的主要内容和布局。
然后,在母版中定义公共的元素和样式,以便在不同页面中共享和重用。
通过页面和母版的组合,可以快速创建整体的网页结构和布局。
3. 设计自适应布局响应式设计的核心是自适应布局。
在Axure中,可以使用动态面板和自适应网格来实现自适应布局。
动态面板可以根据屏幕尺寸的变化显示和隐藏内容,而自适应网格可以根据屏幕尺寸的变化自动调整布局。
通过合理使用这些功能,可以实现网页在不同设备上的良好适应性。
4. 添加交互效果和动画除了布局和结构,交互效果和动画也是一个好的原型所必须具备的。
在Axure 中,可以使用交互动作和动画效果来增加原型的交互性和可视化效果。
例如,可以使用点击事件来模拟用户的点击行为,使用滚动事件来模拟用户的滚动行为,使用动画效果来增加页面的动态感。
这些交互效果和动画可以更好地展示原型的功能和流程。
5. 进行测试和反馈在完成原型的创建之后,需要进行测试和收集用户反馈。
可以邀请一些用户或同事来测试原型,并收集他们的意见和建议。
通过测试和反馈,可以发现原型中存在的问题和不足之处,并及时进行修正和改进。
axure原型方法

axure原型方法(实用版)目录1.Axure RP 简介2.Axure 原型设计方法3.Axure 原型设计流程4.Axure 原型设计工具与资源5.Axure 原型设计案例分析6.Axure 原型设计技巧与实践正文一、Axure RP 简介Axure RP 是一款专业的原型设计工具,广泛应用于网站、App 等各种产品界面的设计与制作。
通过 Axure RP,设计者可以快速构建出界面原型,并进行交互设计和用户体验测试,从而提高产品的设计质量和效率。
二、Axure 原型设计方法1.线框图设计:通过简单的线条和图形,快速勾勒出界面的基本结构和布局,以便进行初步的交互设计。
2.页面布局设计:根据需求和设计风格,对页面元素进行精细的布局和排版,包括字体、颜色、图标等。
3.交互设计:通过 Axure RP 内置的交互组件,实现页面元素之间的交互效果,如按钮点击、菜单弹出等。
4.动态效果设计:通过 Axure RP 的动画功能,为页面元素添加动态效果,提高用户体验。
5.页面组织结构设计:对整个产品或项目进行页面结构的规划和设计,包括页面层级、导航方式等。
三、Axure 原型设计流程1.需求分析:了解产品或项目的需求,明确设计目标和任务。
2.设计方案:根据需求分析,制定原型设计方案,包括设计风格、交互方式等。
3.初步设计:利用 Axure RP 进行初步的原型设计,包括线框图、页面布局等。
4.交互设计:根据设计方案,添加交互组件,实现页面元素之间的交互效果。
5.动态效果设计:为页面元素添加动画效果,提高用户体验。
6.测试与优化:对原型进行测试,发现并解决问题,进行设计优化。
7.输出与交付:将最终的原型设计输出为 HTML 格式,供开发团队进行开发。
四、Axure 原型设计工具与资源1.Axure RP 软件:专业的原型设计工具,提供丰富的组件库和功能。
2.Adobe XD:Adobe 公司推出的设计工具,支持原型设计,具有强大的设计资源库。
axure原型设计流程

axure原型设计流程Axure原型设计是一个非常重要的流程,它涉及到多个步骤和环节。
下面我会从多个角度来介绍Axure原型设计的流程。
第一步是需求分析,这是Axure原型设计的第一步。
在这个阶段,设计师需要与项目相关人员深入沟通,了解项目的需求和目标。
这包括用户需求、功能需求、交互需求等。
只有充分了解项目的需求,才能更好地进行后续的原型设计工作。
第二步是构思和规划。
在这个阶段,设计师需要根据需求分析的结果,开始构思和规划原型的整体结构和布局。
这包括页面的层次结构、导航方式、功能模块的布局等。
设计师需要考虑用户的操作习惯和体验,确保原型的结构合理、清晰。
第三步是绘制草图。
在这个阶段,设计师可以利用Axure工具进行页面的草图绘制,包括页面的布局、元素的排版等。
这个阶段的目的是初步呈现出原型的整体框架,以便后续的细化工作。
第四步是交互设计。
在这个阶段,设计师需要对原型进行交互设计,包括页面的链接、按钮的交互效果、表单的填写等。
这个阶段需要设计师对用户的操作流程进行深入思考,确保用户可以顺利完成各项操作。
第五步是视觉设计。
在这个阶段,设计师可以对原型进行视觉设计,包括页面的颜色、字体、图标等。
这个阶段需要设计师考虑用户的视觉感受,确保原型的外观美观、舒适。
第六步是评审和修改。
在这个阶段,设计师需要与项目相关人员进行原型的评审,收集反馈意见,并对原型进行适当的修改和调整。
这个阶段需要设计师具备一定的沟通能力和团队合作精神。
最后一步是输出和分享。
在这个阶段,设计师需要将完成的原型输出成可交互的文件,并分享给项目相关人员进行最终确认。
这个阶段需要设计师对Axure工具的使用非常熟练,确保原型的输出质量。
总的来说,Axure原型设计的流程涉及到需求分析、构思规划、草图绘制、交互设计、视觉设计、评审修改、输出分享等多个环节,设计师需要在每个环节都做到严谨细致,才能完成一个高质量的原型设计工作。
axure 教程

axure 教程
Axure是一种强大的原型设计工具,它可以帮助您快速创建交
互式的界面原型。
本教程旨在向您介绍Axure的基本功能和操作步骤,以帮助您快速上手。
1. 下载和安装Axure:首先,您需要从Axure官方网站下载并
安装Axure软件。
安装完成后,启动Axure并创建一个新的项目。
2. 页面布局:在Axure中,您可以通过拖拽和调整页面组件来创建页面布局。
您可以在左侧的组件库中选择所需的组件,然后在页面上拖拽到所需的位置。
您还可以通过调整组件的大小和位置来适应您的设计需求。
3. 添加交互动作:Axure的一个重要功能是添加交互动作,以
模拟用户与界面之间的交互。
您可以通过选择某个组件,然后在右侧的“交互”选项卡中选择所需的动作来设置交互。
例如,您可以设置一个按钮,当用户点击时跳转到另一个页面。
4. 创建动态面板:动态面板是Axure中一个非常有用的功能,它可以帮助您模拟一个页面的不同状态。
您可以创建多个面板,并在每个面板中设置不同的内容和样式。
然后,您可以通过添加交互动作来控制面板的切换,以模拟用户与界面的互动。
5. 展示和共享原型:在完成原型设计后,您可以使用Axure内置的功能来展示和共享您的原型。
您可以通过生成HTML文件,将原型以网页的形式展示,并通过链接或嵌入到其他网页
中共享给团队成员或客户。
以上是Axure的一些基本功能和操作步骤的简要介绍。
希望本教程能帮助您更好地了解和使用Axure进行界面原型设计。
axure原型方法
axure原型方法【实用版3篇】目录(篇1)1.Axure RP 简介2.Axure RP 的主要功能3.Axure RP 的原型设计方法4.Axure RP 的优点与不足5.Axure RP 的应用领域正文(篇1)一、Axure RP 简介Axure RP 是一款专业的原型设计工具,由美国 Axure Software Solutions 公司开发。
它提供了丰富的功能,可以帮助设计师快速制作出网站或应用程序的原型。
Axure RP 广泛应用于产品经理、设计师、开发者等多个领域。
二、Axure RP 的主要功能1.页面布局:Axure RP 可以轻松创建复杂的页面布局,包括网格布局、分区布局等。
2.组件库:Axure RP 拥有丰富的组件库,包括按钮、表单、菜单、导航栏等各种常用组件。
3.交互设计:Axure RP 支持多种交互事件,如单击、悬停、滚动等,可以实现复杂的交互效果。
4.动态面板:Axure RP 的动态面板功能可以让设计师创建可折叠、展开的页面结构。
5.条件逻辑:Axure RP 支持条件逻辑功能,可以根据用户行为或特定条件显示或隐藏内容。
6.团队协作:Axure RP 支持多人协作,可以实时同步团队成员的设计更改。
三、Axure RP 的原型设计方法1.设定需求:在开始设计之前,需要明确原型的需求,包括功能、交互方式等。
2.设计布局:根据需求,使用 Axure RP 的页面布局功能设计出初步的页面结构。
3.添加组件:在页面上添加所需的组件,如按钮、表单等。
4.设置交互:为组件添加交互事件,实现所需的功能和交互效果。
5.测试与优化:测试原型,找出问题并进行优化。
四、Axure RP 的优点与不足1.优点:Axure RP 功能强大,可以满足各种原型设计需求;支持团队协作,提高工作效率;学习曲线适中,容易上手。
2.不足:Axure RP 的软件价格较高,对个人用户来说负担较重;部分功能过于复杂,不易掌握。
axure教程
优秀原型设计案例赏析
案例一
某社交应用原型设计
亮点
简洁的界面设计,清晰的社交功能布局,以及流畅的 交互体验。
启示
在社交应用的设计中,需要注重用户体验和社交功能 的完善性。
优秀原型设计案例赏析
案例二
某电商网站原型设计
亮点
丰富的商品展示方式,个性化的推荐功能,以 及便捷的购物流程。
启示
在电商网站的设计中,需要关注用户需求,提供多样化的商品展示和个性化的 推荐服务。
界面设计及交互实现
界面设计
运用Axure的设计工具,进行界面设 计,包括色彩搭配、图标设计、字体 选择等,打造美观且符合用户习惯的 界面。
交互实现
利用Axure的交互功能,为界面添加 交互效果,如点击、滑动、拖拽等, 提升用户体验。
原型测试与优化调整
原型测试
将设计好的原型进行测试,邀请目标用户参与,收集他们的反馈和建议,了解原型在实际使用中的表 现。
优秀原型设计案例赏析
案例三
某在线教育平台原型设计
亮点
生动的课程内容展示,互动性的学习体验, 以及完善的学习辅助功能。
启示
在线教育平台的设计需要注重课程内容的呈 现方式和学习体验的互动性。
03
Axure核心功能详解
页面管理
创建新页面
在Axure中,可以通过简单的操作创建新的页面,以满足不同设 计需求。
axure教程
目录 CONTENT
• Axure基础入门 • 原型设计基础 • Axure核心功能详解 • 高级功能应用与技巧 • 实战案例:从0到1完成一个APP
原型设计 • 总结与展望
01
Axure基础入门
软件安装与启动
AXURERP案例教程ue设计技巧ax原型设计软件教程PPT教案
交互性强
原型应该具有高度的交互性,以便 用户可以直观地理解和操作。
适应性强
原型应该能够适应不同的设备和屏 幕尺寸,以确保最佳的用户体验。
响应式设计
原型应该采用响应式设计原则,以 便在各种不同的使用场景下都能良 好地工作。
Axure RP的主要功能
创建交互式原型
Axure RP允许用户创建各种类型的交互式原型,如单击 、滑动、拖拽等。
提供明确的反馈和 提示
在交互设计中,应提供明确的反 馈和提示,包括按钮点击效果、 表单验证信息、弹型设计中,应考虑多种设备 和浏览器的兼容性,包括响应式 布局、跨浏览器兼容等方面的要 求。
利用Axure RP的交 互特性
Axure RP具有丰富的交互特性 ,如动态面板、条件逻辑、变量 等,应充分利用这些特性来丰富 交互效果和提高用户体验。
01
Axure RP简介及设计原则
Axure RP是什么?
Axure RP是一款专业的原型设计工具,用于创建交互式、高 保真的软件或网站原型。
它可以帮助产品经理、设计师和开发人员快速创建静态或动 态的原型,并与团队成员和客户进行有效的沟通和协作。
Axure RP设计原则
简洁明了
设计原型应该简单明了,避免过多 的装饰和不必要的复杂性。
支持动态面板
Axure RP支持动态面板功能,可以模拟复杂的交互效果 。
强大的样式设置
Axure RP提供了强大的样式设置功能,可以快速设置元 素的颜色、字体、大小等。
团队协作和版本控制
Axure RP支持多人协作和版本控制,方便团队成员之间 共享和协作。
02
Axure RP 高级交互设计技巧
动态面板交互设计
05
原型设计工具——axure认识与使用
原型设计⼯具——axure认识与使⽤原型设计⼯具——axure认识与使⽤在第⼋周的课堂上,王⽂娟⽼师在校园系统上发布了对于⾃⾏选择的原型设计软件进⾏资料查找以及⾃学的任务。
因此在这⾥,我选择了Axure RP原型设计进⾏介绍\⼀、Axure认识1.1、什么是Axure Axure RP是⼀个专业的快速原型设计⼯具,是⼀个专业的快速原型设计⼯具,让负责定义需求和规格、设计功能和界⾯的专家能够快速创建应⽤软件或Web⽹站的线框图、流程图、原型和规格说明⽂档。
1.2、Axure使⽤⼈群 使⽤者主要包括商业分析师、信息架构师、可⽤性专家、产品经理、IT咨询师、⽤户体验设计师、交互设计师、界⾯设计师等,另外,架构师、程序开发⼯程师也在使⽤Axure。
1.3、Axure⼯作界⾯说明 axure的使⽤环境通过下图进⾏说明。
初始界⾯:1、主菜单和⼯具栏:执⾏常⽤操作,如⽂件打开、保存⽂件,格式化控件,⾃动⽣成原型和规格说明书等操作;2、站点地图⾯板:对所设计的页⾯(包括线框图和流程图)进⾏添加、删除、重命名和组织页⾯层次;3、控件⾯板:该⾯版包含线框图控件和流程图控件,另外,你还可以载⼊已有的部件库(*.rplib⽂件)创建⾃⼰的部件库;4、模块⾯板:⼀种可以复⽤的特殊页⾯,在该⾯板中可进⾏模块的添加、删除、重命名和组织模块分类层次;5、线框图⼯作区:线框图⼯作区也叫页⾯⼯作区,线框图⼯作区是你进⾏原型设计的主要区域,在该区域中你可以设计线框图、流程图、⾃定义部件、模块;6、部件消息交互⾯板:这⾥可以设置部件在操作过程中的消息传递;1.4、原图实现平台 当原图制作好后,可以点击下图所⽰的图标进⾏展⽰:⼆、基本操作说明 这⾥我们通过⼏个常⽤的操作来实际地了解Axure⼯具的使⽤。
接下来主要说明以下⼏点:1. 页⾯创建2. 设置点击,隐藏页⾯2.1、点击按钮,打开⼀个画⾯步骤⼀:从控件⾯板中选择“Rectangle”以及“按钮”控件⾄线框图⼯作区,如下图所⽰:步骤⼆:选择要控制打开或者关闭的“矩形”控件,右键设置为动态(如上⼀⽰例所⽰),并为该动态控件命名为“页⾯”;步骤三:选中按钮控件,并在部件消息交互⾯板选择“OnClick”消息,进⾏设置;步骤四:在消息编辑窗⼝中选择“hide”,选择之前命名的“页⾯”勾选框,并点击“OK”;步骤五:点击“演⽰”控件,执⾏演⽰即可;点击之后三、⼩结 在整个Axure的使⽤过程中,它给我带来了很多特别的感觉,axure也是⼗分好上⼿的,刚⼊门的就把所有的菜单挨个点⼀遍,然后所有的控件拉到页⾯上,右键点⼀遍,不同⼯作区挨个观察;也就算会⽤⼊门了。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
母版(模板)区域
母版(模版)区域是一种可重复利用的页面, 比如页面的模板、导航栏、页首、页脚等这些类似 的元素都可以通过模块来调用。 使用模块的好处是:修改模块时,原型中所有 使用该模块的地方都会跟着一起修改。这样在设计 时可以提高效率并且易于管理。 模块的面板和站点地图有点类似。可以添加、 组织、编辑。
Axure RP高级交互
Axure里的动作:
Bring Panel to Front:将动态面板置为最前端 Set Variable and Widget value(s) equal to Value(s):设定变量值或控件值 Open Link in Parent Frame:在父页面的嵌框架中打开一个页面 Scroll to Image Map Region:滚动页面到Image Map所在位置 Enable Widget(s):把对象状态变成可用状态
组件区域——图片控件
使用方法: 图片控件的操作比较简单,双击图 片组件,选择一张图片打开即可。 需要重新添加图片是,在原来的图 片上双击再选择。
双击
Axure RP基本操作
组件区域——其它控件
矩形、占位符、输入框、形状按钮、按 钮 使用方法:选中某个组件后,直接 拖入到工作区域使用即可。另外,可以 对这些组件的尺寸、颜色、边框、文字 进行编辑。 注: 矩形、占位符、形状按钮都有
原型制作规范——Widgets规范
命名规范
a) 全站使用,则命名方式为:分类+位置。
i. 全站顶部导航:统一为Allheader开头,包括各种宽导航、窄导航;
Axure RP基本使用
苤蓝分享
目录
关于Axure RP
Axure RP的基本介绍 Axure RP的使用 Axure RP原型制作规范
初识Axure RP
Axure RP Pro是美国 Axure Software Solution公司的旗舰产品, 是一个快速的原型工具, 主要是针对
负责定义需求、 定义规格、 设计功能、 设计界面的专家。
览器,软件会直接启动浏览器打开生成的原型
页面
Axure RP原型制作规范
名词解释,制作规范,动作规范,注释规范
原型制作规范——名词定义
1. Sitemap 导航图 2. Widgets 组件
3. Master 库
4. Label 控件名 5. Interactions 交互动作
很多形状可以变化、彼此之间也可以相
互转换。
Axure RP基本操作
文字编辑 填充、边框 文字分布 锁定控件
坐标、尺寸 组合、顺序对齐、分布
改变形状
右键菜单
Axure RP基本操作
组件区域——矩形控件
矩形的形状变化,其中,圆角的大
小是可以控制的,使用不同的形状得到
一些组合形状。
Axure RP基本操作
更加有效的协作沟通,降低沟通成本,减少误解,避免返工 更加直观的感受系统,尽早反馈用户的需求与系统的不足
Axure RP的基本功能介绍
基本功能,工作环境
Axure RP 功能
一、网站构架图:Axure RP可以快速绘制树状的网站构架图,而且可以让构架图中的每一个页面节点,直接连接到对应 网页; 二、示意图:Axure RP内建了许多会经常使用到的组件,例如:按钮(Button)、图片(Image)、文字面板(Text Panel)、 选择钮(Radio Button)、下拉式菜单(Droplist); 三、流程图:Axure RP快速建立流程图就像建立线框图一样容易,流程中有设计流程图时会经常用到的形状,您可以轻 松在流程之间加入连接线并设定连接的格式;
动态面板
动态面板有7种动作: 1. 2. 3. 4. 5. 6. 7. 设置面板状态为指定状态 显示面板 隐藏面板 切换面板可见性 移动面板 将面板置于顶层 将面板置于底层
Axure RP生成网页原型
菜单生成法 发布——预览——创建文件夹
Axure RP生成网页原型
直接按键盘F5可预览原型效果
1.生成的网页原型,存放路径,可以自定义,我 们在网络上下载的一些原型文件,有时候无法 生成,只需要设置以下默认就可以了 2.选择浏览器或者打不开,一般选择默认浏览器 3.点击生成按钮,生成网页原型,如果选择了浏
Axure RP高级交互
动态面板
Axure中很多的交互是由动态面板
来实现的。 动态面板里面可以包含多个状态,
动态面板
所以通过一些事件可以对动态面板的状
态进行切换,以此来实现交互效果。但 任何时候都是只有一个状态是可见的, 或者整个动态面板是被隐藏的。
Axure RP高级交互
动态面板
双击动态面板的线框图,会有一个 动态面板状态管理的对话框,在这里可 以添加、删除、重命名、组织动态面板。 动态面板的第一个状态是它的默认 状态。选择编辑之后可以对其进行设计, 像画线框图一样。 动态面板的显示范围是在一个蓝色
Disable Widget(s):把对象状态变成不可用状态
Set Focus on Widget:设置焦点 Wait Time(s):等待多少毫秒(ms)后再进行这个动作
Expand Tree Node:展开树状节点
Collapse Tree Node:折叠树状节点 Other:显示动作的文字说明
站点地图
站点地图是项目页面的导航面板,
呈树状结构,以主页为根节点,可以方 便我们对网站整体模块和不同栏目、功
能划分有一个很清晰的了解,同时也方
便我们对网站整体页面进行管理(添加、 删除、重命名、调整层级、调整顺序、 生成流程图)
Axure RP基本操作
组件区域
组件面板中包括有线框图组件和流 程图组件两种类型,用这些组件可以进 行线框图和流程图的相应设计。 这里显示的是所有的组件,后面的 一部分是流程图组件 。系统默认显示的 线框图类型的部件。
页面导航板(Sitemap Pane)
控件面板(Widgets Pane)
模块面板(Masters Pane)
线框图面板(Wireframe Pane)
控件交互面板(Interactions Pane)
页面交互和注释面板(Pages Notes & Page Interactions Pane)
Axure RP 工作环境
3、重新载入当前页面;
4、返回上个页面。
Axure RP高级交互
定义链接
方法一
方法二
Axure RP高级交互
设置动作
除了定义链接之外,Axure里还可 以设置丰富的动作,在Axure里,任何 可以出发的事件中都可以执行这些动作。
Axure RP高级交互
设置动作
Axure里提供的动作在执行时是自 左向右顺序执行的,在基本编辑器里, 选择一些动作后,Axure会按照默认的 方法生成动作的执行顺序。当这些顺序 不能满足需求时,可以尝试使用高级编
Axure RP功能
Axure 的工作环境可进行可视化拖拉操作,可轻松快速的创建带有注释的线框图。 无需编程就可以在线框图中定义简单链接和高级交互。 Axure 可一体化生成线框图、HTML 交互原型、规格说明 Word 文档。
Axure RP 工作环境
主菜单和工具栏(Main Menu & Toolbar)
Axure RP高级交互
页面交互
Axure还支持页面层级的触发事件,当载 入一个页面时,就会触发OnPageLoad事件。
OnPageLoad事件可以为我们设置页面在载入
时的初始状态,并可以触发一些我们需要的场 景的条件。 例如:一个导航会有一个初始状态和一 个选中状态,当我们从一个入口进入到一个页 面时,我们希望那个对应的导航按钮时处于选 中状态,此时就需要使用OnPageLoad事件来 设置。
辑器,可以自定义添加动作、改变执行
顺序。
Axure RP高级交互
Axure里的动作:
Open Link in Current Window:在当前窗口打开一个页面 Open Link in Popup Window:在弹出的窗口中打开一个页面 Open Link in Parent Window:在父窗口中打开一个页面 Close Current Window:关闭当前窗口 Open Link in Frame:在框架中打开链接
Axure RP基本操作
母版的三种行为
模块的行为包括:标准、放在背景中、自定义组 件三种类型。
标准:普通的模版,就是一般的复用母版、是默
认创建的行为,不能在页面中进行直接修改。 放在背景中:当把模版调用到页面时会放置底层 并且锁定,经常用于创建head、foot等明确定位的复 用模版。 自定义组件:这种母版类似于自创一个组件,在 拖动到页面后,可以对其编辑修改,独立于母版。
Axure RP高级交互
交互类型
Axure里的交互动作大致包括:定义链 接、设置动作、多个条件场景、页面上的交 互四种类型。
Axure RP高级交互
定义链接
定义链接可以让一个组件响应一
个动作时(如鼠标点击、飘过)链接到 其他页面。
在Axure里提供了四种链接方式:
1、链接到设计中的页面; 2、连接到外部网址或文件;
6. Annotations注释
7. Location and size 位置和尺寸
原型制作规范——标准原则
流程:可完整的模拟用户体验流程,有可逆流程
逻辑:清晰明确,判断有提示
界面:规范,整洁 说明:明确,易理解
原型制作规范——文件命名规范
RP文件统一新建文件夹,命名为【name.RP】文件,存放各阶段版本的RP 文件,各版本RP文件必须后缀日期和序列号,产品名+特性+子项目+日期 +序号,如cosmentics_newindex_2010032201.rp 所有导出的HTML文件存放文件夹命名为:【name.file】,所导出的文件夹 按照日期命名,如:如cosmentics_newindex_2010032201