您当前所在位置： >
> 交互设计
怎样在Axure原型设计中链接跳转动态面板？
近年来网站如雨后春笋般大批的出现在网络上,对于网站来说图形图样设计也变得越来越重要。下面就让我们来了解一下怎样在Axure原型设计中链接跳转动态面板。今天学习Axure原型设计中，如何使链接跳转到另一个页面里动态面板的某个状态。大家好好跟着来学习咯。1、先在所要跳转的链接处添加用例，并设置两个事件，一个是页面间的跳转事件(简单略过)，还有一个事件：“设置 变量/部件 值”想学习更多AxureRP7.0知识，可以点击《AxureRP7.0标准教程》进行学习。设置好值于变量 OnLoadVariable 等于 2 (没有用过的具体状态值，与下一页的值一致即可)。此步骤中需要注意跳转链接的用例事件当中，“设置值变量OnLoadVariable 等于 2”的事件必须位于跳转事件之前。2、在另一页面中的页面交互的OnPageLoad中添加相应的用例(你想跳转到动态面板的状态有几个，并创建几个用例)，用例中需设置一个条件，添加两个事件。a.设置条件如下图所示：b.设置动态面板的状态到指定状态：c.先在动态面板旁边添加一个“图像热区”，在添加“设置窗口到指定热区”事件(解决页面跳转间，你想到达页面的任何区域，在本例中没多大作用)：上就是精品学习网为您准备的关于怎样在Axure原型设计中链接跳转动态面板的信息，希望对您的生活工作有帮助，祝您生活愉快。
上一篇：下一篇：
本文相关阅读
高校查询分数线
考生所在地
北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
地区批次线查询
考生所在地
北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
科目理科文科综合其他
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
<option value="
院校所在地北京天津辽宁吉林黑龙江上海江苏浙江安徽福建山东湖北湖南广东重庆四川陕西甘肃河北山西内蒙古河南海南广西贵州云南西藏青海宁夏新疆江西香港澳门台湾
其它中央部委
类型工科农业师范民族
层次本科高职(专科)
高考志愿③部曲
频道热门推荐
栏目最新更新Axure中文版使用全指南_图文_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
Axure中文版使用全指南
上传于||文档简介
&&A&#8203;x&#8203;u&#8203;r&#8203;e&#8203;产&#8203;品&#8203;经&#8203;理&#8203;首&#8203;选&#8203;,&#8203;快&#8203;速&#8203;原&#8203;型&#8203;设&#8203;计&#8203;。
大小：1.78MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢资源页文档
angel_he上传于
AXURE RP 6原型设计精髓=AXURE RP 6 RPOTOTYPING ESSENTIALS
0分|下载343次|108.12MB
《Axure RP 6原型设计精髓》绝不仅仅是Axure软件的功能介绍，而是从项目完整生命周期的角度，系统阐述如何使用Axure来帮助项目成功。
《Axure RP 6原型设计精髓》的随书示例文件，请前往@七印部落的微博下载。
即使你不懂任何编程语言，无法控制项目管理、预算和进展计划，也可以通过《Axure RP6原型设计精髓》掌握Axure，让你的设计更具创造力和高效。
　　本书先介绍Axure的界面、术语、功能，然后以一个中型示例项目为背景依次探讨UX项目的创建流程和Axure的使用技巧。出于简洁性考虑，本书对原型设计过程进行了简化，但依旧由易到难完整地阐述了一个UX项目的要素，如定义商业和技术需求、建立用例和流程图、构建高（低）保真线框图、设计交互、编注说明、产出详细UX规格文档及追踪迭代。
　　EzraSchwartz是一名信息和用户体验架构师，擅长研究复杂用户界面框架的逻辑。他专注于研究全球化企业应用程序、团队协作策略、UX需求追踪，并为多版本分步实施的项目制定规格文档。
　　Ezra帮助客户将快速UX原型设计、验证、测试和开发文化进行成功集成，帮助客户采用UCD（user-centered-design，以用户为中心的设计）方法和进行最佳实践。他成功领导了重要用户体验项目，包括金融、航空、医疗、移动、出版、媒体研究、制造、学术研究和软件开发等多个行业，Ezra还为非营利性组织提供无偿服务。
　　Ezra是AxureWorld.org的创始人和组织者，这是一个免费的国际化讨论社区，专注于快速UX原型设计。Ezra经常在一些大会上和个人博客上讨论用户体验相关的主题。
UX原型艺术
交互式原型
原型要素清单
Web应用程序和门户网站
移动应用程序
启发式评估
交付物：原型和规格文档
平衡的艺术：利益相关者怎么说
业务利益相关者
业务流程架构师
UX相关人员怎么说
UX从业者的观点
UX团队领导的观点
面临的挑战
项目后续过程
Axure的优势
Axure的劣势
Axure在大型项目中的使用建议
Axure在世界各地
Axure公司的观点
同时打开多个Axure文件
Axure工作区
自定义工作区
站点地图区
线框图页面
流程图页面
页面属性区
　草图风格
线框图控件
流程图控件
自定义控件
第三方控件
控件属性区
位置和尺寸
对齐和间距
填充、线条和边框
线框图编辑区
网格和参考线
　自定义控件
模板使用报告
动态面板管理区
工具栏和菜单栏
Axure文件格式
　　2.11.1
.RP文件格式
　　2.11.2
.RPPRJ文件格式
Axure快速入门
原型设计原则
Alexandria数字图书馆
三十分钟快速入门
初始需求和用例
用例图页面
保存项目文件
第一个线框图页面
任务流程图页面
浏览流程图
搜索流程图
用例链接到流程图
生成HTML原型
开始使用模板和动态面板
第一个线框图
快速且粗糙的方法
快速但结构化的方法
第一个模板：导航系统
　全局导航栏
次级导航栏
第一个动态面板
为动态面板添加状态
添加视觉效果
添加草图效果
修改任务流程图
从业者的实践——移动设备Axure原型设计
移动友好（Mobile-friendly）Web网站和移动Apps
不同的设备分辨率和宽高比
使用Viewport标签
　使用一个全屏浏览器
　横向和纵向页面版本
事件和手势的兼容性
浏览器的局限性
使用控件库
在移动设备上加载原型
20世纪50—60年代
20世纪70—80年代
20世纪90年代和21世纪初
现在、未来和Axure交互
第1步：使用简单词语定义交互
第2步：Axure交互界面
第3步：将需求转变成Axure交互
第4步：为交互添加注释（可选）
页面加载事件
示例：更改默认的着陆页
模拟上下文导航
　OnPageLoad事件和动态面板
　OnPageLoad事件详解
用户触发事件
分步示例：登录
创建线框图
控件、事件和相互关联
　控件事件详解
分步示例：结构和交互
第1部分：调整线框图结构
第2部分：添加交互
动态面板动作
控件和变量动作
管理原型变化
UX规格文档
　　用户体验（UserExperience，简称UX）已经成为一种设计主流。UX已经被商业开发和软件开发利益相关者所认同，用以衡量产品是否被人们所接受以及商业运作是否取得了成功。如今我们恰逢时机，可以利用丰富的表现手段，为大量强大的设备（如智能手机、平板电脑）创建新颖和极具吸引力的用户界面。UX涵盖了多种学科，包括认知心理学、用户研究、视觉设计等，而所有这些便形成了原型，即一种在编码之前对设计进行验证和激发决策者进行决策的交互式仿真模型。
　 Axure是创建线框图、快速原型和规格文档的优秀UX工具，已经成为世界上成千上万从业者的首选工具。虽然UX社区已涌现出越来越多的仿真工具，但目前还很少有工具能与Axure媲美。
　本书全面介绍如何在整个界面设计周期中使用Axure，并结合UX过程的固有迭代特性，为线框图和原型的创建指明方向。本书以一个示例项目为背景依次探讨UX项目的创建流程和Axure的各项功能，如解决业务和技术需求、处理用例和流程图、创建高（低）保真线框图、命名约定、创建交互、编写注释、生成详细UX规格文档和跟踪需求。
　你可能无法控制项目管理进展和预算，但阅读本书后，你会确信Axure作为最重要的UX工具之一，适用于任何规模、任何复杂度、任何平台和设备的快速迭代的UX项目。Axure还能提高UX产出物（包括线框图、交互原型、规格文档）的质量。
　本书通过对相关概念的清晰解释，逐步指引读者掌握如何将Axure集成到UX工作流程中，主要面向UX从业者（产品设计师、用户体验设计师）、商业分析师、产品经理，以及项目相关人员。如果你希望在当前负责或参与的项目中使用Axure，本书会是你入门的理想选择。即使你已经深入掌握Axure，本书仍会给你带来很大帮助。
在线试读部分章节
　　 从2007年我第一次接触Axure开始，就萌发了写作此书的意愿。经过几年的摸索，我总结了一些使用经验并完成了此书的创作。
当初是什么吸引了我，并使我至今仍为之兴奋？是Axure的功能。我不需要程序员，也不需要花费数月来学习一门编程语言。拥有了Axure，就能让我自由地进行迭代设计和测试，还可以塑造完美的可点击的交互原型。Axure简单、快捷且非常有趣。在Axure出现以前，原型需要交给专人制作，而如今，自己就能独立完成这项工作。
　　自从第一次使用Axure，并在短短数小时内完成了第一个原型后，我就再也没有选择过别的工具（在那之前我一直使用Visio来画线框图）。同时，我发现Axure除了能创建交互原型，还帮我解决了一个大麻烦，即创建和更新UI功能规格文档。
如果你使用过Visio、Word和截图工具来创建规格文档，就会知道这种传统方式有多烦琐。首先在Visio线框图上添加脚注编号，然后对线框图进行截图、保存并导进Word，最后在Word里编写相关注释。一旦对线框图进行修改，前面这些工作都需要重来一遍。如果处理项目中的每个线框图都需要经历以上步骤，其工作量之大可想而知。
　　虽然UX设计的本质就是一个迭代的过程，但规格文档的更新过程真是既耗时又费力，这对项目中的每个人来说都很麻烦。使用Axure的规格文档生成功能，可以大大减少工作量。可以在Axure的自定义界面中为线框图进行脚注编号、截图，并将全部内容进行组织。尽管配置规格文档也需要一些试验，但所耗费的精力远低于传统手工方式。此外，一旦配置好规格文档，就不再需要为此投入精力。
Axure的团队协作功能大大提高了UX项目中人员之间的沟通效率。有别于以往的工具，Axure考虑了每位项目成员的利益，而这点是软件项目成功的关键。任何规模的项目都需要多种UX资源的通力合作，因此Axure推出共享项目（SharedProjects）功能。
　　刚开始使用Axure时，会遇到无法解决的技术问题或无法弄清楚的问题，一旦将其反馈给Axure的工作人员，就会得到Axure官方迅速而详尽的答复。我发出的供检测的RP文件会获得审查，提出的问题也会得到解释。有时候，Axure还会立刻在软件更新中修正我提到的问题。Axure团队的客户支持一直以来都做得非常好。
　　在Axure官方论坛（Axure's DiscussionForum），我还发现了一帮乐于分享的资深用户。通常，提出的问题在几个小时内就能得到有效答复。多年来，我通过这个论坛获得了许多与Axure相关的知识，也很高兴能在论坛里帮助他人。当一款工具成为我工作的必需品时，好的技术支持就显得格外重要。因此，Axure官方论坛成为我对Axure不离不弃的重要原因。
尽管以前很少有人知道Axure，但它的价值如此明显，因此说服客户和团队成员使用它并不费力。Axure为线框图、规格文档和合作模式等功能提供了一种良好的设计环境，满足了企业所有需求，同时其价格也相当公道。但有时，企业担心找不到会使用Axure的UX设计师，而UX设计师会排斥新的工具，使得Axure的普及遇到困难。这时需要外部力量来推动变革。
　　事实上，Axure能在UX设计师中流行起来主要有两点原因：首先，UX已成为软件开发过程中不可缺少的一部分；其次，技术进步带来了用户体验的创新，越来越多的企业认识到用户体验的商业价值，于是开放预算，UX专业人员的需求也就随之出现。
　　预算和按时交付的压力也逐渐增大，两者很难平衡。有时，过分紧凑的时间表和以用户为中心的设计之间会产生严重冲突。以用户为中心的设计本身就很耗时费力，需要进行用户调研、迭代设计及用户验证。Axure的出现，使我们可以在有限的时间内交付出优秀的产品，为客户提供更多的价值，从而保证公司的利润。
　　这很重要。如果你为了更新一个原型和文档，使工作时间延长了几倍，这无疑是在提高成本。Axure有助于UX团队控制成本、提高生产力、保证利润。通过简单的学习，就能巧妙地使用Axure的自定义模式、模板和自动化功能来大幅度提高效率。
　　Axure是UX设计师耗费近十年时间精心打造出的工具。编写本书时，Axure已被广泛使用，全世界有超过三万名注册用户。它成为行业中公认的常用UX设计工具。Axure对用户的影响到底有多大？相信使用过的人都深有体会。
&#xe60f;收藏(8)&#xe60a;评论&#xe608;分享
&#xe607;新浪微博&#xe606;QQ好友&#xe603;QQ空间怎的在Axure中创建高保真的Axure原型（一）_推荐一款神器，圆桌面远程调试IOS网站的工具 很好很强大 支持国产_最新MVC视频重磅出炉了！__脚本百事通
稍等，加载中……
^_^请注意，有可能下面的2篇文章才是您想要的内容：
怎的在Axure中创建高保真的Axure原型（一）
推荐一款神器，圆桌面远程调试IOS网站的工具 很好很强大 支持国产
最新MVC视频重磅出炉了！
怎的在Axure中创建高保真的Axure原型（一）
怎样在Axure中创建高保真的Axure原型（一）
在用Axure进行快速原型设计时，无需另外使用Photoshop、Illustrator或Fireworks，Axure自带的功能也能让你快速创建具有高保真度的原型。
技巧一：利用标签和按钮
对于复杂的原型设计和交互，默认的Axure标签和按钮已不能满足要求。一个好的选择就是就是的Axure线框图组件库里标准的按钮和标签图，既有纯白色的填充色又有中度灰色线条颜色。
通过使用线性渐变填充和线条颜色，你可以轻松变换图形。以下屏幕截图显示了Axure中创建的 “fancy按钮”尝试多个色标和不同的梯度角。
技巧二： 利用阴影效果
当你在Axure原型中加入阴影效果时，你会明显发现文字的对比度和清晰度增加了。只需用两个不同颜色的文本面板，在不到5秒的时间里你就可以制造出一个简单的阴影效果。
拖动一个文本面板组件到设计窗格，设置其所需的字体、大小和颜色。然后，按Ctrl-D（PC）或Cmd-D（Mac）复制文本面板，将复件作为文字面板的阴影。
注意：当使用复制快捷键时， Axure将复制的组件自动设置为在x,y上+10px的规格，以上截图显示了在x,y上均有3px的偏移。不过，字体、大小和颜色的组合是无穷无尽的。
提示：对于本身横纵距离都较小的文本，3px的x,y偏移对于选中前景文字面板或背景文字面板都比较困难，因为他们的间距太小。要避免此种情况，需使背景文字面板宽于前景文字面板。
技巧三：创建自定义图形
虽然你不能在Axure中直接画出个性化的图形，但通过拼合图形你也可以轻松创建你自己的独特图形。技巧就是充分利用某些图形的属性，如圆角标签的透明侧面，你也可以利用一个图形的填充颜色来隐藏其他图形的相交线部分。
例如：上图的对话框气泡就是三种图形的组合：一个圆角矩形、一个三角形和一个标准矩形。这个标准小矩形是纯色填充，不带线条颜色，可以用来隐藏掉圆角矩形和三角形相交的交接线。
扩展阅读：
怎样在Axure中创建高保真的Axure原型（二）
使用Axure创建iPhone应用程序原型 /zh-CN/Info/catalog/19323.html
&&快速原型设计工具Axure RP下载 /product/2978/download
推荐一款神器，圆桌面远程调试IOS网站的工具 很好很强大 支持国产
推荐一款神器，桌面远程调试IOS网站的工具 很好很强大 支持国产！
MIHTool 是前端工程师在iOS设备上调试和优化页面的得力助手.
首先app Store下载 MIHTOOL。
然后安装后地址栏打开所需要调试的网站，然后会弹出本地使用的ip地址 类似这样的 http://192.168.1.165:1630/devtool/client/#leZV6e
然后，出现如下界面就等于就可以成功开始远程调试 IOS网站了
1.内嵌 Web inspector(类似于 Chrome DevTool 或 FireBug):有 Elements,Resources,Network,Timeline,Console 面板.
2.远程打开Web inspector调试:在电脑(window,mac,linux,仅需装有chrome)上远程调试手机里的页面.
3.在线远程打开Web Inspector调试.
4.HTML 编辑器:查看网页源码;格式化及高亮源码;编辑源码或者新建一个页面并预览结果.
5.远程控制的HTTP服务器:远程打开一个链接;远程注入JS脚本到当前页面;远程禁止缓存;远程清除数据;远程切换全屏;远程切换保持唤醒状态…
6.显示页面合成渲染层(Compositing Render Layers).
7.显示元素的重绘渲染数(Paint Rects).
8.模拟 iPhone.
9.User agent 切换.
10.实用开发者调试书签类工具(Firebug,YSlow,JS Console,WhatFont,PageSpeed,GTmetrix,W3C Markup Validation Service…).
11.在地址栏执行JS脚本.
12.全屏模式(摇一摇设备切换全屏).
13.禁止缓存.
14.清除历史,清除缓存,清除cookie, 清除localstorage.
15.保持唤醒状态(默认开启).
16.查看当前页面的HAR.
17.Performance API.
1.远程打开Web inspector调试:在电脑(window,mac,linux,仅需有chrome)上远程调试手机里的页面.
2.在线远程打开Web Inspector调试.
3.远程控制的HTTP服务器:远程打开一个链接;远程注入JS脚本到当前页面;远程禁止缓存;远程清除数据;远程切换全屏;远程切换保持唤醒状态…
4.显示页面合成渲染层(Compositing Render Layers).
5.显示元素的重绘渲染数(Paint Rects).
6.在地址栏执行JS脚本.
7.禁止缓存(*开关打开时*).
8.全屏模式(摇一摇设备切换全屏).
9.保持唤醒状态(默认开启).
10.Performance API.
/mihtool-zh
最新MVC视频重磅出炉了！
最新MVC视频重磅出炉了！！
3月15号晚上广州传智播客的mvc免费公开课视频在万众瞩目下隆重推出。应广大MVC学习者要求，邹老师昨天10点半讲完课之后连夜上传了讲课的全部内容以供大家下载学习。
适合：.Net MVC入门者
一、内容概要：
1.MVC设计模式
Model 是指 要处理的业务代码和数据操作代码
View 视图 主要是指的 跟用户打交道 并能够展示数据
Controller 看成是 Model和View的桥梁
1.1.可以降低 Model（业务/数据） 和 视图（视图） 的耦合关系
1.2.可以复用视图（同样的数据，可以使用不同的视图以 不同的图标展示出来！）
2.DotNetMVC 框架：约定大于配置
2.1控制器类命名 以 Contoller结尾：HomeController
2.2控制器类将会产生一个 与之同名的 在Views文件夹下的 文件夹：~/View/Home
2.3控制器里的 Action方法，也可在视图文件夹下生成一个同名的视图，如：Index.cshtml
3.EF(EntityFrameWork)
ORM(对象关系映射框架/ 数据持久化框架)
根据 实体对象 操作 数据表中数据的一种面向对象的操作框架。
底层也是调用 Ado.Net
感谢同学们昨晚坚持到那么晚~~~ ：）一起加油！
ViewBag,ViewData,TempData区别？
ViewBag 和 ViewData 数据"共享"，作用域为 当前 Action。
TempData 作用域跨 Action。
广州java培训、广州.Net培训、广州IOS培训、资料下载、期待与您交流！
二、视频列表：
01-传统Web处理方式和MVC处理方式
02-MVC项目会自动导入MVC程序集，因为默认.Net环境（GAC）中没有这个程序集
03-MVC第一个小例子
04-创建edmx文件及附属类
05-EF延迟加载
06-显示文章列表
07-删除文章
08-修改-强类型方法生成html控件-指定视图上的model属性类型
09-修改-get-post调用同名方法
10-修改-提交到数据库
11-课后聊天~~~：）
公开课百度网盘下载地址
广州java培训、广州.Net培训、广州IOS培训、资料下载、期待与您交流！
咨询QQ：邓老师
如果您想提高自己的技术水平，欢迎加入本站官方1号QQ群：&&，&&2号QQ群：，在群里结识技术精英和交流技术^_^
本站联系邮箱：}