打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Hawking’s Axure RP Pro 5__设计原型
Axure RP Pro5终于发布了,直观操作上,最明显的变化之一就是在命令行多了“share.分享”,其次所有窗口可以以浮动形式编辑了。为了与时俱进,以后的教程将以Axure RP Pro5为基础来继续写。
话说上次功能说到注释annotations,这次就来说它的“亲兄弟”交互interactions。之所以说他们是亲兄弟,除了因为他们长在同一个面版上,更因为他们需要结合起来使用,这样才能清楚的表明功能详情。
打个不恰当的比方,如果要说明的功能对象是人,那么注释annotations标注的是这个人的基本属性,比如“性别、年龄、学历……”,交互interactions则是说明人根据外部条件,做出的回应。比如你父母做好饭菜给你,你就吃饭;给你10块钱,一个瓶子,嘱托你买酱油,你就会一溜烟小跑去打酱油(这个比喻有点过时,现在都不这么买了)。当然,我们说的是绝对条件下的绝对反应,这就是机器语言。
我们以一条简单的文字链接为例:“hawking 的 axure rp 5  文章列表”。我们来对它添加交互行为。
我把交互分为三个部分的:交互触发、交互条件、交互行为。这样的区分,其实是参考程序编程的结构而做的,这就把程序构成人性化、语义化了。
这章我着重讲解交互触发与交互行为中的快速链接,详情的交互行为与交互条件留待后面两章进行详解。还是照例先给三个名词做出名词解释。
交互触发:是发生交互的导火索,说明引起交互的触发动作是什么。
    以此文字链为例,交互的触发原因,是“点击文字链”。
交互条件:是达成我们目标行为的前提条件。如果目标行为只有一个,对触发没有任何条件限制,交互条件则可以被忽略。
    再以此文字链接为例,如果对查看文章列表没有任何限制,则不设置交互条件,用户点击文字链,直接发生交互行为。如果对查看文章列表有权限限制,只允许作者查看,则触发交互行为的条件就是“以文章作者hawking的身份登录”。
    PS:有条件本身,就必然会有条件的反面。或者有多个条件,就会有多个条件之外的例外情况。在写文档的时候,必须考虑进去,说明清楚,这一点最容易疏漏,而造成程序员在开发的时候想当然,或者再回来问你。针对这个例子,条件的反面就是“登录者不是hawking,或没有登录”。
交互行为:是机器依据触发事件与条件,做出的反应动作或行动。
    此文字链接的的交互行为,就是“页面跳转到hawking 的 axure rp 5  文章列表页面”。
一、交互触发
触发主要有两种,一种是页面载入触发,一种是鼠标行为触发。
1、页面载入触发,针对的对象就是我们所编辑的页面,axure将其放在了page notes&page interactions面版中。如下图所示,就是page interactions。
 
 
Axure暂时仅支持一种页面触发条件,就是OnPageLoad当页面载入时。
如图所示,针对我们设置的case事件,axure提供了三个功能。
Add case:给所选对象增加事件。
Edit case:编辑所选事件。(功能前提,选择你索要编辑的事件,比如鼠标选择case 1)。
Delete case:删除所选事件。(功能前提,选择你索要编辑的事件,比如鼠标选择case 1)。
2、鼠标行为触发是当用户使用鼠标操作界面时,引发交互。
 
 
Axure支持的鼠标触发行为根据你所选择的对象不同而不同,选择图形、文字、链接会出现三种触发行为:
Onclick:当鼠标点击目标时,触发交互行为。
OnMouseEnter:当鼠标移入目标热区时,触发交互行为。
OnMouseOut:当鼠标从目标热区移出时,触发交互行为。
如果选择的是输入框、多选框等则会出现对应功能的触发行为:
OnKeyUp:Fires when the user releases a key.当释放键盘时触发交互行为。
OnFocus:当鼠标选择、聚焦到对象时,触发交互行为。
OnLostFocus:当鼠标失去对目标对象的选择、聚焦时,触发交互行为。
特别的,选择下拉框、列表框会出现:
Onchange:当所选项被更改时,触发交互行为。
而选择我们所编辑的对象后,如果对象之前没有编辑过交互事件,则有两个选项
Add case:给所选对象增加事件。
Quick link:快速添加链接。
如果曾经编辑过交互事件,则有三个功能,和页面载入触发是一样的,这里也就不再累述。
二、交互行为—快速链接
选择好交互触发后,在对交互没有特定条件设置的前提下,我们可以直接设置此次触发引起的交互行为。由于链接跳转是网页中最常用的交互行为,因此axure特意提供了一个快速链接的功能。
选择对象后,点击快速链接则会弹出如下link properties 链接属性面版:
 
 
如图所示,此面版中有四条可选命令:
1、link to a page in this design:链接到这个项目中的某一特定页面。
你可以通过鼠标点击,选择你想要跳转的,树型目录中的相应页面。
2、link to an external url or file:链接到一个外部链接或者文件。
你可以通过在hyperlink框中输入链接地址,完成链接导向。
注意:链接最好是绝对链接地址,不然就容易出错。
3、reload current page:重新载入当前页面。
Variable changes are applied变量变化生效。
4、back to previous page:返回浏览前一页面。
Varable changes are not applied变量变化不生效。
本篇文章来源于 2tan.net 原文链接:http://www.2tan.net/article.asp?id=21
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
Axure 学习笔记
Axure原型制作规范
原型设计总复习
《Axure原型设计基础》项目3 定义元件库
Axure RP 9 for Mac的新手入门指南
聊聊Axure RP 8.0的新功能(附各版本及汉化包下载)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服